@baseplate-dev/ui-components 0.1.1
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/LICENSE +390 -0
- package/dist/components/Alert/Alert.d.ts +15 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/Alert.js +32 -0
- package/dist/components/Alert/Alert.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts +21 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.js +33 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +12 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.js +28 -0
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/components/Button/Button.d.ts +23 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +22 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +7 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +10 -0
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/components/Card/Card.d.ts +15 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.js +30 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +10 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +15 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/CheckboxField/CheckboxField.d.ts +19 -0
- package/dist/components/CheckboxField/CheckboxField.d.ts.map +1 -0
- package/dist/components/CheckboxField/CheckboxField.js +20 -0
- package/dist/components/CheckboxField/CheckboxField.js.map +1 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts +16 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts.map +1 -0
- package/dist/components/ColorPicker/ColorPicker.js +19 -0
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -0
- package/dist/components/ColorPickerField/ColorPickerField.d.ts +36 -0
- package/dist/components/ColorPickerField/ColorPickerField.d.ts.map +1 -0
- package/dist/components/ColorPickerField/ColorPickerField.js +43 -0
- package/dist/components/ColorPickerField/ColorPickerField.js.map +1 -0
- package/dist/components/Combobox/Combobox.d.ts +71 -0
- package/dist/components/Combobox/Combobox.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.js +173 -0
- package/dist/components/Combobox/Combobox.js.map +1 -0
- package/dist/components/Combobox/Combobox.test.d.ts +2 -0
- package/dist/components/Combobox/Combobox.test.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.test.js +148 -0
- package/dist/components/Combobox/Combobox.test.js.map +1 -0
- package/dist/components/ComboboxField/ComboboxField.d.ts +20 -0
- package/dist/components/ComboboxField/ComboboxField.d.ts.map +1 -0
- package/dist/components/ComboboxField/ComboboxField.js +39 -0
- package/dist/components/ComboboxField/ComboboxField.js.map +1 -0
- package/dist/components/Command/Command.d.ts +22 -0
- package/dist/components/Command/Command.d.ts.map +1 -0
- package/dist/components/Command/Command.js +40 -0
- package/dist/components/Command/Command.js.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +8 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.js +48 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.js.map +1 -0
- package/dist/components/Dialog/Dialog.d.ts +22 -0
- package/dist/components/Dialog/Dialog.d.ts.map +1 -0
- package/dist/components/Dialog/Dialog.js +42 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.d.ts +31 -0
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/Dropdown/Dropdown.js +57 -0
- package/dist/components/Dropdown/Dropdown.js.map +1 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.d.ts +30 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.d.ts.map +1 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.js +14 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.js.map +1 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.d.ts +25 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.d.ts.map +1 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.js +16 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.js.map +1 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.d.ts +25 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.d.ts.map +1 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.js +14 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.js.map +1 -0
- package/dist/components/FormActionBar/FormActionBar.d.ts +32 -0
- package/dist/components/FormActionBar/FormActionBar.d.ts.map +1 -0
- package/dist/components/FormActionBar/FormActionBar.js +28 -0
- package/dist/components/FormActionBar/FormActionBar.js.map +1 -0
- package/dist/components/FormItem/FormItem.d.ts +23 -0
- package/dist/components/FormItem/FormItem.d.ts.map +1 -0
- package/dist/components/FormItem/FormItem.js +57 -0
- package/dist/components/FormItem/FormItem.js.map +1 -0
- package/dist/components/Input/Input.d.ts +11 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.js +15 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/InputField/InputField.d.ts +17 -0
- package/dist/components/InputField/InputField.d.ts.map +1 -0
- package/dist/components/InputField/InputField.js +18 -0
- package/dist/components/InputField/InputField.js.map +1 -0
- package/dist/components/Label/Label.d.ts +10 -0
- package/dist/components/Label/Label.d.ts.map +1 -0
- package/dist/components/Label/Label.js +14 -0
- package/dist/components/Label/Label.js.map +1 -0
- package/dist/components/Loader/Loader.d.ts +10 -0
- package/dist/components/Loader/Loader.d.ts.map +1 -0
- package/dist/components/Loader/Loader.js +10 -0
- package/dist/components/Loader/Loader.js.map +1 -0
- package/dist/components/MultiCombobox/MultiCombobox.d.ts +47 -0
- package/dist/components/MultiCombobox/MultiCombobox.d.ts.map +1 -0
- package/dist/components/MultiCombobox/MultiCombobox.js +114 -0
- package/dist/components/MultiCombobox/MultiCombobox.js.map +1 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.d.ts +19 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.d.ts.map +1 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.js +38 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.js.map +1 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.d.ts +41 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.d.ts.map +1 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.js +44 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.js.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +27 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenu.js +50 -0
- package/dist/components/NavigationMenu/NavigationMenu.js.map +1 -0
- package/dist/components/NavigationTabs/NavigationTabs.d.ts +9 -0
- package/dist/components/NavigationTabs/NavigationTabs.d.ts.map +1 -0
- package/dist/components/NavigationTabs/NavigationTabs.js +14 -0
- package/dist/components/NavigationTabs/NavigationTabs.js.map +1 -0
- package/dist/components/Popover/Popover.d.ts +17 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/Popover.js +23 -0
- package/dist/components/Popover/Popover.js.map +1 -0
- package/dist/components/RecordView/RecordView.d.ts +24 -0
- package/dist/components/RecordView/RecordView.d.ts.map +1 -0
- package/dist/components/RecordView/RecordView.js +16 -0
- package/dist/components/RecordView/RecordView.js.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +11 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.js +19 -0
- package/dist/components/ScrollArea/ScrollArea.js.map +1 -0
- package/dist/components/SectionList/SectionList.d.ts +36 -0
- package/dist/components/SectionList/SectionList.d.ts.map +1 -0
- package/dist/components/SectionList/SectionList.js +25 -0
- package/dist/components/SectionList/SectionList.js.map +1 -0
- package/dist/components/Select/Select.d.ts +26 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.js +51 -0
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/SelectField/SelectField.d.ts +13 -0
- package/dist/components/SelectField/SelectField.d.ts.map +1 -0
- package/dist/components/SelectField/SelectField.js +30 -0
- package/dist/components/SelectField/SelectField.js.map +1 -0
- package/dist/components/Separator/Separator.d.ts +10 -0
- package/dist/components/Separator/Separator.d.ts.map +1 -0
- package/dist/components/Separator/Separator.js +14 -0
- package/dist/components/Separator/Separator.js.map +1 -0
- package/dist/components/Sheet/Sheet.d.ts +20 -0
- package/dist/components/Sheet/Sheet.d.ts.map +1 -0
- package/dist/components/Sheet/Sheet.js +46 -0
- package/dist/components/Sheet/Sheet.js.map +1 -0
- package/dist/components/SidebarLayout/SidebarLayout.d.ts +23 -0
- package/dist/components/SidebarLayout/SidebarLayout.d.ts.map +1 -0
- package/dist/components/SidebarLayout/SidebarLayout.js +22 -0
- package/dist/components/SidebarLayout/SidebarLayout.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts +10 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js +13 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/SwitchField/SwitchField.d.ts +16 -0
- package/dist/components/SwitchField/SwitchField.d.ts.map +1 -0
- package/dist/components/SwitchField/SwitchField.js +15 -0
- package/dist/components/SwitchField/SwitchField.js.map +1 -0
- package/dist/components/Table/Table.d.ts +16 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.js +33 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +13 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.js +23 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +10 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.js +12 -0
- package/dist/components/Textarea/Textarea.js.map +1 -0
- package/dist/components/TextareaField/TextareaField.d.ts +17 -0
- package/dist/components/TextareaField/TextareaField.d.ts.map +1 -0
- package/dist/components/TextareaField/TextareaField.js +18 -0
- package/dist/components/TextareaField/TextareaField.js.map +1 -0
- package/dist/components/Toaster/Toaster.d.ts +11 -0
- package/dist/components/Toaster/Toaster.d.ts.map +1 -0
- package/dist/components/Toaster/Toaster.js +29 -0
- package/dist/components/Toaster/Toaster.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +8 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +18 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/index.d.ts +48 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +48 -0
- package/dist/components/index.js.map +1 -0
- package/dist/constants/strings.d.ts +14 -0
- package/dist/constants/strings.d.ts.map +1 -0
- package/dist/constants/strings.js +13 -0
- package/dist/constants/strings.js.map +1 -0
- package/dist/contexts/component-strings.d.ts +16 -0
- package/dist/contexts/component-strings.d.ts.map +1 -0
- package/dist/contexts/component-strings.js +9 -0
- package/dist/contexts/component-strings.js.map +1 -0
- package/dist/hooks/index.d.ts +5 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +5 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useConfirmDialog.d.ts +22 -0
- package/dist/hooks/useConfirmDialog.d.ts.map +1 -0
- package/dist/hooks/useConfirmDialog.js +20 -0
- package/dist/hooks/useConfirmDialog.js.map +1 -0
- package/dist/hooks/useControlledState.d.ts +6 -0
- package/dist/hooks/useControlledState.d.ts.map +1 -0
- package/dist/hooks/useControlledState.js +27 -0
- package/dist/hooks/useControlledState.js.map +1 -0
- package/dist/hooks/useControllerMerged.d.ts +22 -0
- package/dist/hooks/useControllerMerged.d.ts.map +1 -0
- package/dist/hooks/useControllerMerged.js +32 -0
- package/dist/hooks/useControllerMerged.js.map +1 -0
- package/dist/hooks/useEventCallback.d.ts +3 -0
- package/dist/hooks/useEventCallback.d.ts.map +1 -0
- package/dist/hooks/useEventCallback.js +15 -0
- package/dist/hooks/useEventCallback.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/stories/button-icons.d.ts +15 -0
- package/dist/stories/button-icons.d.ts.map +1 -0
- package/dist/stories/button-icons.js +17 -0
- package/dist/stories/button-icons.js.map +1 -0
- package/dist/styles/button.d.ts +6 -0
- package/dist/styles/button.d.ts.map +1 -0
- package/dist/styles/button.js +33 -0
- package/dist/styles/button.js.map +1 -0
- package/dist/styles/index.d.ts +4 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/styles/index.js +4 -0
- package/dist/styles/index.js.map +1 -0
- package/dist/styles/input.d.ts +6 -0
- package/dist/styles/input.d.ts.map +1 -0
- package/dist/styles/input.js +24 -0
- package/dist/styles/input.js.map +1 -0
- package/dist/styles/select.d.ts +9 -0
- package/dist/styles/select.d.ts.map +1 -0
- package/dist/styles/select.js +22 -0
- package/dist/styles/select.js.map +1 -0
- package/dist/tests/render.test-helper.d.ts +4 -0
- package/dist/tests/render.test-helper.d.ts.map +1 -0
- package/dist/tests/render.test-helper.js +7 -0
- package/dist/tests/render.test-helper.js.map +1 -0
- package/dist/tests/setup.d.ts +2 -0
- package/dist/tests/setup.d.ts.map +1 -0
- package/dist/tests/setup.js +27 -0
- package/dist/tests/setup.js.map +1 -0
- package/dist/types/form.d.ts +40 -0
- package/dist/types/form.d.ts.map +1 -0
- package/dist/types/form.js +2 -0
- package/dist/types/form.js.map +1 -0
- package/dist/types/react.d.ts +3 -0
- package/dist/types/react.d.ts.map +1 -0
- package/dist/types/react.js +2 -0
- package/dist/types/react.js.map +1 -0
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +5 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/generic-forward-ref.d.ts +8 -0
- package/dist/utils/generic-forward-ref.d.ts.map +1 -0
- package/dist/utils/generic-forward-ref.js +15 -0
- package/dist/utils/generic-forward-ref.js.map +1 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +4 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/refs.d.ts +10 -0
- package/dist/utils/refs.d.ts.map +1 -0
- package/dist/utils/refs.js +24 -0
- package/dist/utils/refs.js.map +1 -0
- package/package.json +127 -0
- package/src/theme.css +81 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
3
|
+
/**
|
|
4
|
+
* A textarea component.
|
|
5
|
+
*
|
|
6
|
+
* https://ui.shadcn.com/docs/components/textarea
|
|
7
|
+
*/
|
|
8
|
+
declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): React.ReactElement;
|
|
9
|
+
export { Textarea };
|
|
10
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9E;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAWvD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '#src/utils/index.js';
|
|
3
|
+
/**
|
|
4
|
+
* A textarea component.
|
|
5
|
+
*
|
|
6
|
+
* https://ui.shadcn.com/docs/components/textarea
|
|
7
|
+
*/
|
|
8
|
+
function Textarea({ className, ...props }) {
|
|
9
|
+
return (_jsx("textarea", { "data-slot": "textarea", className: cn('flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40', className), ...props }));
|
|
10
|
+
}
|
|
11
|
+
export { Textarea };
|
|
12
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAIzC;;;;GAIG;AACH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACyB;IACjC,OAAO,CACL,gCACY,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,qcAAqc,EACrc,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import type { Control, FieldPath, FieldValues, RegisterOptions, UseFormRegisterReturn } from 'react-hook-form';
|
|
3
|
+
import type { FormFieldProps } from '#src/types/form.js';
|
|
4
|
+
export interface TextareaFieldProps extends Omit<ComponentPropsWithRef<'textarea'>, 'onChange' | 'value'>, FormFieldProps {
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
value?: string;
|
|
7
|
+
register?: UseFormRegisterReturn;
|
|
8
|
+
}
|
|
9
|
+
declare function TextareaField({ label, description, error, onChange, register, ...props }: TextareaFieldProps): React.ReactElement;
|
|
10
|
+
export interface TextareaFieldControllerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends TextareaFieldProps {
|
|
11
|
+
control: Control<TFieldValues>;
|
|
12
|
+
name: TFieldName;
|
|
13
|
+
registerOptions?: RegisterOptions<TFieldValues, TFieldName>;
|
|
14
|
+
}
|
|
15
|
+
declare function TextareaFieldController<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, registerOptions, ...rest }: TextareaFieldControllerProps<TFieldValues, TFieldName>): React.ReactElement;
|
|
16
|
+
export { TextareaField, TextareaFieldController };
|
|
17
|
+
//# sourceMappingURL=TextareaField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EACV,OAAO,EAEP,SAAS,EACT,WAAW,EACX,eAAe,EACf,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAWzD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACnE,cAAc;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAoBzC;AAED,MAAM,WAAW,4BAA4B,CAC3C,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC7D;AAED,iBAAS,uBAAuB,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,eAAe,EACf,GAAG,IAAI,EACR,EAAE,4BAA4B,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAW7E;AAED,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { get, useFormState } from 'react-hook-form';
|
|
4
|
+
import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
|
|
5
|
+
import { Textarea } from '../Textarea/Textarea.js';
|
|
6
|
+
function TextareaField({ label, description, error, onChange, register, ...props }) {
|
|
7
|
+
return (_jsxs(FormItem, { error: error, children: [_jsx(FormLabel, { children: label }), _jsx(FormControl, { children: _jsx(Textarea, { onChange: onChange &&
|
|
8
|
+
((e) => {
|
|
9
|
+
onChange(e.target.value);
|
|
10
|
+
}), ...props, ...register }) }), _jsx(FormDescription, { children: description }), _jsx(FormMessage, {})] }));
|
|
11
|
+
}
|
|
12
|
+
function TextareaFieldController({ control, name, registerOptions, ...rest }) {
|
|
13
|
+
const { errors } = useFormState({ control, name });
|
|
14
|
+
const error = get(errors, name);
|
|
15
|
+
return (_jsx(TextareaField, { register: control.register(name, registerOptions), error: error?.message, ...rest }));
|
|
16
|
+
}
|
|
17
|
+
export { TextareaField, TextareaFieldController };
|
|
18
|
+
//# sourceMappingURL=TextareaField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAYb,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EACL,WAAW,EACX,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAUnD,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACW;IACnB,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,aACpB,KAAC,SAAS,cAAE,KAAK,GAAa,EAC9B,KAAC,WAAW,cACV,KAAC,QAAQ,IACP,QAAQ,EACN,QAAQ;wBACR,CAAC,CAAC,CAAC,EAAE,EAAE;4BACL,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC3B,CAAC,CAAC,KAEA,KAAK,KACL,QAAQ,GACZ,GACU,EACd,KAAC,eAAe,cAAE,WAAW,GAAmB,EAChD,KAAC,WAAW,KAAG,IACN,CACZ,CAAC;AACJ,CAAC;AAWD,SAAS,uBAAuB,CAG9B,EACA,OAAO,EACP,IAAI,EACJ,eAAe,EACf,GAAG,IAAI,EACgD;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,IAAI,CAA2B,CAAC;IAE1D,OAAO,CACL,KAAC,aAAa,IACZ,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,EACjD,KAAK,EAAE,KAAK,EAAE,OAAO,KACjB,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { Toaster as Sonner } from 'sonner';
|
|
3
|
+
type ToasterProps = React.ComponentProps<typeof Sonner>;
|
|
4
|
+
/**
|
|
5
|
+
* A toaster component that displays toast notifications.
|
|
6
|
+
*
|
|
7
|
+
* Adapted from https://ui.shadcn.com/docs/components/sonner
|
|
8
|
+
*/
|
|
9
|
+
declare const Toaster: ({ ...props }: ToasterProps) => React.ReactElement;
|
|
10
|
+
export { Toaster };
|
|
11
|
+
//# sourceMappingURL=Toaster.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAI3C,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,OAAO,iBAAkB,YAAY,KAAG,KAAK,CAAC,YA8BnD,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Toaster as Sonner } from 'sonner';
|
|
4
|
+
import { buttonVariants } from '#src/styles/index.js';
|
|
5
|
+
/**
|
|
6
|
+
* A toaster component that displays toast notifications.
|
|
7
|
+
*
|
|
8
|
+
* Adapted from https://ui.shadcn.com/docs/components/sonner
|
|
9
|
+
*/
|
|
10
|
+
const Toaster = ({ ...props }) => (_jsx(Sonner, { className: "toaster group", position: "top-center", duration: 3000, closeButton: true, toastOptions: {
|
|
11
|
+
unstyled: true,
|
|
12
|
+
classNames: {
|
|
13
|
+
success: 'group-[.toaster]:bg-success group-[.toaster]:text-success-foreground group-[.toaster]:border-success',
|
|
14
|
+
error: 'group-[.toaster]:bg-error group-[.toaster]:text-error-foreground group-[.toaster]:border-error',
|
|
15
|
+
warning: 'group-[.toaster]:bg-warning group-[.toaster]:text-warning-foreground group-[.toaster]:border-warning',
|
|
16
|
+
default: 'bg-background text-foreground',
|
|
17
|
+
toast: 'group toast group-[.toaster]:shadow-lg p-4 rounded-lg flex items-center text-sm gap-1.5 w-(--width)',
|
|
18
|
+
description: 'group-[.toast]:text-muted-foreground',
|
|
19
|
+
actionButton: buttonVariants({
|
|
20
|
+
size: 'sm',
|
|
21
|
+
}),
|
|
22
|
+
cancelButton: buttonVariants({
|
|
23
|
+
size: 'sm',
|
|
24
|
+
variant: 'secondary',
|
|
25
|
+
}),
|
|
26
|
+
},
|
|
27
|
+
}, ...props }));
|
|
28
|
+
export { Toaster };
|
|
29
|
+
//# sourceMappingURL=Toaster.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../src/components/Toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAItD;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB,EAAsB,EAAE,CAAC,CAClE,KAAC,MAAM,IACL,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAC,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,WAAW,QACX,YAAY,EAAE;QACZ,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE;YACV,OAAO,EACL,sGAAsG;YACxG,KAAK,EACH,gGAAgG;YAClG,OAAO,EACL,sGAAsG;YACxG,OAAO,EAAE,+BAA+B;YACxC,KAAK,EACH,qGAAqG;YACvG,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,cAAc,CAAC;gBAC3B,IAAI,EAAE,IAAI;aACX,CAAC;YACF,YAAY,EAAE,cAAc,CAAC;gBAC3B,IAAI,EAAE,IAAI;gBACV,OAAO,EAAE,WAAW;aACrB,CAAC;SACH;KACF,KACG,KAAK,GACT,CACH,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
3
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.ReactElement;
|
|
4
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.ReactElement;
|
|
5
|
+
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.ReactElement;
|
|
6
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.ReactElement;
|
|
7
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
8
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAQ7E;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAMzE;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAE5E;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAiB5E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
4
|
+
import { cn } from '#src/utils/index.js';
|
|
5
|
+
function TooltipProvider({ delayDuration = 0, ...props }) {
|
|
6
|
+
return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
|
|
7
|
+
}
|
|
8
|
+
function Tooltip({ ...props }) {
|
|
9
|
+
return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
|
|
10
|
+
}
|
|
11
|
+
function TooltipTrigger({ ...props }) {
|
|
12
|
+
return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
13
|
+
}
|
|
14
|
+
function TooltipContent({ className, sideOffset = 0, children, ...props }) {
|
|
15
|
+
return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })] }) }));
|
|
16
|
+
}
|
|
17
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
18
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,SAAS,eAAe,CAAC,EACvB,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EAC+C;IACvD,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,iBACd,kBAAkB,EAC5B,aAAa,EAAE,aAAa,KACxB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,EACf,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,eAAe,cACd,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,GACxC,CACnB,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAU,GAAG,CAAC,EACd,QAAQ,EACR,GAAG,KAAK,EAC8C;IACtD,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,MAAC,gBAAgB,CAAC,OAAO,iBACb,iBAAiB,EAC3B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,waAAwa,EACxa,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,8FAA8F,GAAG,IAC1G,GACH,CAC3B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export * from './Alert/Alert.js';
|
|
2
|
+
export * from './Badge/Badge.js';
|
|
3
|
+
export * from './Breadcrumb/Breadcrumb.js';
|
|
4
|
+
export * from './Button/Button.js';
|
|
5
|
+
export * from './ButtonGroup/ButtonGroup.js';
|
|
6
|
+
export * from './Card/Card.js';
|
|
7
|
+
export * from './Checkbox/Checkbox.js';
|
|
8
|
+
export * from './CheckboxField/CheckboxField.js';
|
|
9
|
+
export * from './ColorPicker/ColorPicker.js';
|
|
10
|
+
export * from './ColorPickerField/ColorPickerField.js';
|
|
11
|
+
export * from './Combobox/Combobox.js';
|
|
12
|
+
export * from './ComboboxField/ComboboxField.js';
|
|
13
|
+
export * from './Command/Command.js';
|
|
14
|
+
export * from './ConfirmDialog/ConfirmDialog.js';
|
|
15
|
+
export * from './Dialog/Dialog.js';
|
|
16
|
+
export * from './Dropdown/Dropdown.js';
|
|
17
|
+
export * from './EmptyDisplay/EmptyDisplay.js';
|
|
18
|
+
export * from './ErrorableLoader/ErrorableLoader.js';
|
|
19
|
+
export * from './ErrorDisplay/ErrorDisplay.js';
|
|
20
|
+
export * from './FormActionBar/FormActionBar.js';
|
|
21
|
+
export * from './FormItem/FormItem.js';
|
|
22
|
+
export * from './Input/Input.js';
|
|
23
|
+
export * from './InputField/InputField.js';
|
|
24
|
+
export * from './Label/Label.js';
|
|
25
|
+
export * from './Loader/Loader.js';
|
|
26
|
+
export * from './MultiCombobox/MultiCombobox.js';
|
|
27
|
+
export * from './MultiComboboxField/MultiComboboxField.js';
|
|
28
|
+
export * from './MultiSwitchField/MultiSwitchField.js';
|
|
29
|
+
export * from './NavigationMenu/NavigationMenu.js';
|
|
30
|
+
export * from './NavigationTabs/NavigationTabs.js';
|
|
31
|
+
export * from './Popover/Popover.js';
|
|
32
|
+
export * from './RecordView/RecordView.js';
|
|
33
|
+
export * from './ScrollArea/ScrollArea.js';
|
|
34
|
+
export * from './SectionList/SectionList.js';
|
|
35
|
+
export * from './Select/Select.js';
|
|
36
|
+
export * from './SelectField/SelectField.js';
|
|
37
|
+
export * from './Separator/Separator.js';
|
|
38
|
+
export * from './Sheet/Sheet.js';
|
|
39
|
+
export * from './SidebarLayout/SidebarLayout.js';
|
|
40
|
+
export * from './Switch/Switch.js';
|
|
41
|
+
export * from './SwitchField/SwitchField.js';
|
|
42
|
+
export * from './Table/Table.js';
|
|
43
|
+
export * from './Tabs/Tabs.js';
|
|
44
|
+
export * from './Textarea/Textarea.js';
|
|
45
|
+
export * from './TextareaField/TextareaField.js';
|
|
46
|
+
export * from './Toaster/Toaster.js';
|
|
47
|
+
export * from './Tooltip/Tooltip.js';
|
|
48
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export * from './Alert/Alert.js';
|
|
2
|
+
export * from './Badge/Badge.js';
|
|
3
|
+
export * from './Breadcrumb/Breadcrumb.js';
|
|
4
|
+
export * from './Button/Button.js';
|
|
5
|
+
export * from './ButtonGroup/ButtonGroup.js';
|
|
6
|
+
export * from './Card/Card.js';
|
|
7
|
+
export * from './Checkbox/Checkbox.js';
|
|
8
|
+
export * from './CheckboxField/CheckboxField.js';
|
|
9
|
+
export * from './ColorPicker/ColorPicker.js';
|
|
10
|
+
export * from './ColorPickerField/ColorPickerField.js';
|
|
11
|
+
export * from './Combobox/Combobox.js';
|
|
12
|
+
export * from './ComboboxField/ComboboxField.js';
|
|
13
|
+
export * from './Command/Command.js';
|
|
14
|
+
export * from './ConfirmDialog/ConfirmDialog.js';
|
|
15
|
+
export * from './Dialog/Dialog.js';
|
|
16
|
+
export * from './Dropdown/Dropdown.js';
|
|
17
|
+
export * from './EmptyDisplay/EmptyDisplay.js';
|
|
18
|
+
export * from './ErrorableLoader/ErrorableLoader.js';
|
|
19
|
+
export * from './ErrorDisplay/ErrorDisplay.js';
|
|
20
|
+
export * from './FormActionBar/FormActionBar.js';
|
|
21
|
+
export * from './FormItem/FormItem.js';
|
|
22
|
+
export * from './Input/Input.js';
|
|
23
|
+
export * from './InputField/InputField.js';
|
|
24
|
+
export * from './Label/Label.js';
|
|
25
|
+
export * from './Loader/Loader.js';
|
|
26
|
+
export * from './MultiCombobox/MultiCombobox.js';
|
|
27
|
+
export * from './MultiComboboxField/MultiComboboxField.js';
|
|
28
|
+
export * from './MultiSwitchField/MultiSwitchField.js';
|
|
29
|
+
export * from './NavigationMenu/NavigationMenu.js';
|
|
30
|
+
export * from './NavigationTabs/NavigationTabs.js';
|
|
31
|
+
export * from './Popover/Popover.js';
|
|
32
|
+
export * from './RecordView/RecordView.js';
|
|
33
|
+
export * from './ScrollArea/ScrollArea.js';
|
|
34
|
+
export * from './SectionList/SectionList.js';
|
|
35
|
+
export * from './Select/Select.js';
|
|
36
|
+
export * from './SelectField/SelectField.js';
|
|
37
|
+
export * from './Separator/Separator.js';
|
|
38
|
+
export * from './Sheet/Sheet.js';
|
|
39
|
+
export * from './SidebarLayout/SidebarLayout.js';
|
|
40
|
+
export * from './Switch/Switch.js';
|
|
41
|
+
export * from './SwitchField/SwitchField.js';
|
|
42
|
+
export * from './Table/Table.js';
|
|
43
|
+
export * from './Tabs/Tabs.js';
|
|
44
|
+
export * from './Textarea/Textarea.js';
|
|
45
|
+
export * from './TextareaField/TextareaField.js';
|
|
46
|
+
export * from './Toaster/Toaster.js';
|
|
47
|
+
export * from './Tooltip/Tooltip.js';
|
|
48
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Default strings for components that can be overriden by the ComponentStringContext.
|
|
3
|
+
*/
|
|
4
|
+
export declare const DEFAULT_COMPONENT_STRINGS: {
|
|
5
|
+
emptyDisplayDefaultHeader: string;
|
|
6
|
+
emptyDisplayDefaultContent: string;
|
|
7
|
+
errorDisplayDefaultHeader: string;
|
|
8
|
+
errorDisplayDefaultContent: string;
|
|
9
|
+
buttonCancel: string;
|
|
10
|
+
buttonConfirm: string;
|
|
11
|
+
comboboxNoResults: string;
|
|
12
|
+
};
|
|
13
|
+
export type ComponentStrings = typeof DEFAULT_COMPONENT_STRINGS;
|
|
14
|
+
//# sourceMappingURL=strings.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/constants/strings.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;;;;;;CAQrC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Default strings for components that can be overriden by the ComponentStringContext.
|
|
3
|
+
*/
|
|
4
|
+
export const DEFAULT_COMPONENT_STRINGS = {
|
|
5
|
+
emptyDisplayDefaultHeader: 'No items found',
|
|
6
|
+
emptyDisplayDefaultContent: 'There is no content here yet.',
|
|
7
|
+
errorDisplayDefaultHeader: 'Sorry, something went wrong',
|
|
8
|
+
errorDisplayDefaultContent: 'We encountered an error showing this page.',
|
|
9
|
+
buttonCancel: 'Cancel',
|
|
10
|
+
buttonConfirm: 'Confirm',
|
|
11
|
+
comboboxNoResults: 'No results found',
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=strings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../src/constants/strings.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,yBAAyB,EAAE,gBAAgB;IAC3C,0BAA0B,EAAE,+BAA+B;IAC3D,yBAAyB,EAAE,6BAA6B;IACxD,0BAA0B,EAAE,4CAA4C;IACxE,YAAY,EAAE,QAAQ;IACtB,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,kBAAkB;CACtC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ComponentStrings } from '#src/constants/strings.js';
|
|
3
|
+
export declare const useComponentStrings: () => ComponentStrings;
|
|
4
|
+
/**
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare const ComponentStringsProvider: React.Provider<{
|
|
8
|
+
emptyDisplayDefaultHeader: string;
|
|
9
|
+
emptyDisplayDefaultContent: string;
|
|
10
|
+
errorDisplayDefaultHeader: string;
|
|
11
|
+
errorDisplayDefaultContent: string;
|
|
12
|
+
buttonCancel: string;
|
|
13
|
+
buttonConfirm: string;
|
|
14
|
+
comboboxNoResults: string;
|
|
15
|
+
}>;
|
|
16
|
+
//# sourceMappingURL=component-strings.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component-strings.d.ts","sourceRoot":"","sources":["../../src/contexts/component-strings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAQlE,eAAO,MAAM,mBAAmB,QAAO,gBACI,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;EAAmC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DEFAULT_COMPONENT_STRINGS } from '#src/constants/strings.js';
|
|
3
|
+
const ComponentStringsContext = React.createContext(DEFAULT_COMPONENT_STRINGS);
|
|
4
|
+
export const useComponentStrings = () => React.useContext(ComponentStringsContext);
|
|
5
|
+
/**
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export const ComponentStringsProvider = ComponentStringsContext.Provider;
|
|
9
|
+
//# sourceMappingURL=component-strings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component-strings.js","sourceRoot":"","sources":["../../src/contexts/component-strings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CACjD,yBAAyB,CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAqB,EAAE,CACxD,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,uBAAuB,CAAC,QAAQ,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { useConfirmDialog } from './useConfirmDialog.js';
|
|
2
|
+
export { useControlledState } from './useControlledState.js';
|
|
3
|
+
export { useControllerMerged } from './useControllerMerged.js';
|
|
4
|
+
export { useEventCallback } from './useEventCallback.js';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { useConfirmDialog } from './useConfirmDialog.js';
|
|
2
|
+
export { useControlledState } from './useControlledState.js';
|
|
3
|
+
export { useControllerMerged } from './useControllerMerged.js';
|
|
4
|
+
export { useEventCallback } from './useEventCallback.js';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { ButtonProps } from '../components/Button/Button.js';
|
|
2
|
+
export interface UseConfirmDialogRequestOptions {
|
|
3
|
+
title: string;
|
|
4
|
+
content: string;
|
|
5
|
+
buttonCancelText?: string;
|
|
6
|
+
buttonConfirmText?: string;
|
|
7
|
+
buttonConfirmVariant?: ButtonProps['variant'];
|
|
8
|
+
onCancel?: React.MouseEventHandler<HTMLButtonElement>;
|
|
9
|
+
onConfirm?: React.MouseEventHandler<HTMLButtonElement>;
|
|
10
|
+
}
|
|
11
|
+
interface UseConfirmDialogResult {
|
|
12
|
+
requestConfirm: (request: UseConfirmDialogRequestOptions) => void;
|
|
13
|
+
clearConfirm: () => void;
|
|
14
|
+
}
|
|
15
|
+
interface UseConfirmDialogState {
|
|
16
|
+
confirmOptions?: UseConfirmDialogRequestOptions;
|
|
17
|
+
setConfirmOptions: (options: UseConfirmDialogRequestOptions | undefined) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const useConfirmDialogState: import("zustand").UseBoundStore<import("zustand").StoreApi<UseConfirmDialogState>>;
|
|
20
|
+
export declare function useConfirmDialog(): UseConfirmDialogResult;
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=useConfirmDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfirmDialog.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAClE,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,8BAA8B,CAAC;IAChD,iBAAiB,EAAE,CACjB,OAAO,EAAE,8BAA8B,GAAG,SAAS,KAChD,IAAI,CAAC;CACX;AAED,eAAO,MAAM,qBAAqB,oFAK/B,CAAC;AAEJ,wBAAgB,gBAAgB,IAAI,sBAAsB,CAgBzD"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useCallback } from 'react';
|
|
2
|
+
import { create } from 'zustand';
|
|
3
|
+
export const useConfirmDialogState = create((set) => ({
|
|
4
|
+
confirmOptions: undefined,
|
|
5
|
+
setConfirmOptions: (options) => {
|
|
6
|
+
set({ confirmOptions: options });
|
|
7
|
+
},
|
|
8
|
+
}));
|
|
9
|
+
export function useConfirmDialog() {
|
|
10
|
+
const setConfirmOptions = useConfirmDialogState((state) => state.setConfirmOptions);
|
|
11
|
+
return {
|
|
12
|
+
requestConfirm: useCallback((request) => {
|
|
13
|
+
setConfirmOptions(request);
|
|
14
|
+
}, [setConfirmOptions]),
|
|
15
|
+
clearConfirm: useCallback(() => {
|
|
16
|
+
setConfirmOptions(undefined);
|
|
17
|
+
}, [setConfirmOptions]),
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=useConfirmDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useConfirmDialog.js","sourceRoot":"","sources":["../../src/hooks/useConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA0BjC,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAwB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC3E,cAAc,EAAE,SAAS;IACzB,iBAAiB,EAAE,CAAC,OAAO,EAAE,EAAE;QAC7B,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC;IACnC,CAAC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,UAAU,gBAAgB;IAC9B,MAAM,iBAAiB,GAAG,qBAAqB,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CACnC,CAAC;IAEF,OAAO;QACL,cAAc,EAAE,WAAW,CACzB,CAAC,OAAO,EAAE,EAAE;YACV,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB;QACD,YAAY,EAAE,WAAW,CAAC,GAAG,EAAE;YAC7B,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC/B,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;KACxB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Works similarly to `useState`, but allows the state to be controlled and shows a warning if the state is changed from controlled to uncontrolled or vice versa.
|
|
3
|
+
*/
|
|
4
|
+
export declare function useControlledState<T>(value: T | undefined, setValue: ((value: T) => void) | undefined): [T | undefined, (value: T) => void];
|
|
5
|
+
export declare function useControlledState<T>(value: T | undefined, setValue: ((value: T) => void) | undefined, defaultValue: T): [T, (value: T) => void];
|
|
6
|
+
//# sourceMappingURL=useControlledState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControlledState.d.ts","sourceRoot":"","sources":["../../src/hooks/useControlledState.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,KAAK,EAAE,CAAC,GAAG,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,GACzC,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AACvC,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,KAAK,EAAE,CAAC,GAAG,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAC1C,YAAY,EAAE,CAAC,GACd,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
export function useControlledState(value, setValue, defaultValue) {
|
|
3
|
+
const isControlled = value !== undefined;
|
|
4
|
+
const isControlledRef = useRef(isControlled);
|
|
5
|
+
const setValuePropsRef = useRef(setValue);
|
|
6
|
+
const [internalState, setInternalState] = useState(defaultValue);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
if (process.env.NODE_ENV !== 'production' &&
|
|
9
|
+
isControlledRef.current !== isControlled) {
|
|
10
|
+
console.warn('Component is changing from controlled to uncontrolled (or visa versa). Component should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Combobox for the lifetime of the component. Check the `value` prop.');
|
|
11
|
+
}
|
|
12
|
+
isControlledRef.current = isControlled;
|
|
13
|
+
}, [isControlled]);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
setValuePropsRef.current = setValue;
|
|
16
|
+
}, [setValue]);
|
|
17
|
+
const setState = useCallback((value) => {
|
|
18
|
+
if (setValuePropsRef.current) {
|
|
19
|
+
setValuePropsRef.current(value);
|
|
20
|
+
}
|
|
21
|
+
if (!isControlledRef.current) {
|
|
22
|
+
setInternalState(value);
|
|
23
|
+
}
|
|
24
|
+
}, []);
|
|
25
|
+
return [(isControlled ? value : internalState), setState];
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=useControlledState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControlledState.js","sourceRoot":"","sources":["../../src/hooks/useControlledState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcjE,MAAM,UAAU,kBAAkB,CAChC,KAAoB,EACpB,QAA0C,EAC1C,YAAgB;IAEhB,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IACzC,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YACrC,eAAe,CAAC,OAAO,KAAK,YAAY,EACxC,CAAC;YACD,OAAO,CAAC,IAAI,CACV,2QAA2Q,CAC5Q,CAAC;QACJ,CAAC;QACD,eAAe,CAAC,OAAO,GAAG,YAAY,CAAC;IACzC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAQ,EAAE,EAAE;QACxC,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAM,EAAE,QAAQ,CAAC,CAAC;AACjE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { ForwardedRef } from 'react';
|
|
2
|
+
import type { ControllerRenderProps, FieldPath, FieldValues, UseControllerProps, UseControllerReturn } from 'react-hook-form';
|
|
3
|
+
interface UseControllerMergedOptions<TValue, TRef> {
|
|
4
|
+
onChange?: (value: TValue) => void;
|
|
5
|
+
onBlur?: React.FocusEventHandler<TRef>;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* A hook to wrap useController from react-hook-form that allows
|
|
10
|
+
* passing in properties and refs that will be merged with the
|
|
11
|
+
* controller's properties and ref.
|
|
12
|
+
*/
|
|
13
|
+
export declare function useControllerMerged<TValue, TRef, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: UseControllerProps<TFieldValues, TName>, options: UseControllerMergedOptions<TValue, TRef>, ref?: ForwardedRef<TRef>): Omit<UseControllerReturn<TFieldValues, TName>, 'field'> & {
|
|
14
|
+
field: Omit<ControllerRenderProps, 'ref' | 'onChange' | 'value' | 'onBlur'> & {
|
|
15
|
+
ref: ForwardedRef<TRef> | undefined;
|
|
16
|
+
onChange: (value: TValue) => void;
|
|
17
|
+
value: TValue;
|
|
18
|
+
onBlur: React.FocusEventHandler<TRef>;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=useControllerMerged.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControllerMerged.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllerMerged.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAMzB,UAAU,0BAA0B,CAAC,MAAM,EAAE,IAAI;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EACN,IAAI,EACJ,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,KAAK,EAAE,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,EAC9C,OAAO,EAAE,0BAA0B,CAAC,MAAM,EAAE,IAAI,CAAC,EACjD,GAAG,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,GACvB,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CACxC,GAAG;QACF,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;QACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACvC,CAAC;CACH,CAwBA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { useController } from 'react-hook-form';
|
|
2
|
+
import { mergeRefs } from '../utils/refs.js';
|
|
3
|
+
/**
|
|
4
|
+
* A hook to wrap useController from react-hook-form that allows
|
|
5
|
+
* passing in properties and refs that will be merged with the
|
|
6
|
+
* controller's properties and ref.
|
|
7
|
+
*/
|
|
8
|
+
export function useControllerMerged(props, options, ref) {
|
|
9
|
+
const { onChange, onBlur, disabled } = options;
|
|
10
|
+
const controllerReturnValue = useController({
|
|
11
|
+
...props,
|
|
12
|
+
disabled: props.disabled,
|
|
13
|
+
});
|
|
14
|
+
const { field } = controllerReturnValue;
|
|
15
|
+
return {
|
|
16
|
+
...controllerReturnValue,
|
|
17
|
+
field: {
|
|
18
|
+
...field,
|
|
19
|
+
ref: mergeRefs(field.ref, ref),
|
|
20
|
+
onChange: (value) => {
|
|
21
|
+
field.onChange(value);
|
|
22
|
+
onChange?.(value);
|
|
23
|
+
},
|
|
24
|
+
onBlur: (e) => {
|
|
25
|
+
field.onBlur();
|
|
26
|
+
onBlur?.(e);
|
|
27
|
+
},
|
|
28
|
+
disabled: disabled ?? field.disabled,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=useControllerMerged.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControllerMerged.js","sourceRoot":"","sources":["../../src/hooks/useControllerMerged.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQ7C;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAMjC,KAA8C,EAC9C,OAAiD,EACjD,GAAwB;IAYxB,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAC/C,MAAM,qBAAqB,GAAG,aAAa,CAAC;QAC1C,GAAG,KAAK;QACR,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,qBAAqB,CAAC;IAExC,OAAO;QACL,GAAG,qBAAqB;QACxB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC;YAC9B,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;gBAC1B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;YACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,KAAK,CAAC,MAAM,EAAE,CAAC;gBACf,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;YACd,CAAC;YACD,QAAQ,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ;SACrC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEventCallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventCallback.ts"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EACxE,EAAE,EAAE,CAAC,GACJ,CAAC,CAAC;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EACxE,EAAE,EAAE,CAAC,GAAG,SAAS,GAChB,CAAC,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useEffect, useMemo, useRef } from 'react';
|
|
2
|
+
export function useEventCallback(fn) {
|
|
3
|
+
const ref = useRef(fn);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
ref.current = fn;
|
|
6
|
+
}, [fn]);
|
|
7
|
+
return useMemo(() => {
|
|
8
|
+
const { current } = ref;
|
|
9
|
+
if (!current) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
return (...args) => current(...args);
|
|
13
|
+
}, [ref]);
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=useEventCallback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEventCallback.js","sourceRoot":"","sources":["../../src/hooks/useEventCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYnD,MAAM,UAAU,gBAAgB,CAC9B,EAA+B;IAE/B,MAAM,GAAG,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC"}
|
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC"}
|