@duro-app/ui 0.22.0 → 0.24.0
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/Alert/Alert.meta.d.ts.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +14 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.meta.d.ts +3 -0
- package/dist/components/ButtonGroup/ButtonGroup.meta.d.ts.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +11 -0
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -0
- package/dist/components/ButtonGroup/styles.css.d.ts +45 -0
- package/dist/components/ButtonGroup/styles.css.d.ts.map +1 -0
- package/dist/components/Callout/Callout.meta.d.ts.map +1 -1
- package/dist/components/Card/Card.meta.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +22 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.meta.d.ts +3 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.meta.d.ts.map +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.stories.d.ts +9 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.stories.d.ts.map +1 -0
- package/dist/components/CheckboxGroup/styles.css.d.ts +12 -0
- package/dist/components/CheckboxGroup/styles.css.d.ts.map +1 -0
- package/dist/components/EmptyState/EmptyState.meta.d.ts.map +1 -1
- package/dist/components/InputGroup/InputGroup.meta.d.ts.map +1 -1
- package/dist/components/List/List.d.ts.map +1 -1
- package/dist/components/List/List.meta.d.ts.map +1 -1
- package/dist/components/List/List.stories.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +22 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.meta.d.ts +3 -0
- package/dist/components/RadioGroup/RadioGroup.meta.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
- package/dist/components/RadioGroup/RadioGroup.stories.d.ts.map +1 -0
- package/dist/components/RadioGroup/styles.css.d.ts +60 -0
- package/dist/components/RadioGroup/styles.css.d.ts.map +1 -0
- package/dist/components/StatusIcon/StatusIcon.meta.d.ts.map +1 -1
- package/dist/components/Table/ColumnFilter.d.ts +8 -0
- package/dist/components/Table/ColumnFilter.d.ts.map +1 -0
- package/dist/components/Table/Pagination.d.ts +7 -0
- package/dist/components/Table/Pagination.d.ts.map +1 -0
- package/dist/components/Table/SortIndicator.d.ts +16 -0
- package/dist/components/Table/SortIndicator.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts +10 -3
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.stories.d.ts +4 -0
- package/dist/components/Table/Table.stories.d.ts.map +1 -1
- package/dist/components/Table/styles.css.d.ts +12 -4
- package/dist/components/Table/styles.css.d.ts.map +1 -1
- package/dist/components/Table/useDataTable.d.ts +32 -0
- package/dist/components/Table/useDataTable.d.ts.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.meta.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2399 -1927
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
- package/src/components/ActionBar/ActionBar.stories.tsx +3 -3
- package/src/components/Alert/Alert.meta.ts +4 -1
- package/src/components/ButtonGroup/ButtonGroup.meta.ts +24 -0
- package/src/components/ButtonGroup/ButtonGroup.stories.tsx +103 -0
- package/src/components/ButtonGroup/ButtonGroup.tsx +59 -0
- package/src/components/ButtonGroup/styles.css.ts +28 -0
- package/src/components/Callout/Callout.meta.ts +4 -1
- package/src/components/Card/Card.meta.ts +4 -1
- package/src/components/Checkbox/styles.css.ts +1 -1
- package/src/components/CheckboxGroup/CheckboxGroup.meta.ts +25 -0
- package/src/components/CheckboxGroup/CheckboxGroup.stories.tsx +88 -0
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +105 -0
- package/src/components/CheckboxGroup/styles.css.ts +13 -0
- package/src/components/EmptyState/EmptyState.meta.ts +1 -4
- package/src/components/Icon/Icon.meta.ts +5 -5
- package/src/components/InputGroup/InputGroup.meta.ts +4 -1
- package/src/components/List/List.meta.ts +8 -2
- package/src/components/List/List.stories.tsx +35 -15
- package/src/components/List/List.tsx +1 -5
- package/src/components/RadioGroup/RadioGroup.meta.ts +25 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +83 -0
- package/src/components/RadioGroup/RadioGroup.tsx +113 -0
- package/src/components/RadioGroup/styles.css.ts +66 -0
- package/src/components/StatusIcon/StatusIcon.meta.ts +1 -4
- package/src/components/Table/ColumnFilter.tsx +46 -0
- package/src/components/Table/Pagination.tsx +82 -0
- package/src/components/Table/SortIndicator.tsx +56 -0
- package/src/components/Table/Table.stories.tsx +355 -9
- package/src/components/Table/Table.tsx +62 -17
- package/src/components/Table/styles.css.ts +18 -8
- package/src/components/Table/useDataTable.ts +113 -0
- package/src/components/ThemeProvider/ThemeProvider.meta.ts +1 -3
- package/src/docs/helpers.tsx +2 -2
- package/src/index.ts +5 -0
- package/src/strict.css +5 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Alert.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface ButtonGroupProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
/** Layout direction. Default: 'horizontal' */
|
|
5
|
+
orientation?: 'horizontal' | 'vertical';
|
|
6
|
+
/** Alignment within container. Default: 'start' */
|
|
7
|
+
align?: 'start' | 'end' | 'center';
|
|
8
|
+
/** Disable all buttons in group */
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
/** Gap between buttons. Default: 'sm' */
|
|
11
|
+
gap?: 'xs' | 'sm' | 'md';
|
|
12
|
+
}
|
|
13
|
+
export declare function ButtonGroup({ children, orientation, align, disabled, gap, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=ButtonGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAA;IACnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAClC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACzB;AAoBD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAA0B,EAC1B,KAAe,EACf,QAAgB,EAChB,GAAU,GACX,EAAE,gBAAgB,2CAkBlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqBlB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ButtonGroup } from './ButtonGroup';
|
|
3
|
+
declare const meta: Meta<typeof ButtonGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ButtonGroup>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Vertical: Story;
|
|
8
|
+
export declare const EndAligned: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const WithGaps: Story;
|
|
11
|
+
//# sourceMappingURL=ButtonGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AAGzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CASlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
}>;
|
|
6
|
+
readonly horizontal: Readonly<{
|
|
7
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
8
|
+
readonly flexWrap: css.StyleXClassNameFor<"flexWrap", "wrap">;
|
|
9
|
+
}>;
|
|
10
|
+
readonly vertical: Readonly<{
|
|
11
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
12
|
+
}>;
|
|
13
|
+
readonly alignStart: Readonly<{
|
|
14
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-start">;
|
|
15
|
+
}>;
|
|
16
|
+
readonly alignCenter: Readonly<{
|
|
17
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
18
|
+
}>;
|
|
19
|
+
readonly alignEnd: Readonly<{
|
|
20
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
|
|
21
|
+
}>;
|
|
22
|
+
readonly verticalAlignStart: Readonly<{
|
|
23
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
24
|
+
}>;
|
|
25
|
+
readonly verticalAlignCenter: Readonly<{
|
|
26
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
27
|
+
}>;
|
|
28
|
+
readonly verticalAlignEnd: Readonly<{
|
|
29
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-end">;
|
|
30
|
+
}>;
|
|
31
|
+
readonly gapXs: Readonly<{
|
|
32
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
33
|
+
}>;
|
|
34
|
+
readonly gapSm: Readonly<{
|
|
35
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
36
|
+
}>;
|
|
37
|
+
readonly gapMd: Readonly<{
|
|
38
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
39
|
+
}>;
|
|
40
|
+
readonly disabled: Readonly<{
|
|
41
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
|
|
42
|
+
readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
|
|
43
|
+
}>;
|
|
44
|
+
}>;
|
|
45
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Callout.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
value?: string[];
|
|
4
|
+
defaultValue?: string[];
|
|
5
|
+
onValueChange?: (value: string[]) => void;
|
|
6
|
+
orientation?: 'horizontal' | 'vertical';
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
interface ItemProps {
|
|
12
|
+
value: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare function Item({ value, disabled: itemDisabled, children }: ItemProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const CheckboxGroup: {
|
|
18
|
+
Root: typeof Root;
|
|
19
|
+
Item: typeof Item;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAA;AA0B5E,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,WAAwB,EACxB,QAAgB,EAChB,QAAQ,GACT,EAAE,SAAS,2CAyBX;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAoB,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAsBzE;AAED,eAAO,MAAM,aAAa;;;CAGzB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const Horizontal: Story;
|
|
7
|
+
export declare const Disabled: Story;
|
|
8
|
+
export declare const Controlled: Story;
|
|
9
|
+
//# sourceMappingURL=CheckboxGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
6
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
7
|
+
}>;
|
|
8
|
+
readonly rootHorizontal: Readonly<{
|
|
9
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
10
|
+
}>;
|
|
11
|
+
}>;
|
|
12
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;EASjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.meta.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"EmptyState.meta.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAgBlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"InputGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA4BlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA4B,MAAM,OAAO,CAAA;AAM/D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAgB9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,aAAsB,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,SAAS,2CAQnF;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAC,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA4B,MAAM,OAAO,CAAA;AAM/D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAgB9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,aAAsB,EAAE,YAAY,EAAE,SAAS,EAAC,EAAE,SAAS,2CAQnF;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAC,EAAE,SAAS,2CAe/D;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEjD;AAID,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAID,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAErD;AAID,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEjD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAM/C;AAID,eAAO,MAAM,IAAI;;;;;;;;CAQhB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.meta.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"List.meta.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0ClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAUpD,QAAA,MAAM,IAAI,EAAE,IAQX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAUpD,QAAA,MAAM,IAAI,EAAE,IAQX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KA2CrB,CAAA;AA2FD,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA;AAID,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAwCD,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
value?: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
onValueChange?: (value: string) => void;
|
|
6
|
+
orientation?: 'horizontal' | 'vertical';
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare function Root({ value: controlledValue, defaultValue, onValueChange, orientation, disabled, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
interface ItemProps {
|
|
12
|
+
value: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare function Item({ value, disabled: itemDisabled, children }: ItemProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const RadioGroup: {
|
|
18
|
+
Root: typeof Root;
|
|
19
|
+
Item: typeof Item;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAA;AAyB5E,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,WAAwB,EACxB,QAAgB,EAChB,QAAQ,GACT,EAAE,SAAS,2CAuBX;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAoB,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAiCzE;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const Horizontal: Story;
|
|
7
|
+
export declare const Disabled: Story;
|
|
8
|
+
export declare const Controlled: Story;
|
|
9
|
+
//# sourceMappingURL=RadioGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
6
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
7
|
+
}>;
|
|
8
|
+
readonly rootHorizontal: Readonly<{
|
|
9
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
10
|
+
}>;
|
|
11
|
+
readonly item: Readonly<{
|
|
12
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
13
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
14
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
15
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
16
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
17
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
18
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
19
|
+
}>;
|
|
20
|
+
readonly itemDisabled: Readonly<{
|
|
21
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
|
|
22
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
|
|
23
|
+
}>;
|
|
24
|
+
readonly circle: Readonly<{
|
|
25
|
+
readonly width: css.StyleXClassNameFor<"width", 18>;
|
|
26
|
+
readonly height: css.StyleXClassNameFor<"height", 18>;
|
|
27
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
28
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
29
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
30
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
31
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
32
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
33
|
+
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
34
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
|
|
35
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
36
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
37
|
+
}>;
|
|
38
|
+
readonly circleUnchecked: Readonly<{
|
|
39
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
40
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
41
|
+
}>;
|
|
42
|
+
readonly circleChecked: Readonly<{
|
|
43
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
44
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
45
|
+
}>;
|
|
46
|
+
readonly dot: Readonly<{
|
|
47
|
+
readonly width: css.StyleXClassNameFor<"width", 8>;
|
|
48
|
+
readonly height: css.StyleXClassNameFor<"height", 8>;
|
|
49
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
50
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
51
|
+
}>;
|
|
52
|
+
readonly input: Readonly<{
|
|
53
|
+
readonly position: css.StyleXClassNameFor<"position", "absolute">;
|
|
54
|
+
readonly width: css.StyleXClassNameFor<"width", 1>;
|
|
55
|
+
readonly height: css.StyleXClassNameFor<"height", 1>;
|
|
56
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
|
|
57
|
+
readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
|
|
58
|
+
}>;
|
|
59
|
+
}>;
|
|
60
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIcon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"StatusIcon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkBlB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Column } from '@tanstack/react-table';
|
|
2
|
+
interface ColumnFilterProps<TData> {
|
|
3
|
+
column: Column<TData, unknown>;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function ColumnFilter<TData>({ column, placeholder }: ColumnFilterProps<TData>): import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=ColumnFilter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Table/ColumnFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAA;AA0BjD,UAAU,iBAAiB,CAAC,KAAK;IAC/B,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,EAAC,MAAM,EAAE,WAAW,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,kDAclF"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Table } from '@tanstack/react-table';
|
|
2
|
+
interface PaginationProps<TData> {
|
|
3
|
+
table: Table<TData>;
|
|
4
|
+
}
|
|
5
|
+
export declare function Pagination<TData>({ table }: PaginationProps<TData>): import("react/jsx-runtime").JSX.Element | null;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAA;AAiDhD,UAAU,eAAe,CAAC,KAAK;IAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAAC,KAAK,EAAC,EAAE,eAAe,CAAC,KAAK,CAAC,kDA4BhE"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Column } from '@tanstack/react-table';
|
|
2
|
+
interface SortIndicatorProps<TData> {
|
|
3
|
+
column: Column<TData, unknown>;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Sort direction chevron for table column headers.
|
|
7
|
+
*
|
|
8
|
+
* - Shows \u25B2 (asc), \u25BC (desc), or \u21C5 (unsorted)
|
|
9
|
+
* - Hidden by default, visible on header hover or when actively sorted
|
|
10
|
+
* - Clicking the header cell should call column.getToggleSortingHandler()
|
|
11
|
+
*
|
|
12
|
+
* The parent HeaderCell applies a :hover rule that sets child opacity to 1.
|
|
13
|
+
*/
|
|
14
|
+
export declare function SortIndicator<TData>({ column }: SortIndicatorProps<TData>): import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=SortIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Table/SortIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAA;AA0BjD,UAAU,kBAAkB,CAAC,KAAK;IAChC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,EAAC,MAAM,EAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,kDAgBvE"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { Pagination } from './Pagination';
|
|
3
|
+
import { SortIndicator } from './SortIndicator';
|
|
4
|
+
import { ColumnFilter } from './ColumnFilter';
|
|
2
5
|
export type TableVariant = 'default' | 'striped' | 'bordered';
|
|
3
6
|
export type TableSize = 'sm' | 'md';
|
|
4
7
|
interface RootProps {
|
|
5
8
|
children: ReactNode;
|
|
6
9
|
variant?: TableVariant;
|
|
7
10
|
size?: TableSize;
|
|
8
|
-
columns: number;
|
|
9
11
|
}
|
|
10
|
-
declare function Root({ children, variant, size
|
|
12
|
+
declare function Root({ children, variant, size }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
11
13
|
declare function Header({ children }: {
|
|
12
14
|
children: ReactNode;
|
|
13
15
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -17,8 +19,10 @@ declare function Body({ children }: {
|
|
|
17
19
|
declare function Row({ children }: {
|
|
18
20
|
children: ReactNode;
|
|
19
21
|
}): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
declare function HeaderCell({ children, 'aria-label': ariaLabel, }: {
|
|
22
|
+
declare function HeaderCell({ children, width: _width, 'aria-label': ariaLabel, }: {
|
|
21
23
|
children?: ReactNode;
|
|
24
|
+
/** Column width: CSS value like '40px', '2fr', 'max-content'. Defaults to '1fr'. */
|
|
25
|
+
width?: string;
|
|
22
26
|
'aria-label'?: string;
|
|
23
27
|
}): import("react/jsx-runtime").JSX.Element;
|
|
24
28
|
declare function Cell({ children }: {
|
|
@@ -31,6 +35,9 @@ export declare const Table: {
|
|
|
31
35
|
Row: typeof Row;
|
|
32
36
|
HeaderCell: typeof HeaderCell;
|
|
33
37
|
Cell: typeof Cell;
|
|
38
|
+
Pagination: typeof Pagination;
|
|
39
|
+
SortIndicator: typeof SortIndicator;
|
|
40
|
+
ColumnFilter: typeof ColumnFilter;
|
|
34
41
|
};
|
|
35
42
|
export {};
|
|
36
43
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAqF,MAAM,OAAO,CAAA;AAGxH,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAI3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AA6BnC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AA2BD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,OAAmB,EAAE,IAAW,EAAC,EAAE,SAAS,2CAsBpE;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQhD;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAoB9C;AAMD,iBAAS,GAAG,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAyB7C;AAMD,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAmBA;AAID,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAkB9C;AAID,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAA"}
|
|
@@ -8,4 +8,8 @@ export declare const Bordered: Story;
|
|
|
8
8
|
export declare const Compact: Story;
|
|
9
9
|
export declare const WithCheckboxes: Story;
|
|
10
10
|
export declare const AllVariants: Story;
|
|
11
|
+
export declare const Sorting: Story;
|
|
12
|
+
export declare const WithPagination: Story;
|
|
13
|
+
export declare const WithFiltering: Story;
|
|
14
|
+
export declare const FullFeatured: Story;
|
|
11
15
|
//# sourceMappingURL=Table.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAapD,QAAA,MAAM,IAAI,EAAE,IAkBX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAuBrB,eAAO,MAAM,OAAO,EAAE,KAmDrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA+BrB,CAAA;AA4FD,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAkHzB,CAAA;AAkED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAuDD,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AA2DD,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AA+HD,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { css } from 'react-strict-dom';
|
|
2
2
|
export declare const styles: Readonly<{
|
|
3
3
|
readonly root: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "grid">;
|
|
4
5
|
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
5
6
|
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
6
7
|
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
@@ -11,17 +12,24 @@ export declare const styles: Readonly<{
|
|
|
11
12
|
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
12
13
|
}>;
|
|
13
14
|
readonly header: Readonly<{
|
|
15
|
+
readonly display: css.StyleXClassNameFor<"display", "grid">;
|
|
16
|
+
readonly gridColumn: css.StyleXClassNameFor<"gridColumn", "1 / -1">;
|
|
17
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "subgrid">;
|
|
14
18
|
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
15
19
|
}>;
|
|
20
|
+
readonly body: Readonly<{
|
|
21
|
+
readonly display: css.StyleXClassNameFor<"display", "grid">;
|
|
22
|
+
readonly gridColumn: css.StyleXClassNameFor<"gridColumn", "1 / -1">;
|
|
23
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "subgrid">;
|
|
24
|
+
}>;
|
|
16
25
|
readonly row: Readonly<{
|
|
17
26
|
readonly display: css.StyleXClassNameFor<"display", "grid">;
|
|
27
|
+
readonly gridColumn: css.StyleXClassNameFor<"gridColumn", "1 / -1">;
|
|
28
|
+
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "subgrid">;
|
|
18
29
|
readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 1>;
|
|
19
30
|
readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
|
|
20
31
|
readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
|
|
21
32
|
}>;
|
|
22
|
-
readonly rowLastChild: Readonly<{
|
|
23
|
-
readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 0>;
|
|
24
|
-
}>;
|
|
25
33
|
readonly bodyRow: Readonly<{
|
|
26
34
|
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
27
35
|
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
|
|
@@ -63,7 +71,7 @@ export declare const styles: Readonly<{
|
|
|
63
71
|
readonly borderedCellLast: Readonly<{
|
|
64
72
|
readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", 0>;
|
|
65
73
|
}>;
|
|
66
|
-
readonly gridColumns: (
|
|
74
|
+
readonly gridColumns: (template: string) => readonly [Readonly<{
|
|
67
75
|
gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", string>;
|
|
68
76
|
}>, css.InlineStyles];
|
|
69
77
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGjB,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ColumnDef, RowSelectionState, Table } from '@tanstack/react-table';
|
|
2
|
+
export interface UseDataTableOptions<TData> {
|
|
3
|
+
/** Initial pagination state */
|
|
4
|
+
pagination?: {
|
|
5
|
+
pageSize?: number;
|
|
6
|
+
pageIndex?: number;
|
|
7
|
+
};
|
|
8
|
+
/** Enable sorting on columns that don't explicitly disable it */
|
|
9
|
+
enableSorting?: boolean;
|
|
10
|
+
/** Enable column filtering */
|
|
11
|
+
enableFiltering?: boolean;
|
|
12
|
+
/** Enable row selection (checkbox) */
|
|
13
|
+
enableRowSelection?: boolean | ((row: any) => boolean);
|
|
14
|
+
/** Callback when row selection changes */
|
|
15
|
+
onRowSelectionChange?: (selection: RowSelectionState) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Thin wrapper around TanStack's useReactTable.
|
|
19
|
+
* Pre-configures row models for pagination, sorting, and filtering.
|
|
20
|
+
* Returns the full TanStack table instance.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* const table = useDataTable(users, columns, {
|
|
25
|
+
* pagination: { pageSize: 20 },
|
|
26
|
+
* enableSorting: true,
|
|
27
|
+
* enableFiltering: true,
|
|
28
|
+
* })
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export declare function useDataTable<TData>(data: TData[], columns: ColumnDef<TData, any>[], options?: UseDataTableOptions<TData>): Table<TData>;
|
|
32
|
+
//# sourceMappingURL=useDataTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useDataTable.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,SAAS,EAId,KAAK,iBAAiB,EAEtB,KAAK,KAAK,EACX,MAAM,uBAAuB,CAAA;AAE9B,MAAM,WAAW,mBAAmB,CAAC,KAAK;IACxC,+BAA+B;IAC/B,UAAU,CAAC,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IACpD,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,CAAA;IACtD,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC9D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAChC,IAAI,EAAE,KAAK,EAAE,EACb,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,EAChC,OAAO,GAAE,mBAAmB,CAAC,KAAK,CAAM,GACvC,KAAK,CAAC,KAAK,CAAC,CAiEd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAWlB,CAAA"}
|