aboutsummaryrefslogtreecommitdiff
path: root/packages/components/src/global
diff options
context:
space:
mode:
Diffstat (limited to 'packages/components/src/global')
-rw-r--r--packages/components/src/global/globalTypes.ts137
1 files changed, 63 insertions, 74 deletions
diff --git a/packages/components/src/global/globalTypes.ts b/packages/components/src/global/globalTypes.ts
index aa8451a9c..764fe7422 100644
--- a/packages/components/src/global/globalTypes.ts
+++ b/packages/components/src/global/globalTypes.ts
@@ -1,87 +1,76 @@
-import { PointerEventHandler } from "react"
-import { Size } from "./globalEnums"
+import { PointerEventHandler } from 'react';
+import { Size } from './globalEnums';
-export interface IGlobalProps {
- // Size
- size?: Size
- height?: number
- width?: number
- fillWidth?: boolean
- color?: string
- background?: string
+export enum Type {
+ PRIM = 'primary',
+ SEC = 'secondary',
+ TERT = 'tertiary',
+}
- // Type
- type?: Type
+export type Placement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
- // Status
- inactive?: boolean
+export type Alignment = 'flex-start' | 'flex-end' | 'center';
- // Content
- tooltip?: string
- tooltipPlacement?: Placement
+export type TextAlignment = 'center' | 'left' | 'right';
- // Label
- label?: string
- hideLabel?: boolean
+export interface IGlobalProps {
+ // Size
+ size?: Size;
+ height?: number | string;
+ width?: number;
+ fillWidth?: boolean;
+ color?: string;
+ background?: string;
- // Label when used in forms
- formLabel?: string
- formLabelPlacement?: Placement
+ // Type
+ type?: Type;
- // Custom style
- style?: React.CSSProperties
+ // Status
+ inactive?: boolean;
- // Global pointer events
- onPointerDown?: PointerEventHandler | undefined;
- onPointerDownCapture?: PointerEventHandler | undefined;
- onPointerMove?: PointerEventHandler | undefined;
- onPointerMoveCapture?: PointerEventHandler | undefined;
- onPointerUp?: PointerEventHandler | undefined;
- onPointerUpCapture?: PointerEventHandler | undefined;
- onPointerCancel?: PointerEventHandler | undefined;
- onPointerCancelCapture?: PointerEventHandler | undefined;
- onPointerEnter?: PointerEventHandler | undefined;
- onPointerEnterCapture?: PointerEventHandler | undefined;
- onPointerLeave?: PointerEventHandler | undefined;
- onPointerLeaveCapture?: PointerEventHandler | undefined;
- onPointerOver?: PointerEventHandler | undefined;
- onPointerOverCapture?: PointerEventHandler | undefined;
- onPointerOut?: PointerEventHandler | undefined;
- onPointerOutCapture?: PointerEventHandler | undefined;
- onGotPointerCapture?: PointerEventHandler | undefined;
- onGotPointerCaptureCapture?: PointerEventHandler | undefined;
- onLostPointerCapture?: PointerEventHandler | undefined;
- onLostPointerCaptureCapture?: PointerEventHandler | undefined;
-}
+ // Content
+ tooltip?: string;
+ tooltipPlacement?: Placement;
-export interface INumberProps extends IGlobalProps {
- min: number,
- max: number,
- step?: number,
- number: number
- setNumber?: (num: number) => unknown,
- unit?: string
-}
+ // Label
+ label?: string;
+ hideLabel?: boolean;
-export enum Type {
- PRIM = "primary",
- SEC = "secondary",
- TERT = "tertiary",
-}
+ // Label when used in forms
+ formLabel?: string;
+ formLabelPlacement?: Placement;
-export type Placement = 'bottom-end'
- | 'bottom-start'
- | 'bottom'
- | 'left-end'
- | 'left-start'
- | 'left'
- | 'right-end'
- | 'right-start'
- | 'right'
- | 'top-end'
- | 'top-start'
- | 'top'
+ // Custom style
+ style?: React.CSSProperties;
-export type Alignment = 'flex-start' | 'flex-end' | 'center'
+ // Global pointer events
+ onPointerDown?: PointerEventHandler | undefined;
+ onPointerDownCapture?: PointerEventHandler | undefined;
+ onPointerMove?: PointerEventHandler | undefined;
+ onPointerMoveCapture?: PointerEventHandler | undefined;
+ onPointerUp?: PointerEventHandler | undefined;
+ onPointerUpCapture?: PointerEventHandler | undefined;
+ onPointerCancel?: PointerEventHandler | undefined;
+ onPointerCancelCapture?: PointerEventHandler | undefined;
+ onPointerEnter?: PointerEventHandler | undefined;
+ onPointerEnterCapture?: PointerEventHandler | undefined;
+ onPointerLeave?: PointerEventHandler | undefined;
+ onPointerLeaveCapture?: PointerEventHandler | undefined;
+ onPointerOver?: PointerEventHandler | undefined;
+ onPointerOverCapture?: PointerEventHandler | undefined;
+ onPointerOut?: PointerEventHandler | undefined;
+ onPointerOutCapture?: PointerEventHandler | undefined;
+ onGotPointerCapture?: PointerEventHandler | undefined;
+ onGotPointerCaptureCapture?: PointerEventHandler | undefined;
+ onLostPointerCapture?: PointerEventHandler | undefined;
+ onLostPointerCaptureCapture?: PointerEventHandler | undefined;
+}
-export type TextAlignment = 'center' | 'left' | 'right' \ No newline at end of file
+export interface INumberProps extends IGlobalProps {
+ min: number;
+ max: number;
+ step?: number;
+ number: number;
+ setNumber?: (num: number) => unknown;
+ unit?: string;
+}