thailife-react 0.0.22 → 0.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Autocomplete/Autocomplete.d.ts +17 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +9 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts.map +1 -0
- package/dist/components/Box/Box.d.ts +86 -0
- package/dist/components/Box/Box.d.ts.map +1 -0
- package/dist/components/Box/Box.stories.d.ts +15 -0
- package/dist/components/Box/Box.stories.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +5 -5
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.stories.d.ts +0 -7
- package/dist/components/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +3 -8
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -8
- package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/components/Container/Container.d.ts +9 -0
- package/dist/components/Container/Container.d.ts.map +1 -0
- package/dist/components/Container/Container.stories.d.ts +12 -0
- package/dist/components/Container/Container.stories.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.d.ts +30 -0
- package/dist/components/DataTable/DataTable.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.stories.d.ts +7 -0
- package/dist/components/DataTable/DataTable.stories.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +8 -15
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts +1 -11
- package/dist/components/DatePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/Grid/Grid.d.ts +30 -0
- package/dist/components/Grid/Grid.d.ts.map +1 -0
- package/dist/components/Grid/Grid.stories.d.ts +13 -0
- package/dist/components/Grid/Grid.stories.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +5 -8
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.stories.d.ts +0 -8
- package/dist/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/InputFile/InputFile.d.ts +3 -11
- package/dist/components/InputFile/InputFile.d.ts.map +1 -1
- package/dist/components/InputFile/InputFile.stories.d.ts +0 -8
- package/dist/components/InputFile/InputFile.stories.d.ts.map +1 -1
- package/dist/components/Radio/Radio.d.ts +3 -7
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Radio/Radio.stories.d.ts +0 -7
- package/dist/components/Radio/Radio.stories.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +3 -9
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.stories.d.ts +0 -8
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +3 -8
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.stories.d.ts +0 -8
- package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/dist/index.d.ts +13 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +764 -218
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +767 -217
- package/dist/index.js.map +1 -1
- package/dist/styles/index.css +1 -602
- package/dist/styles/index.d.ts +0 -76
- package/dist/styles/index.d.ts.map +1 -1
- package/package.json +4 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Autocomplete.css";
|
|
3
|
+
export interface AutocompleteProps {
|
|
4
|
+
options: string[];
|
|
5
|
+
value?: string | string[];
|
|
6
|
+
onChange?: (value: string | string[]) => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
label?: string;
|
|
11
|
+
helperText?: string;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
multiple?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLInputElement>>;
|
|
16
|
+
export { Autocomplete };
|
|
17
|
+
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,oBAAoB,CAAC;AAI5B,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,4FAiKjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Autocomplete } from "./Autocomplete";
|
|
3
|
+
declare const meta: Meta<typeof Autocomplete>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const SingleSelection: Story;
|
|
8
|
+
export declare const Multiple: Story;
|
|
9
|
+
//# sourceMappingURL=Autocomplete.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAiDnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwBnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const theme: {
|
|
3
|
+
spacing: {
|
|
4
|
+
'0': string;
|
|
5
|
+
'1': string;
|
|
6
|
+
'2': string;
|
|
7
|
+
'3': string;
|
|
8
|
+
'4': string;
|
|
9
|
+
'5': string;
|
|
10
|
+
'6': string;
|
|
11
|
+
'8': string;
|
|
12
|
+
'10': string;
|
|
13
|
+
'12': string;
|
|
14
|
+
'16': string;
|
|
15
|
+
'20': string;
|
|
16
|
+
'24': string;
|
|
17
|
+
'32': string;
|
|
18
|
+
'40': string;
|
|
19
|
+
'48': string;
|
|
20
|
+
'56': string;
|
|
21
|
+
'64': string;
|
|
22
|
+
};
|
|
23
|
+
borderRadius: {
|
|
24
|
+
sm: string;
|
|
25
|
+
md: string;
|
|
26
|
+
lg: string;
|
|
27
|
+
full: string;
|
|
28
|
+
};
|
|
29
|
+
shadows: {
|
|
30
|
+
sm: string;
|
|
31
|
+
md: string;
|
|
32
|
+
lg: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export interface SystemProps {
|
|
36
|
+
display?: "block" | "inline" | "inline-block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "none";
|
|
37
|
+
flexDirection?: "row" | "row-reverse" | "column" | "column-reverse";
|
|
38
|
+
justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
|
|
39
|
+
alignItems?: "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
|
|
40
|
+
flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
|
|
41
|
+
gap?: keyof typeof theme.spacing;
|
|
42
|
+
p?: keyof typeof theme.spacing;
|
|
43
|
+
pt?: keyof typeof theme.spacing;
|
|
44
|
+
pr?: keyof typeof theme.spacing;
|
|
45
|
+
pb?: keyof typeof theme.spacing;
|
|
46
|
+
pl?: keyof typeof theme.spacing;
|
|
47
|
+
px?: keyof typeof theme.spacing;
|
|
48
|
+
py?: keyof typeof theme.spacing;
|
|
49
|
+
m?: keyof typeof theme.spacing;
|
|
50
|
+
mt?: keyof typeof theme.spacing;
|
|
51
|
+
mr?: keyof typeof theme.spacing;
|
|
52
|
+
mb?: keyof typeof theme.spacing;
|
|
53
|
+
ml?: keyof typeof theme.spacing;
|
|
54
|
+
mx?: keyof typeof theme.spacing;
|
|
55
|
+
my?: keyof typeof theme.spacing;
|
|
56
|
+
width?: string | number;
|
|
57
|
+
height?: string | number;
|
|
58
|
+
minWidth?: string | number;
|
|
59
|
+
minHeight?: string | number;
|
|
60
|
+
maxWidth?: string | number;
|
|
61
|
+
maxHeight?: string | number;
|
|
62
|
+
bgcolor?: string;
|
|
63
|
+
color?: string;
|
|
64
|
+
borderRadius?: keyof typeof theme.borderRadius;
|
|
65
|
+
boxShadow?: keyof typeof theme.shadows;
|
|
66
|
+
position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
|
|
67
|
+
top?: string | number;
|
|
68
|
+
right?: string | number;
|
|
69
|
+
bottom?: string | number;
|
|
70
|
+
left?: string | number;
|
|
71
|
+
zIndex?: number;
|
|
72
|
+
overflow?: "visible" | "hidden" | "scroll" | "auto";
|
|
73
|
+
textAlign?: "left" | "center" | "right" | "justify";
|
|
74
|
+
}
|
|
75
|
+
export type SxProps = SystemProps & React.CSSProperties;
|
|
76
|
+
export interface BoxProps extends SystemProps {
|
|
77
|
+
component?: React.ElementType;
|
|
78
|
+
sx?: SxProps;
|
|
79
|
+
children?: React.ReactNode;
|
|
80
|
+
className?: string;
|
|
81
|
+
style?: React.CSSProperties;
|
|
82
|
+
[key: string]: any;
|
|
83
|
+
}
|
|
84
|
+
declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
85
|
+
export { Box };
|
|
86
|
+
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Box } from "./Box";
|
|
3
|
+
declare const meta: Meta<typeof Box>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const FlexContainer: Story;
|
|
8
|
+
export declare const GridContainer: Story;
|
|
9
|
+
export declare const WithShadow: Story;
|
|
10
|
+
export declare const ResponsiveSpacing: Story;
|
|
11
|
+
export declare const PositionedBox: Story;
|
|
12
|
+
export declare const WithComponent: Story;
|
|
13
|
+
export declare const WithSxProp: Story;
|
|
14
|
+
export declare const MixedPropsAndSx: Story;
|
|
15
|
+
//# sourceMappingURL=Box.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAkE1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkD7B,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import "./Button.css";
|
|
2
3
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
-
variant?:
|
|
4
|
-
size?:
|
|
4
|
+
variant?: 'contained' | 'outlined' | 'link';
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
6
|
fullWidth?: boolean;
|
|
6
|
-
/** Loading state */
|
|
7
7
|
loading?: boolean;
|
|
8
|
-
color?:
|
|
8
|
+
color?: 'primary' | 'error' | 'dark' | 'light';
|
|
9
9
|
}
|
|
10
10
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
11
|
export { Button };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAA;AACrB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CAChD;AAED,QAAA,MAAM,MAAM,uFA2BX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -4,11 +4,4 @@ declare const meta: Meta<typeof Button>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
-
export declare const AllVariants: Story;
|
|
8
|
-
export declare const AllSizes: Story;
|
|
9
|
-
export declare const Outlined: Story;
|
|
10
|
-
export declare const Link: Story;
|
|
11
|
-
export declare const FullWidth: Story;
|
|
12
|
-
export declare const Loading: Story;
|
|
13
|
-
export declare const Disabled: Story;
|
|
14
7
|
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA8B7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
|
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import "./Checkbox.css";
|
|
3
|
+
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
4
4
|
label?: string;
|
|
5
|
-
/** Error message to display */
|
|
6
5
|
error?: string;
|
|
7
|
-
/** Helper text to display */
|
|
8
6
|
helperText?: string;
|
|
9
|
-
|
|
10
|
-
size?: "sm" | "md" | "lg";
|
|
11
|
-
/** Whether the checkbox should take full width */
|
|
7
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
8
|
fullWidth?: boolean;
|
|
13
|
-
/** Indeterminate state */
|
|
14
9
|
indeterminate?: boolean;
|
|
15
10
|
}
|
|
16
11
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,wFAoCb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -4,12 +4,4 @@ declare const meta: Meta<typeof Checkbox>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
-
export declare const Checked: Story;
|
|
8
|
-
export declare const WithHelperText: Story;
|
|
9
|
-
export declare const WithError: Story;
|
|
10
|
-
export declare const Small: Story;
|
|
11
|
-
export declare const Large: Story;
|
|
12
|
-
export declare const Indeterminate: Story;
|
|
13
|
-
export declare const Disabled: Story;
|
|
14
|
-
export declare const DisabledChecked: Story;
|
|
15
7
|
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAyB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAyB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';
|
|
4
|
+
disableGutters?: boolean;
|
|
5
|
+
fixed?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Container };
|
|
9
|
+
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,uFAgBd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Container } from "./Container";
|
|
3
|
+
declare const meta: Meta<typeof Container>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const AllSizes: Story;
|
|
8
|
+
export declare const WithoutGutters: Story;
|
|
9
|
+
export declare const FixedWidth: Story;
|
|
10
|
+
export declare const NestedContainers: Story;
|
|
11
|
+
export declare const ResponsiveContent: Story;
|
|
12
|
+
//# sourceMappingURL=Container.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA4B/B,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import './DataTable.css';
|
|
3
|
+
export interface DataTableColumn<T = any> {
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
render?: (value: any, row: T, index: number) => React.ReactNode;
|
|
7
|
+
width?: string;
|
|
8
|
+
align?: "left" | "center" | "right";
|
|
9
|
+
sortable?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface DataTableProps<T = any> {
|
|
12
|
+
columns: DataTableColumn<T>[];
|
|
13
|
+
data: T[];
|
|
14
|
+
className?: string;
|
|
15
|
+
emptyMessage?: string;
|
|
16
|
+
pagination?: boolean;
|
|
17
|
+
paginationPerPage?: number;
|
|
18
|
+
paginationRowsPerPageOptions?: number[];
|
|
19
|
+
search?: boolean;
|
|
20
|
+
searchPlaceholder?: string;
|
|
21
|
+
searchableColumns?: string[];
|
|
22
|
+
onSort?: (column: string, direction: "asc" | "desc") => void;
|
|
23
|
+
onPageChange?: (page: number) => void;
|
|
24
|
+
onRowsPerPageChange?: (rowsPerPage: number) => void;
|
|
25
|
+
onSearch?: (searchTerm: string) => void;
|
|
26
|
+
}
|
|
27
|
+
declare const DataTable: React.ForwardRefExoticComponent<DataTableProps<any> & React.RefAttributes<HTMLTableElement>>;
|
|
28
|
+
export { DataTable };
|
|
29
|
+
export default DataTable;
|
|
30
|
+
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,GAAG;IACnC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B,CAAC,EAAE,MAAM,EAAE,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,QAAA,MAAM,SAAS,8FAoQd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { DataTable } from "./DataTable";
|
|
3
|
+
declare const meta: Meta<typeof DataTable>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
//# sourceMappingURL=DataTable.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAYhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkDnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}
|
|
@@ -1,38 +1,31 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import './DatePicker.css';
|
|
2
3
|
export type DateFormat = 'DD/MM/YYYY' | 'DD/MM/YYYY HH:mm' | 'MM/DD/YYYY' | 'MM/DD/YYYY HH:mm' | 'YYYY-MM-DD' | 'YYYY-MM-DD HH:mm';
|
|
3
4
|
export type Language = 'th' | 'en';
|
|
4
5
|
export type YearType = 'be' | 'ad';
|
|
5
6
|
export interface DateTimePickerProps {
|
|
6
|
-
/** Date format - determines if time picker is shown */
|
|
7
7
|
format?: DateFormat;
|
|
8
|
-
/** UI language */
|
|
9
8
|
language?: Language;
|
|
10
|
-
/** Year type (Buddhist Era or Anno Domini) */
|
|
11
9
|
yearType?: YearType;
|
|
12
|
-
/** Current value */
|
|
13
10
|
value?: Date | string | null;
|
|
14
|
-
/** Change handler */
|
|
15
11
|
onChange?: (date: Date | null) => void;
|
|
16
|
-
/** Placeholder text */
|
|
17
12
|
placeholder?: string;
|
|
18
|
-
/** Disabled state */
|
|
19
13
|
disabled?: boolean;
|
|
20
|
-
/** Minimum selectable date */
|
|
21
14
|
minDate?: Date;
|
|
22
|
-
/** Maximum selectable date */
|
|
23
15
|
maxDate?: Date;
|
|
24
|
-
/** CSS class name */
|
|
25
16
|
className?: string;
|
|
26
|
-
/** Show clear button */
|
|
27
17
|
showClear?: boolean;
|
|
28
|
-
/** Show today button */
|
|
29
18
|
showToday?: boolean;
|
|
30
|
-
/** Disable past dates */
|
|
31
19
|
disabledPast?: boolean;
|
|
32
|
-
/** Disable future dates */
|
|
33
20
|
disabledFuture?: boolean;
|
|
21
|
+
fullWidth?: boolean;
|
|
22
|
+
label?: string;
|
|
23
|
+
error?: string;
|
|
24
|
+
helperText?: string;
|
|
25
|
+
id?: string;
|
|
26
|
+
showIcon?: boolean;
|
|
34
27
|
}
|
|
35
28
|
declare const DatePicker: React.FC<DateTimePickerProps>;
|
|
36
29
|
export default DatePicker;
|
|
37
30
|
export { DatePicker };
|
|
38
|
-
//# sourceMappingURL=
|
|
31
|
+
//# sourceMappingURL=Datepicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/Datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,kBAAkB,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,kBAAkB,GAAG,YAAY,GAAG,kBAAkB,GAAG,YAAY,GAAG,kBAAkB,CAAC;AACnI,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8ED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8e7C,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,17 +1,7 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { DatePicker } from './
|
|
2
|
+
import { DatePicker } from './Datepicker';
|
|
3
3
|
declare const meta: Meta<typeof DatePicker>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof DatePicker>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
-
export declare const WithTime: Story;
|
|
8
|
-
export declare const ThaiLanguage: Story;
|
|
9
|
-
export declare const BuddhistEra: Story;
|
|
10
|
-
export declare const AmericanFormat: Story;
|
|
11
|
-
export declare const ISOFormat: Story;
|
|
12
|
-
export declare const ISOWithTime: Story;
|
|
13
|
-
export declare const PreSelected: Story;
|
|
14
|
-
export declare const Disabled: Story;
|
|
15
|
-
export declare const WithoutButtons: Story;
|
|
16
|
-
export declare const AllCombinations: Story;
|
|
17
7
|
//# sourceMappingURL=DatePicker.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAC;AAoBpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA+FjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAGzC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Grid.css';
|
|
3
|
+
export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/** Whether this is a container or item */
|
|
5
|
+
container?: boolean;
|
|
6
|
+
item?: boolean;
|
|
7
|
+
/** Grid spacing */
|
|
8
|
+
spacing?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
9
|
+
/** Direction of the grid */
|
|
10
|
+
direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
11
|
+
/** Justify content */
|
|
12
|
+
justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
|
|
13
|
+
/** Align items */
|
|
14
|
+
alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
|
|
15
|
+
/** Wrap behavior */
|
|
16
|
+
wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
|
|
17
|
+
/** Grid size for all breakpoints */
|
|
18
|
+
xs?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
19
|
+
/** Grid size for small breakpoints and up */
|
|
20
|
+
sm?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
21
|
+
/** Grid size for medium breakpoints and up */
|
|
22
|
+
md?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
23
|
+
/** Grid size for large breakpoints and up */
|
|
24
|
+
lg?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
25
|
+
/** Grid size for extra large breakpoints and up */
|
|
26
|
+
xl?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
27
|
+
}
|
|
28
|
+
declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
export { Grid };
|
|
30
|
+
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB;IACnB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5C,4BAA4B;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IAChE,sBAAsB;IACtB,cAAc,CAAC,EACb,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,cAAc,CAAC;IACjB,kBAAkB;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3E,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;IAC1C,oCAAoC;IACpC,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACzE,6CAA6C;IAC7C,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACzE,8CAA8C;IAC9C,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACzE,6CAA6C;IAC7C,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACzE,mDAAmD;IACnD,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC1E;AAED,QAAA,MAAM,IAAI,kFAyDT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Grid } from "./Grid";
|
|
3
|
+
declare const meta: Meta<typeof Grid>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const BasicGrid: Story;
|
|
8
|
+
export declare const ResponsiveGrid: Story;
|
|
9
|
+
export declare const AutoWidth: Story;
|
|
10
|
+
export declare const NestedGrid: Story;
|
|
11
|
+
export declare const DifferentSpacing: Story;
|
|
12
|
+
export declare const JustifyContent: Story;
|
|
13
|
+
//# sourceMappingURL=Grid.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAuD3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA8B5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkD9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyC5B,CAAC"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import "./Input.css";
|
|
3
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
4
4
|
label?: string;
|
|
5
|
-
/** Error message to display */
|
|
6
5
|
error?: string;
|
|
7
|
-
/** Helper text to display */
|
|
8
6
|
helperText?: string;
|
|
9
|
-
|
|
10
|
-
size?: "sm" | "md" | "lg";
|
|
11
|
-
/** Whether the input should take full width */
|
|
7
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
8
|
fullWidth?: boolean;
|
|
9
|
+
unit?: string;
|
|
13
10
|
}
|
|
14
11
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
15
12
|
export { Input };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,KAAK,qFAgCV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -4,12 +4,4 @@ declare const meta: Meta<typeof Input>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
-
export declare const WithLabel: Story;
|
|
8
|
-
export declare const WithError: Story;
|
|
9
|
-
export declare const WithHelperText: Story;
|
|
10
|
-
export declare const Disabled: Story;
|
|
11
|
-
export declare const Small: Story;
|
|
12
|
-
export declare const Large: Story;
|
|
13
|
-
export declare const FullWidth: Story;
|
|
14
|
-
export declare const AllSizes: Story;
|
|
15
7
|
//# sourceMappingURL=Input.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA0B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA0B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
export interface InputFileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
|
|
3
|
-
/** Label for the file input */
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface InputFileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
4
3
|
label?: string;
|
|
5
|
-
/** Error message to display */
|
|
6
4
|
error?: string;
|
|
7
|
-
/** Helper text to display */
|
|
8
5
|
helperText?: string;
|
|
9
|
-
|
|
10
|
-
size?: "sm" | "md" | "lg";
|
|
11
|
-
/** Whether the file input should take full width */
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
7
|
fullWidth?: boolean;
|
|
13
|
-
/** Whether to allow multiple file selection */
|
|
14
8
|
multiple?: boolean;
|
|
15
|
-
/** Accepted file types */
|
|
16
9
|
accept?: string;
|
|
17
|
-
/** Button text to display */
|
|
18
10
|
buttonText?: string;
|
|
19
11
|
}
|
|
20
12
|
declare const InputFile: React.ForwardRefExoticComponent<InputFileProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxG
|
|
1
|
+
{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,yFAsBd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -4,12 +4,4 @@ declare const meta: Meta<typeof InputFile>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
-
export declare const WithLabel: Story;
|
|
8
|
-
export declare const WithHelperText: Story;
|
|
9
|
-
export declare const WithError: Story;
|
|
10
|
-
export declare const MultipleFiles: Story;
|
|
11
|
-
export declare const Small: Story;
|
|
12
|
-
export declare const Large: Story;
|
|
13
|
-
export declare const FullWidth: Story;
|
|
14
|
-
export declare const Disabled: Story;
|
|
15
7
|
//# sourceMappingURL=InputFile.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA4BhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA4BhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import "./Radio.css";
|
|
3
|
+
export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
4
4
|
label?: string;
|
|
5
|
-
/** Error message to display */
|
|
6
5
|
error?: string;
|
|
7
|
-
/** Helper text to display */
|
|
8
6
|
helperText?: string;
|
|
9
|
-
|
|
10
|
-
size?: "sm" | "md" | "lg";
|
|
11
|
-
/** Whether the radio should take full width */
|
|
7
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
8
|
fullWidth?: boolean;
|
|
13
9
|
}
|
|
14
10
|
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,qFAoBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -4,11 +4,4 @@ declare const meta: Meta<typeof Radio>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
-
export declare const Checked: Story;
|
|
8
|
-
export declare const WithHelperText: Story;
|
|
9
|
-
export declare const WithError: Story;
|
|
10
|
-
export declare const Small: Story;
|
|
11
|
-
export declare const Large: Story;
|
|
12
|
-
export declare const Disabled: Story;
|
|
13
|
-
export declare const DisabledChecked: Story;
|
|
14
7
|
//# sourceMappingURL=Radio.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAsB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAsB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|