@duro-app/ui 0.23.0 → 0.25.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/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/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.meta.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.d.ts +44 -0
- package/dist/components/Combobox/Combobox.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.meta.d.ts +3 -0
- package/dist/components/Combobox/Combobox.meta.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.stories.d.ts +9 -0
- package/dist/components/Combobox/Combobox.stories.d.ts.map +1 -0
- package/dist/components/Combobox/ComboboxContext.d.ts +19 -0
- package/dist/components/Combobox/ComboboxContext.d.ts.map +1 -0
- package/dist/components/Combobox/styles.css.d.ts +112 -0
- package/dist/components/Combobox/styles.css.d.ts.map +1 -0
- package/dist/components/Combobox/useComboboxRoot.d.ts +15 -0
- package/dist/components/Combobox/useComboboxRoot.d.ts.map +1 -0
- package/dist/components/Field/Field.d.ts +4 -0
- package/dist/components/Field/Field.d.ts.map +1 -1
- package/dist/components/Field/Field.stories.d.ts +3 -0
- package/dist/components/Field/Field.stories.d.ts.map +1 -1
- package/dist/components/Field/FieldContext.d.ts +5 -0
- package/dist/components/Field/FieldContext.d.ts.map +1 -1
- package/dist/components/Field/styles.css.d.ts +26 -0
- package/dist/components/Field/styles.css.d.ts.map +1 -1
- package/dist/components/Form/Form.d.ts +7 -2
- package/dist/components/Form/Form.d.ts.map +1 -1
- package/dist/components/Form/Form.stories.d.ts +6 -0
- package/dist/components/Form/Form.stories.d.ts.map +1 -1
- package/dist/components/Form/FormContext.d.ts +9 -2
- package/dist/components/Form/FormContext.d.ts.map +1 -1
- package/dist/components/Input/Input.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.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.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 +7 -1
- 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 +11 -3
- 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/Textarea/Textarea.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 +2863 -2026
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
- package/src/components/ActionBar/ActionBar.stories.tsx +3 -3
- package/src/components/ButtonGroup/ButtonGroup.meta.ts +32 -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/CheckboxGroup/CheckboxGroup.meta.ts +4 -1
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +2 -9
- package/src/components/Combobox/Combobox.meta.ts +35 -0
- package/src/components/Combobox/Combobox.stories.tsx +119 -0
- package/src/components/Combobox/Combobox.tsx +247 -0
- package/src/components/Combobox/ComboboxContext.ts +26 -0
- package/src/components/Combobox/styles.css.ts +119 -0
- package/src/components/Combobox/useComboboxRoot.ts +235 -0
- package/src/components/Field/Field.stories.tsx +60 -0
- package/src/components/Field/Field.tsx +97 -9
- package/src/components/Field/FieldContext.ts +5 -0
- package/src/components/Field/styles.css.ts +26 -0
- package/src/components/Form/Form.stories.tsx +275 -0
- package/src/components/Form/Form.tsx +73 -7
- package/src/components/Form/FormContext.ts +10 -1
- package/src/components/Input/Input.tsx +2 -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 +4 -1
- package/src/components/RadioGroup/RadioGroup.tsx +1 -4
- package/src/components/Table/ColumnFilter.tsx +46 -0
- package/src/components/Table/Pagination.tsx +82 -0
- package/src/components/Table/SortIndicator.tsx +53 -0
- package/src/components/Table/Table.stories.tsx +397 -0
- package/src/components/Table/Table.tsx +58 -24
- package/src/components/Table/styles.css.ts +16 -6
- package/src/components/Table/useDataTable.ts +99 -0
- package/src/components/Textarea/Textarea.tsx +2 -1
- package/src/docs/helpers.tsx +2 -2
- package/src/index.ts +5 -0
- package/src/strict.css +5 -0
|
@@ -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,aA6BlB,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":"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,
|
|
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,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,2CAiBzE;AAED,eAAO,MAAM,aAAa;;;CAGzB,CAAA"}
|
|
@@ -1 +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,
|
|
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,aAyBlB,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
name?: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
onValueChange?: (value: string | null) => void;
|
|
7
|
+
inputValue?: string;
|
|
8
|
+
onInputChange?: (value: string) => void;
|
|
9
|
+
initialLabels?: Record<string, string>;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare function Root({ name, defaultValue, value, onValueChange, inputValue, onInputChange, initialLabels, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function Input({ placeholder, children }: {
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function Trigger({ children }: {
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function Popup({ children }: {
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
23
|
+
interface ItemProps {
|
|
24
|
+
value: string;
|
|
25
|
+
children: ReactNode;
|
|
26
|
+
}
|
|
27
|
+
declare function Item({ value: itemValue, children }: ItemProps): import("react/jsx-runtime").JSX.Element | null;
|
|
28
|
+
declare function ItemText({ children }: {
|
|
29
|
+
children: ReactNode;
|
|
30
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function Empty({ children }: {
|
|
32
|
+
children: ReactNode;
|
|
33
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
34
|
+
export declare const Combobox: {
|
|
35
|
+
Root: typeof Root;
|
|
36
|
+
Input: typeof Input;
|
|
37
|
+
Trigger: typeof Trigger;
|
|
38
|
+
Popup: typeof Popup;
|
|
39
|
+
Item: typeof Item;
|
|
40
|
+
ItemText: typeof ItemText;
|
|
41
|
+
Empty: typeof Empty;
|
|
42
|
+
};
|
|
43
|
+
export {};
|
|
44
|
+
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AAOxE,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,aAAa,EACb,UAAU,EACV,aAAa,EACb,aAAa,EACb,QAAQ,GACT,EAAE,SAAS,2CAkBX;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAE,QAAQ,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAkDnF;AAGD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAmClD;AAGD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,kDAc/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,kDAqDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAGD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,kDAc/C;AAED,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAgClB,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 WithDefaultValue: Story;
|
|
7
|
+
export declare const Controlled: Story;
|
|
8
|
+
export declare const ManyItems: Story;
|
|
9
|
+
//# sourceMappingURL=Combobox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA;AA2BD,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface ComboboxContextValue {
|
|
2
|
+
open: boolean;
|
|
3
|
+
openPopup: () => void;
|
|
4
|
+
close: () => void;
|
|
5
|
+
value: string | null;
|
|
6
|
+
setValue: (value: string) => void;
|
|
7
|
+
inputValue: string;
|
|
8
|
+
setInputValue: (value: string) => void;
|
|
9
|
+
labels: Record<string, string>;
|
|
10
|
+
registerLabel: (value: string, label: string) => void;
|
|
11
|
+
listboxId: string;
|
|
12
|
+
highlightedId: string | null;
|
|
13
|
+
setHighlightedId: (id: string | null) => void;
|
|
14
|
+
registerItem: (id: string, value: string, element: HTMLElement) => () => void;
|
|
15
|
+
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
16
|
+
}
|
|
17
|
+
export declare const ComboboxContext: import('react').Context<ComboboxContextValue | null>;
|
|
18
|
+
export declare function useCombobox(): ComboboxContextValue;
|
|
19
|
+
//# sourceMappingURL=ComboboxContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,MAAM,IAAI,CAAA;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACnD;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAA;AAE/E,wBAAgB,WAAW,yBAI1B"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly position: css.StyleXClassNameFor<"position", "relative">;
|
|
5
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
6
|
+
}>;
|
|
7
|
+
readonly inputWrapper: Readonly<{
|
|
8
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
9
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
10
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
11
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
12
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
13
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
14
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
15
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
16
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
17
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
18
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "border-color">;
|
|
19
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
20
|
+
}>;
|
|
21
|
+
readonly inputWrapperFocused: Readonly<{
|
|
22
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
23
|
+
}>;
|
|
24
|
+
readonly input: Readonly<{
|
|
25
|
+
readonly flex: css.StyleXClassNameFor<"flex", 1>;
|
|
26
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
27
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
28
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
29
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
30
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
31
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
32
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
|
|
33
|
+
readonly outline: css.StyleXClassNameFor<"outline", "none">;
|
|
34
|
+
readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
|
|
35
|
+
}>;
|
|
36
|
+
readonly trigger: Readonly<{
|
|
37
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
38
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
39
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
40
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
41
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
42
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
43
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
44
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
45
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
|
|
46
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
47
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
48
|
+
}>;
|
|
49
|
+
readonly backdrop: Readonly<{
|
|
50
|
+
readonly position: css.StyleXClassNameFor<"position", "fixed">;
|
|
51
|
+
readonly top: css.StyleXClassNameFor<"top", 0>;
|
|
52
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
53
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
54
|
+
readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
|
|
55
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", 49>;
|
|
56
|
+
}>;
|
|
57
|
+
readonly popup: Readonly<{
|
|
58
|
+
readonly position: css.StyleXClassNameFor<"position", "absolute">;
|
|
59
|
+
readonly top: css.StyleXClassNameFor<"top", "100%">;
|
|
60
|
+
readonly left: css.StyleXClassNameFor<"left", 0>;
|
|
61
|
+
readonly right: css.StyleXClassNameFor<"right", 0>;
|
|
62
|
+
readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
|
|
63
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
64
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
65
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
66
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
67
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
68
|
+
readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
|
|
69
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
70
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
71
|
+
readonly maxHeight: css.StyleXClassNameFor<"maxHeight", 200>;
|
|
72
|
+
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
73
|
+
readonly zIndex: css.StyleXClassNameFor<"zIndex", 50>;
|
|
74
|
+
}>;
|
|
75
|
+
readonly item: Readonly<{
|
|
76
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
77
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
78
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
79
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
80
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
81
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
82
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
83
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
84
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
85
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
86
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
87
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
|
|
88
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
89
|
+
}>;
|
|
90
|
+
readonly itemSelected: Readonly<{
|
|
91
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
92
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
93
|
+
}>;
|
|
94
|
+
readonly itemHighlighted: Readonly<{
|
|
95
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
96
|
+
}>;
|
|
97
|
+
readonly itemHidden: Readonly<{
|
|
98
|
+
readonly display: css.StyleXClassNameFor<"display", "none">;
|
|
99
|
+
}>;
|
|
100
|
+
readonly empty: Readonly<{
|
|
101
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
102
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
103
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
104
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
105
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
106
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
107
|
+
}>;
|
|
108
|
+
readonly hidden: Readonly<{
|
|
109
|
+
readonly display: css.StyleXClassNameFor<"display", "none">;
|
|
110
|
+
}>;
|
|
111
|
+
}>;
|
|
112
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgHjB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComboboxContextValue } from './ComboboxContext';
|
|
2
|
+
interface UseComboboxRootOptions {
|
|
3
|
+
defaultValue?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
onValueChange?: (value: string | null) => void;
|
|
6
|
+
inputValue?: string;
|
|
7
|
+
onInputChange?: (value: string) => void;
|
|
8
|
+
initialLabels?: Record<string, string>;
|
|
9
|
+
}
|
|
10
|
+
export declare function useComboboxRoot({ defaultValue, value: controlledValue, onValueChange, inputValue: controlledInputValue, onInputChange, initialLabels, }: UseComboboxRootOptions): {
|
|
11
|
+
ctx: ComboboxContextValue;
|
|
12
|
+
rootRef: import('react').RefObject<HTMLDivElement | null>;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=useComboboxRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useComboboxRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/useComboboxRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAE3D,UAAU,sBAAsB;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,UAAU,EAAE,oBAAoB,EAChC,aAAa,EACb,aAAa,GACd,EAAE,sBAAsB;;;EAsNxB"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { LabelPosition } from '../Form/FormContext';
|
|
2
3
|
interface RootProps {
|
|
3
4
|
name?: string;
|
|
4
5
|
invalid?: boolean;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
labelPosition?: LabelPosition;
|
|
5
9
|
children: ReactNode;
|
|
6
10
|
}
|
|
7
11
|
declare function Root({ name, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAK9E,OAAO,KAAK,EAAC,aAAa,EAAqB,MAAM,qBAAqB,CAAA;AAI1E,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAMxC;AA4ID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE,UAAU,2CAuBpC;AAGD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE,gBAAgB,2CAOhD;AAGD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE,UAAU,kDAUpC;AAED,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA"}
|
|
@@ -5,4 +5,7 @@ type Story = StoryObj;
|
|
|
5
5
|
export declare const Default: Story;
|
|
6
6
|
export declare const WithError: Story;
|
|
7
7
|
export declare const FormExample: Story;
|
|
8
|
+
export declare const WithNecessityIcon: Story;
|
|
9
|
+
export declare const LabelSide: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
8
11
|
//# sourceMappingURL=Field.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAMpD,QAAA,MAAM,IAAI,EAAE,IAQX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;
|
|
1
|
+
{"version":3,"file":"Field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAMpD,QAAA,MAAM,IAAI,EAAE,IAQX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgB/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
import { LabelPosition, NecessityIndicator } from '../Form/FormContext';
|
|
1
2
|
interface FieldContextValue {
|
|
2
3
|
controlId: string;
|
|
3
4
|
descriptionId: string;
|
|
4
5
|
errorId: string;
|
|
5
6
|
invalid: boolean;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
labelPosition?: LabelPosition;
|
|
10
|
+
necessityIndicator?: NecessityIndicator;
|
|
6
11
|
field?: {
|
|
7
12
|
value: unknown;
|
|
8
13
|
onChange: (...event: unknown[]) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldContext.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FieldContext.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,qBAAqB,CAAA;AAE1E,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,OAAO,CAAA;QACd,QAAQ,EAAE,CAAC,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;QACvC,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAC/B,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,YAAY,EAAC,iBAAiB,EAAC,CAAA;AAE/B,eAAO,MAAM,YAAY,mDAAgD,CAAA;AAEzE,wBAAgB,eAAe,6BAE9B"}
|
|
@@ -5,11 +5,22 @@ export declare const styles: Readonly<{
|
|
|
5
5
|
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
6
6
|
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
7
7
|
}>;
|
|
8
|
+
readonly rootSide: Readonly<{
|
|
9
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
10
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
|
|
11
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
12
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
13
|
+
}>;
|
|
8
14
|
readonly label: Readonly<{
|
|
9
15
|
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
10
16
|
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
11
17
|
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
12
18
|
}>;
|
|
19
|
+
readonly labelSide: Readonly<{
|
|
20
|
+
readonly minWidth: css.StyleXClassNameFor<"minWidth", 120>;
|
|
21
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
22
|
+
readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
|
|
23
|
+
}>;
|
|
13
24
|
readonly description: Readonly<{
|
|
14
25
|
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
15
26
|
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
@@ -18,5 +29,20 @@ export declare const styles: Readonly<{
|
|
|
18
29
|
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
19
30
|
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
20
31
|
}>;
|
|
32
|
+
readonly fieldContent: Readonly<{
|
|
33
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
34
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
35
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
36
|
+
readonly flex: css.StyleXClassNameFor<"flex", 1>;
|
|
37
|
+
readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
|
|
38
|
+
}>;
|
|
39
|
+
readonly necessityIcon: Readonly<{
|
|
40
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
41
|
+
}>;
|
|
42
|
+
readonly necessityLabel: Readonly<{
|
|
43
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
44
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
45
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
46
|
+
}>;
|
|
21
47
|
}>;
|
|
22
48
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Field/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/Field/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CjB,CAAA"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { UseFormReturn, DefaultValues, FieldValues } from 'react-hook-form';
|
|
2
|
+
import { UseFormReturn, DefaultValues, FieldValues, Path } from 'react-hook-form';
|
|
3
3
|
import { Schema } from 'effect';
|
|
4
|
+
import { LabelPosition, NecessityIndicator } from './FormContext';
|
|
4
5
|
export interface FormProps<T extends FieldValues> {
|
|
5
6
|
schema: Schema.Schema<T>;
|
|
6
7
|
defaultValues: DefaultValues<T>;
|
|
7
8
|
onSubmit: (data: T) => void | Promise<void>;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
labelPosition?: LabelPosition;
|
|
11
|
+
necessityIndicator?: NecessityIndicator;
|
|
12
|
+
validationErrors?: Partial<Record<Path<T>, string>>;
|
|
8
13
|
children: ReactNode | ((methods: UseFormReturn<T>) => ReactNode);
|
|
9
14
|
}
|
|
10
|
-
export declare function Form<T extends FieldValues>({ schema, defaultValues, onSubmit, children, }: FormProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function Form<T extends FieldValues>({ schema, defaultValues, onSubmit, disabled, labelPosition, necessityIndicator, validationErrors, children, }: FormProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
11
16
|
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAA;AAE7E,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,WAAW,EAEhB,KAAK,IAAI,EACV,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAA;AAClC,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACxB,MAAM,eAAe,CAAA;AAEtB,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW;IAC9C,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACxB,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;IACnD,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAA;CACjE;AASD,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,EAC1C,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,aAAqB,EACrB,kBAA0B,EAC1B,gBAAgB,EAChB,QAAQ,GACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CA8Ed"}
|
|
@@ -7,4 +7,10 @@ export declare const ValidationOnBlur: Story;
|
|
|
7
7
|
export declare const WithTextarea: Story;
|
|
8
8
|
export declare const SuccessfulSubmit: Story;
|
|
9
9
|
export declare const StandaloneFieldStillWorks: Story;
|
|
10
|
+
export declare const NecessityIndicatorIcon: Story;
|
|
11
|
+
export declare const NecessityIndicatorLabel: Story;
|
|
12
|
+
export declare const FocusFirstInvalid: Story;
|
|
13
|
+
export declare const FormDisabled: Story;
|
|
14
|
+
export declare const LabelPositionSide: Story;
|
|
15
|
+
export declare const ServerValidationErrors: Story;
|
|
10
16
|
//# sourceMappingURL=Form.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAWpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAuCrB,eAAO,MAAM,OAAO,EAAE,KA6CrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsD9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAmBvC,CAAA;AAID,eAAO,MAAM,sBAAsB,EAAE,KA6CpC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAyCrC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgC1B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAwDpC,CAAA"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type LabelPosition = 'top' | 'side';
|
|
2
|
+
export type NecessityIndicator = 'icon' | 'label' | false;
|
|
3
|
+
export interface FormContextValue {
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
labelPosition: LabelPosition;
|
|
6
|
+
necessityIndicator: NecessityIndicator;
|
|
7
|
+
}
|
|
8
|
+
export declare const FormContext: import('react').Context<FormContextValue | null>;
|
|
9
|
+
export declare function useFormContext(): FormContextValue | null;
|
|
3
10
|
//# sourceMappingURL=FormContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormContext.ts"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,aAAa,CAAA;IAC5B,kBAAkB,EAAE,kBAAkB,CAAA;CACvC;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,cAAc,4BAE7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAA;AAKrC,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAA;AAC/D,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9C,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EACT,IAAI,GACJ,KAAK,GACL,OAAO,GACP,UAAU,GACV,kBAAkB,GAClB,cAAc,GACd,MAAM,GACN,KAAK,GACL,KAAK,CAAA;IACT,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,GAAG,GACJ,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAA;AAKrC,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAA;AAC/D,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9C,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EACT,IAAI,GACJ,KAAK,GACL,OAAO,GACP,UAAU,GACV,kBAAkB,GAClB,cAAc,GACd,MAAM,GACN,KAAK,GACL,KAAK,CAAA;IACT,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,GAAG,GACJ,EAAE,UAAU,2CAwCZ"}
|
|
@@ -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"}
|
|
@@ -1 +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,
|
|
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,2CA8BzE;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}
|
|
@@ -1 +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,
|
|
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,aAyBlB,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
|