@oneplatformdev/ui 0.1.10-7 → 0.1.10-70
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/Accordion/Accordion.d.ts +7 -7
- package/Accordion/Accordion.d.ts.map +1 -1
- package/Accordion/Accordion.js +62 -45
- package/Accordion/Accordion.js.map +1 -0
- package/Accordion/index.js +1 -0
- package/Accordion/index.js.map +1 -0
- package/Alert/Alert.js +1 -0
- package/Alert/Alert.js.map +1 -0
- package/Alert/alertVariants.js +1 -0
- package/Alert/alertVariants.js.map +1 -0
- package/Alert/index.js +1 -0
- package/Alert/index.js.map +1 -0
- package/AlertDialog/AlertDialog.js +1 -0
- package/AlertDialog/AlertDialog.js.map +1 -0
- package/AlertDialog/AlertDialog.stories.js +1 -0
- package/AlertDialog/AlertDialog.stories.js.map +1 -0
- package/AlertDialog/AlertDialog.types.js +1 -0
- package/AlertDialog/AlertDialog.types.js.map +1 -0
- package/AlertDialog/AlertDialogRoot.d.ts +12 -18
- package/AlertDialog/AlertDialogRoot.d.ts.map +1 -1
- package/AlertDialog/AlertDialogRoot.js +119 -106
- package/AlertDialog/AlertDialogRoot.js.map +1 -0
- package/AlertDialog/index.js +1 -0
- package/AlertDialog/index.js.map +1 -0
- package/AreaChart/AreaChart.js +1 -0
- package/AreaChart/AreaChart.js.map +1 -0
- package/AreaChart/AreaChart.types.js +1 -0
- package/AreaChart/AreaChart.types.js.map +1 -0
- package/AreaChart/index.js +1 -0
- package/AreaChart/index.js.map +1 -0
- package/Aside/Aside.js +1 -0
- package/Aside/Aside.js.map +1 -0
- package/Aside/Aside.types.js +1 -0
- package/Aside/Aside.types.js.map +1 -0
- package/Aside/AsideSidebar.js +1 -0
- package/Aside/AsideSidebar.js.map +1 -0
- package/Aside/index.js +1 -0
- package/Aside/index.js.map +1 -0
- package/AspectRatio/AspectRatio.js +1 -0
- package/AspectRatio/AspectRatio.js.map +1 -0
- package/AspectRatio/index.js +1 -0
- package/AspectRatio/index.js.map +1 -0
- package/Avatar/Avatar.js +1 -0
- package/Avatar/Avatar.js.map +1 -0
- package/Avatar/index.js +1 -0
- package/Avatar/index.js.map +1 -0
- package/Badge/Badge.d.ts +3 -4
- package/Badge/Badge.d.ts.map +1 -1
- package/Badge/Badge.js +21 -7
- package/Badge/Badge.js.map +1 -0
- package/Badge/Badge.types.d.ts +2 -1
- package/Badge/Badge.types.d.ts.map +1 -1
- package/Badge/Badge.types.js +1 -0
- package/Badge/Badge.types.js.map +1 -0
- package/Badge/badgeVariants.d.ts.map +1 -1
- package/Badge/badgeVariants.js +6 -5
- package/Badge/badgeVariants.js.map +1 -0
- package/Badge/index.js +1 -0
- package/Badge/index.js.map +1 -0
- package/Breadcrumb/Breadcrumb.js +1 -0
- package/Breadcrumb/Breadcrumb.js.map +1 -0
- package/Breadcrumb/index.js +1 -0
- package/Breadcrumb/index.js.map +1 -0
- package/Button/Button.d.ts.map +1 -1
- package/Button/Button.js +52 -28
- package/Button/Button.js.map +1 -0
- package/Button/Button.stories.js +1 -0
- package/Button/Button.stories.js.map +1 -0
- package/Button/Button.types.d.ts +4 -1
- package/Button/Button.types.d.ts.map +1 -1
- package/Button/Button.types.js +1 -0
- package/Button/Button.types.js.map +1 -0
- package/Button/buttonVariants.d.ts +1 -1
- package/Button/buttonVariants.d.ts.map +1 -1
- package/Button/buttonVariants.js +9 -5
- package/Button/buttonVariants.js.map +1 -0
- package/Button/index.js +1 -0
- package/Button/index.js.map +1 -0
- package/ButtonIcon/ButtonIcon.js +3 -2
- package/ButtonIcon/ButtonIcon.js.map +1 -0
- package/ButtonIcon/ButtonIcon.stories.js +1 -0
- package/ButtonIcon/ButtonIcon.stories.js.map +1 -0
- package/ButtonIcon/ButtonIcon.types.js +1 -0
- package/ButtonIcon/ButtonIcon.types.js.map +1 -0
- package/ButtonIcon/buttonIconVariants.js +1 -0
- package/ButtonIcon/buttonIconVariants.js.map +1 -0
- package/ButtonIcon/index.js +1 -0
- package/ButtonIcon/index.js.map +1 -0
- package/CHANGELOG.md +500 -0
- package/Calendar/Calendar.js +1 -0
- package/Calendar/Calendar.js.map +1 -0
- package/Calendar/index.js +1 -0
- package/Calendar/index.js.map +1 -0
- package/Card/Card.js +1 -0
- package/Card/Card.js.map +1 -0
- package/Card/index.js +1 -0
- package/Card/index.js.map +1 -0
- package/Carousel/Carousel.js +1 -0
- package/Carousel/Carousel.js.map +1 -0
- package/Carousel/index.js +1 -0
- package/Carousel/index.js.map +1 -0
- package/Chart/Chart.js +1 -0
- package/Chart/Chart.js.map +1 -0
- package/Chart/index.js +1 -0
- package/Chart/index.js.map +1 -0
- package/Checkbox/Checkbox.js +1 -0
- package/Checkbox/Checkbox.js.map +1 -0
- package/Checkbox/Checkbox.types.js +1 -0
- package/Checkbox/Checkbox.types.js.map +1 -0
- package/Checkbox/index.js +1 -0
- package/Checkbox/index.js.map +1 -0
- package/Collapsible/Collapsible.js +1 -0
- package/Collapsible/Collapsible.js.map +1 -0
- package/Collapsible/index.js +1 -0
- package/Collapsible/index.js.map +1 -0
- package/Combobox/Combobox.d.ts +1 -2
- package/Combobox/Combobox.d.ts.map +1 -1
- package/Combobox/Combobox.js +112 -102
- package/Combobox/Combobox.js.map +1 -0
- package/Combobox/Combobox.types.js +1 -0
- package/Combobox/Combobox.types.js.map +1 -0
- package/Combobox/ComboboxOptionItem.js +1 -0
- package/Combobox/ComboboxOptionItem.js.map +1 -0
- package/Combobox/ComboboxOptions.js +1 -0
- package/Combobox/ComboboxOptions.js.map +1 -0
- package/Combobox/index.js +1 -0
- package/Combobox/index.js.map +1 -0
- package/Command/Command.d.ts +18 -80
- package/Command/Command.d.ts.map +1 -1
- package/Command/Command.js +166 -109
- package/Command/Command.js.map +1 -0
- package/Command/index.js +5 -2
- package/Command/index.js.map +1 -0
- package/DataTable/DataTable.js +1 -0
- package/DataTable/DataTable.js.map +1 -0
- package/DataTable/DataTable.types.js +1 -0
- package/DataTable/DataTable.types.js.map +1 -0
- package/DataTable/DataTableColumnFilter.js +1 -0
- package/DataTable/DataTableColumnFilter.js.map +1 -0
- package/DataTable/index.js +1 -0
- package/DataTable/index.js.map +1 -0
- package/DataTable/useDataTable.d.ts +1 -1
- package/DataTable/useDataTable.js +1 -0
- package/DataTable/useDataTable.js.map +1 -0
- package/DatePicker/DatePicker.js +1 -0
- package/DatePicker/DatePicker.js.map +1 -0
- package/DatePicker/DatePicker.types.js +1 -0
- package/DatePicker/DatePicker.types.js.map +1 -0
- package/DatePicker/index.js +1 -0
- package/DatePicker/index.js.map +1 -0
- package/Dialog/Dialog.d.ts +14 -21
- package/Dialog/Dialog.d.ts.map +1 -1
- package/Dialog/Dialog.js +140 -142
- package/Dialog/Dialog.js.map +1 -0
- package/Dialog/DialogOverlayScope.js +1 -0
- package/Dialog/DialogOverlayScope.js.map +1 -0
- package/Dialog/index.js +16 -13
- package/Dialog/index.js.map +1 -0
- package/Drawer/Drawer.js +1 -0
- package/Drawer/Drawer.js.map +1 -0
- package/Drawer/index.js +1 -0
- package/Drawer/index.js.map +1 -0
- package/DropdownMenu/DropdownMenu.d.ts +20 -22
- package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/DropdownMenu/DropdownMenu.js +230 -141
- package/DropdownMenu/DropdownMenu.js.map +1 -0
- package/DropdownMenu/index.js +17 -14
- package/DropdownMenu/index.js.map +1 -0
- package/Dropzone/Dropzone.js +1 -0
- package/Dropzone/Dropzone.js.map +1 -0
- package/Dropzone/Dropzone.types.js +1 -0
- package/Dropzone/Dropzone.types.js.map +1 -0
- package/Dropzone/DropzoneFilePreview.js +1 -0
- package/Dropzone/DropzoneFilePreview.js.map +1 -0
- package/Dropzone/DropzoneSinglePickPreview.js +1 -0
- package/Dropzone/DropzoneSinglePickPreview.js.map +1 -0
- package/Dropzone/DropzoneUtils.js +1 -0
- package/Dropzone/DropzoneUtils.js.map +1 -0
- package/Dropzone/index.js +1 -0
- package/Dropzone/index.js.map +1 -0
- package/Form/Form.d.ts +8 -7
- package/Form/Form.d.ts.map +1 -1
- package/Form/Form.js +74 -69
- package/Form/Form.js.map +1 -0
- package/Form/FormRenderControl.d.ts +1 -1
- package/Form/FormRenderControl.d.ts.map +1 -1
- package/Form/FormRenderControl.js +1 -0
- package/Form/FormRenderControl.js.map +1 -0
- package/Form/FormRenderControl.types.d.ts +5 -5
- package/Form/FormRenderControl.types.d.ts.map +1 -1
- package/Form/FormRenderControl.types.js +1 -0
- package/Form/FormRenderControl.types.js.map +1 -0
- package/Form/Form_old.d.ts +24 -0
- package/Form/Form_old.d.ts.map +1 -0
- package/Form/Form_old.js +99 -0
- package/Form/Form_old.js.map +1 -0
- package/Form/index.js +1 -0
- package/Form/index.js.map +1 -0
- package/FormCheckbox/FormCheckbox.js +1 -0
- package/FormCheckbox/FormCheckbox.js.map +1 -0
- package/FormCheckbox/FormCheckbox.types.js +1 -0
- package/FormCheckbox/FormCheckbox.types.js.map +1 -0
- package/FormCheckbox/index.js +1 -0
- package/FormCheckbox/index.js.map +1 -0
- package/FormCombobox/FormCombobox.js +1 -0
- package/FormCombobox/FormCombobox.js.map +1 -0
- package/FormCombobox/FormCombobox.types.js +1 -0
- package/FormCombobox/FormCombobox.types.js.map +1 -0
- package/FormCombobox/index.js +1 -0
- package/FormCombobox/index.js.map +1 -0
- package/FormDatePicker/FormDatePicker.js +1 -0
- package/FormDatePicker/FormDatePicker.js.map +1 -0
- package/FormDatePicker/FormDatePicker.types.js +1 -0
- package/FormDatePicker/FormDatePicker.types.js.map +1 -0
- package/FormDatePicker/index.js +1 -0
- package/FormDatePicker/index.js.map +1 -0
- package/FormDropzone/FormDropzone.js +1 -0
- package/FormDropzone/FormDropzone.js.map +1 -0
- package/FormDropzone/FormDropzone.types.js +1 -0
- package/FormDropzone/FormDropzone.types.js.map +1 -0
- package/FormDropzone/index.js +1 -0
- package/FormDropzone/index.js.map +1 -0
- package/FormInput/FormInput.js +1 -0
- package/FormInput/FormInput.js.map +1 -0
- package/FormInput/FormInput.types.js +1 -0
- package/FormInput/FormInput.types.js.map +1 -0
- package/FormInput/index.js +1 -0
- package/FormInput/index.js.map +1 -0
- package/FormRadio/FormRadio.js +1 -0
- package/FormRadio/FormRadio.js.map +1 -0
- package/FormRadio/FormRadio.types.js +1 -0
- package/FormRadio/FormRadio.types.js.map +1 -0
- package/FormRadio/index.js +1 -0
- package/FormRadio/index.js.map +1 -0
- package/FormSelect/FormSelect.js +6 -3
- package/FormSelect/FormSelect.js.map +1 -0
- package/FormSelect/FormSelect.types.js +1 -0
- package/FormSelect/FormSelect.types.js.map +1 -0
- package/FormSelect/index.js +1 -0
- package/FormSelect/index.js.map +1 -0
- package/FormTextarea/FormTextarea.js +1 -0
- package/FormTextarea/FormTextarea.js.map +1 -0
- package/FormTextarea/FormTextarea.types.js +1 -0
- package/FormTextarea/FormTextarea.types.js.map +1 -0
- package/FormTextarea/index.js +1 -0
- package/FormTextarea/index.js.map +1 -0
- package/Header/Header.js +1 -0
- package/Header/Header.js.map +1 -0
- package/Header/Header.types.js +1 -0
- package/Header/Header.types.js.map +1 -0
- package/Header/index.js +1 -0
- package/Header/index.js.map +1 -0
- package/HoverCard/HoverCard.js +1 -0
- package/HoverCard/HoverCard.js.map +1 -0
- package/HoverCard/index.js +1 -0
- package/HoverCard/index.js.map +1 -0
- package/Input/Input.js +1 -0
- package/Input/Input.js.map +1 -0
- package/Input/Input.types.js +1 -0
- package/Input/Input.types.js.map +1 -0
- package/Input/index.js +1 -0
- package/Input/index.js.map +1 -0
- package/Input/inputVariants.js +1 -0
- package/Input/inputVariants.js.map +1 -0
- package/InputOTP/InputOTP.js +1 -0
- package/InputOTP/InputOTP.js.map +1 -0
- package/InputOTP/index.js +1 -0
- package/InputOTP/index.js.map +1 -0
- package/Label/Label.d.ts +5 -5
- package/Label/Label.d.ts.map +1 -1
- package/Label/Label.js +21 -15
- package/Label/Label.js.map +1 -0
- package/Label/index.js +7 -4
- package/Label/index.js.map +1 -0
- package/Label/labelVariants.d.ts.map +1 -1
- package/Label/labelVariants.js +5 -3
- package/Label/labelVariants.js.map +1 -0
- package/LazyLoader/LazyLoader.js +1 -0
- package/LazyLoader/LazyLoader.js.map +1 -0
- package/LazyLoader/index.js +1 -0
- package/LazyLoader/index.js.map +1 -0
- package/LoadedIcon/LoadedIcon.js +1 -0
- package/LoadedIcon/LoadedIcon.js.map +1 -0
- package/LoadedIcon/index.js +1 -0
- package/LoadedIcon/index.js.map +1 -0
- package/LoadingMask/LoadingMask.js +1 -0
- package/LoadingMask/LoadingMask.js.map +1 -0
- package/LoadingMask/LoadingMask.types.js +1 -0
- package/LoadingMask/LoadingMask.types.js.map +1 -0
- package/LoadingMask/RenderLoadingMask.js +1 -0
- package/LoadingMask/RenderLoadingMask.js.map +1 -0
- package/LoadingMask/index.js +1 -0
- package/LoadingMask/index.js.map +1 -0
- package/LoadingProgress/LoadingProgress.js +1 -0
- package/LoadingProgress/LoadingProgress.js.map +1 -0
- package/LoadingProgress/LoadingProgress.types.js +1 -0
- package/LoadingProgress/LoadingProgress.types.js.map +1 -0
- package/LoadingProgress/index.js +1 -0
- package/LoadingProgress/index.js.map +1 -0
- package/LoadingProgress/loadingProgressVariants.js +1 -0
- package/LoadingProgress/loadingProgressVariants.js.map +1 -0
- package/Menubar/Menubar.js +1 -0
- package/Menubar/Menubar.js.map +1 -0
- package/Menubar/index.js +1 -0
- package/Menubar/index.js.map +1 -0
- package/NavigationMenu/NavigationMenu.js +1 -0
- package/NavigationMenu/NavigationMenu.js.map +1 -0
- package/NavigationMenu/index.js +1 -0
- package/NavigationMenu/index.js.map +1 -0
- package/NavigationMenu/navigationMenuVariants.js +1 -0
- package/NavigationMenu/navigationMenuVariants.js.map +1 -0
- package/Pagination/Pagination.js +1 -0
- package/Pagination/Pagination.js.map +1 -0
- package/Pagination/index.js +1 -0
- package/Pagination/index.js.map +1 -0
- package/Popover/Popover.d.ts +7 -7
- package/Popover/Popover.d.ts.map +1 -1
- package/Popover/Popover.js +44 -28
- package/Popover/Popover.js.map +1 -0
- package/Popover/index.js +6 -3
- package/Popover/index.js.map +1 -0
- package/Progress/Progress.d.ts +2 -2
- package/Progress/Progress.d.ts.map +1 -1
- package/Progress/Progress.js +28 -24
- package/Progress/Progress.js.map +1 -0
- package/Progress/index.js +5 -2
- package/Progress/index.js.map +1 -0
- package/Radio/Radio.js +1 -0
- package/Radio/Radio.js.map +1 -0
- package/Radio/Radio.types.js +1 -0
- package/Radio/Radio.types.js.map +1 -0
- package/Radio/index.js +1 -0
- package/Radio/index.js.map +1 -0
- package/RadioGroup/RadioGroup.js +1 -0
- package/RadioGroup/RadioGroup.js.map +1 -0
- package/RadioGroup/index.js +1 -0
- package/RadioGroup/index.js.map +1 -0
- package/Resizable/Resizable.js +1 -0
- package/Resizable/Resizable.js.map +1 -0
- package/Resizable/index.js +1 -0
- package/Resizable/index.js.map +1 -0
- package/ScrollArea/ScrollArea.d.ts +5 -5
- package/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/ScrollArea/ScrollArea.js +60 -49
- package/ScrollArea/ScrollArea.js.map +1 -0
- package/ScrollArea/index.js +5 -2
- package/ScrollArea/index.js.map +1 -0
- package/Search/Search.js +1 -0
- package/Search/Search.js.map +1 -0
- package/Search/Search.types.js +1 -0
- package/Search/Search.types.js.map +1 -0
- package/Search/index.js +1 -0
- package/Search/index.js.map +1 -0
- package/Select/Select.d.ts.map +1 -1
- package/Select/Select.js +47 -45
- package/Select/Select.js.map +1 -0
- package/Select/Select.stories.js +1 -0
- package/Select/Select.stories.js.map +1 -0
- package/Select/Select.types.d.ts +3 -0
- package/Select/Select.types.d.ts.map +1 -1
- package/Select/Select.types.js +1 -0
- package/Select/Select.types.js.map +1 -0
- package/Select/SelectRoot.d.ts +15 -13
- package/Select/SelectRoot.d.ts.map +1 -1
- package/Select/SelectRoot.js +172 -120
- package/Select/SelectRoot.js.map +1 -0
- package/Select/index.js +14 -11
- package/Select/index.js.map +1 -0
- package/Separator/Separator.d.ts +1 -1
- package/Separator/Separator.d.ts.map +1 -1
- package/Separator/Separator.js +20 -16
- package/Separator/Separator.js.map +1 -0
- package/Separator/index.js +1 -0
- package/Separator/index.js.map +1 -0
- package/Sheet/Sheet.js +1 -0
- package/Sheet/Sheet.js.map +1 -0
- package/Sheet/index.js +1 -0
- package/Sheet/index.js.map +1 -0
- package/Sidebar/Sidebar.d.ts +1 -1
- package/Sidebar/Sidebar.d.ts.map +1 -1
- package/Sidebar/Sidebar.js +124 -120
- package/Sidebar/Sidebar.js.map +1 -0
- package/Sidebar/index.js +1 -0
- package/Sidebar/index.js.map +1 -0
- package/Skeleton/Skeleton.js +1 -0
- package/Skeleton/Skeleton.js.map +1 -0
- package/Skeleton/index.js +1 -0
- package/Skeleton/index.js.map +1 -0
- package/Slider/Slider.js +1 -0
- package/Slider/Slider.js.map +1 -0
- package/Slider/index.js +1 -0
- package/Slider/index.js.map +1 -0
- package/Sonner/Sonner.js +1 -0
- package/Sonner/Sonner.js.map +1 -0
- package/Sonner/index.js +1 -0
- package/Sonner/index.js.map +1 -0
- package/Switch/Switch.d.ts +2 -2
- package/Switch/Switch.d.ts.map +1 -1
- package/Switch/Switch.js +30 -25
- package/Switch/Switch.js.map +1 -0
- package/Switch/index.js +1 -0
- package/Switch/index.js.map +1 -0
- package/Table/Table.js +1 -0
- package/Table/Table.js.map +1 -0
- package/Table/index.js +1 -0
- package/Table/index.js.map +1 -0
- package/TablePagination/TablePagination.js +16 -13
- package/TablePagination/TablePagination.js.map +1 -0
- package/TablePagination/index.js +1 -0
- package/TablePagination/index.js.map +1 -0
- package/Tabs/Tabs.js +1 -0
- package/Tabs/Tabs.js.map +1 -0
- package/Tabs/Tabs.types.js +1 -0
- package/Tabs/Tabs.types.js.map +1 -0
- package/Tabs/TabsRoot.js +1 -0
- package/Tabs/TabsRoot.js.map +1 -0
- package/Tabs/index.js +1 -0
- package/Tabs/index.js.map +1 -0
- package/Textarea/Textarea.js +1 -0
- package/Textarea/Textarea.js.map +1 -0
- package/Textarea/Textarea.types.js +1 -0
- package/Textarea/Textarea.types.js.map +1 -0
- package/Textarea/index.js +1 -0
- package/Textarea/index.js.map +1 -0
- package/Textarea/useAutosizeTextArea.js +1 -0
- package/Textarea/useAutosizeTextArea.js.map +1 -0
- package/Theme/ThemeModeToggle.js +1 -0
- package/Theme/ThemeModeToggle.js.map +1 -0
- package/Theme/ThemeProvider.js +1 -0
- package/Theme/ThemeProvider.js.map +1 -0
- package/Theme/index.js +1 -0
- package/Theme/index.js.map +1 -0
- package/Toast/Toast.js +1 -0
- package/Toast/Toast.js.map +1 -0
- package/Toast/Toast.types.js +1 -0
- package/Toast/Toast.types.js.map +1 -0
- package/Toast/index.js +1 -0
- package/Toast/index.js.map +1 -0
- package/Toast/toast.constants.js +1 -0
- package/Toast/toast.constants.js.map +1 -0
- package/Toast/toastVariants.js +1 -0
- package/Toast/toastVariants.js.map +1 -0
- package/Toast/useToast.js +1 -0
- package/Toast/useToast.js.map +1 -0
- package/Toaster/Toaster.js +1 -0
- package/Toaster/Toaster.js.map +1 -0
- package/Toaster/index.js +1 -0
- package/Toaster/index.js.map +1 -0
- package/Toggle/Toggle.js +1 -0
- package/Toggle/Toggle.js.map +1 -0
- package/Toggle/index.js +1 -0
- package/Toggle/index.js.map +1 -0
- package/ToggleGroup/ToggleGroup.js +1 -0
- package/ToggleGroup/ToggleGroup.js.map +1 -0
- package/ToggleGroup/index.js +1 -0
- package/ToggleGroup/index.js.map +1 -0
- package/Tooltip/Tooltip.d.ts +3 -2
- package/Tooltip/Tooltip.d.ts.map +1 -1
- package/Tooltip/Tooltip.js +57 -9
- package/Tooltip/Tooltip.js.map +1 -0
- package/Tooltip/Tooltip.types.d.ts +5 -3
- package/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/Tooltip/Tooltip.types.js +1 -0
- package/Tooltip/Tooltip.types.js.map +1 -0
- package/Tooltip/TooltipRoot.d.ts +7 -5
- package/Tooltip/TooltipRoot.d.ts.map +1 -1
- package/Tooltip/TooltipRoot.js +50 -20
- package/Tooltip/TooltipRoot.js.map +1 -0
- package/Tooltip/index.js +9 -5
- package/Tooltip/index.js.map +1 -0
- package/index.js +391 -371
- package/index.js.map +1 -0
- package/package.json +16 -17
- package/hooks/dist/useIsMobile/useIsMobile.js +0 -16
- package/src/styles.css +0 -136
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Checkbox/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sources":["../../src/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\"\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAIA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}
|
package/Collapsible/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Combobox/Combobox.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
1
|
import { ComboboxProps } from './Combobox.types';
|
|
3
|
-
export declare const Combobox:
|
|
2
|
+
export declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
4
3
|
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,QAAQ,0GA+OpB,CAAC"}
|
package/Combobox/Combobox.js
CHANGED
|
@@ -1,163 +1,172 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { LoadingMask as
|
|
1
|
+
import { jsx as t, jsxs as i, Fragment as T } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as Y, useRef as Z, useState as c, useCallback as p, useEffect as $, useMemo as S, useLayoutEffect as ee } from "react";
|
|
3
|
+
import { LoadingMask as te } from "../LoadingMask/LoadingMask.js";
|
|
4
4
|
import "../LoadingMask/RenderLoadingMask.js";
|
|
5
|
-
import { Popover as
|
|
6
|
-
import { Button as
|
|
5
|
+
import { Popover as oe, PopoverTrigger as ne, PopoverContent as re } from "../Popover/Popover.js";
|
|
6
|
+
import { Button as ae } from "../Button/Button.js";
|
|
7
7
|
import "../Button/buttonVariants.js";
|
|
8
|
-
import { Command as
|
|
9
|
-
import { cn as
|
|
10
|
-
import { useDebounceCallback as
|
|
11
|
-
import { X as
|
|
12
|
-
import { ComboboxOptions as
|
|
13
|
-
const
|
|
14
|
-
(
|
|
8
|
+
import { Command as se, CommandInput as le, CommandList as ie, CommandGroup as ce, CommandEmpty as A, CommandItem as pe } from "../Command/Command.js";
|
|
9
|
+
import { cn as P } from "@oneplatformdev/utils";
|
|
10
|
+
import { useDebounceCallback as me } from "@oneplatformdev/hooks";
|
|
11
|
+
import { X as de, ChevronsUpDown as ue } from "lucide-react";
|
|
12
|
+
import { ComboboxOptions as he } from "./ComboboxOptions.js";
|
|
13
|
+
const Pe = Y(
|
|
14
|
+
(F, I) => {
|
|
15
15
|
const {
|
|
16
|
-
value:
|
|
17
|
-
onChange:
|
|
18
|
-
placeholder:
|
|
19
|
-
disabled:
|
|
20
|
-
searchLabel:
|
|
21
|
-
fetchOptions:
|
|
22
|
-
options:
|
|
23
|
-
emptyLabel:
|
|
24
|
-
emptyAction:
|
|
25
|
-
commandInputAction:
|
|
26
|
-
listHeadAction:
|
|
27
|
-
onMount:
|
|
28
|
-
} =
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
16
|
+
value: u,
|
|
17
|
+
onChange: z,
|
|
18
|
+
placeholder: G,
|
|
19
|
+
disabled: R,
|
|
20
|
+
searchLabel: U = "Type to search...",
|
|
21
|
+
fetchOptions: _,
|
|
22
|
+
options: b,
|
|
23
|
+
emptyLabel: k = "No options",
|
|
24
|
+
emptyAction: h,
|
|
25
|
+
commandInputAction: y,
|
|
26
|
+
listHeadAction: f,
|
|
27
|
+
onMount: C
|
|
28
|
+
} = F, x = Z(!1), [a, v] = c(!1), [r, w] = c(""), [O, N] = c(), [o, s] = c(!1), [n, q] = c([]), [H, V] = c([]), L = p((e) => {
|
|
29
|
+
const d = (g) => {
|
|
30
|
+
const l = g.map((D) => [D, ...(D.items || []).flat()]).flat();
|
|
31
|
+
V(l);
|
|
32
|
+
};
|
|
33
|
+
q((g) => {
|
|
34
|
+
let l = g;
|
|
35
|
+
return typeof e == "function" ? l = e(g) : l = e, d(l), l;
|
|
36
|
+
});
|
|
37
|
+
}, []);
|
|
38
|
+
$(() => {
|
|
39
|
+
b?.length && L(b);
|
|
40
|
+
}, [b]);
|
|
41
|
+
const W = async () => {
|
|
42
|
+
a || (E(), w(""));
|
|
43
|
+
}, E = p(async (e) => {
|
|
35
44
|
s(!0);
|
|
36
45
|
try {
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
} catch (
|
|
40
|
-
console.error("Unexpected error while get option:",
|
|
46
|
+
const d = await _(e);
|
|
47
|
+
L(d);
|
|
48
|
+
} catch (d) {
|
|
49
|
+
console.error("Unexpected error while get option:", d);
|
|
41
50
|
} finally {
|
|
42
51
|
s(!1);
|
|
43
52
|
}
|
|
44
|
-
}, []),
|
|
53
|
+
}, []), X = me(E, 1e3, {
|
|
45
54
|
leading: !1,
|
|
46
55
|
trailing: !0
|
|
47
|
-
}),
|
|
48
|
-
s(!0),
|
|
49
|
-
}, []),
|
|
50
|
-
|
|
51
|
-
}, []),
|
|
52
|
-
|
|
53
|
-
}, []),
|
|
54
|
-
options:
|
|
55
|
-
setOptions:
|
|
56
|
-
selectedOption:
|
|
57
|
-
setSelectedOption:
|
|
56
|
+
}), J = p((e) => {
|
|
57
|
+
s(!0), w(e), X(e);
|
|
58
|
+
}, []), M = p((e) => {
|
|
59
|
+
z(e.value), N(e), s(!1);
|
|
60
|
+
}, []), K = p(() => {
|
|
61
|
+
M({ value: "", label: "" }), N(void 0), s(!1);
|
|
62
|
+
}, []), j = S(() => !!r && !n.length && !o, [o, n.length, r]), B = S(() => !n.length && !o, [o, n.length, r]), m = S(() => ({
|
|
63
|
+
options: n,
|
|
64
|
+
setOptions: L,
|
|
65
|
+
selectedOption: O,
|
|
66
|
+
setSelectedOption: N,
|
|
58
67
|
search: r || "",
|
|
59
|
-
setSearch:
|
|
68
|
+
setSearch: w,
|
|
60
69
|
open: a,
|
|
61
|
-
setOpen:
|
|
62
|
-
loading:
|
|
70
|
+
setOpen: v,
|
|
71
|
+
loading: o,
|
|
63
72
|
setLoading: s,
|
|
64
|
-
isEmptyList:
|
|
65
|
-
isSearchedEmptyList:
|
|
66
|
-
}), [
|
|
67
|
-
if (!
|
|
68
|
-
|
|
73
|
+
isEmptyList: B,
|
|
74
|
+
isSearchedEmptyList: j
|
|
75
|
+
}), [o, a, n, r, O, B, j]), Q = p(() => {
|
|
76
|
+
if (!C) {
|
|
77
|
+
x.current = !0;
|
|
69
78
|
return;
|
|
70
79
|
}
|
|
71
|
-
|
|
72
|
-
|
|
80
|
+
C(m).finally(() => {
|
|
81
|
+
x.current = !0;
|
|
73
82
|
});
|
|
74
|
-
}, [
|
|
75
|
-
return
|
|
76
|
-
|
|
77
|
-
}), []), /* @__PURE__ */
|
|
78
|
-
|
|
83
|
+
}, [m, C]);
|
|
84
|
+
return ee(() => (Q(), () => {
|
|
85
|
+
x.current = !1;
|
|
86
|
+
}), []), /* @__PURE__ */ t("div", { className: "w-full", ref: I, children: /* @__PURE__ */ i(
|
|
87
|
+
oe,
|
|
79
88
|
{
|
|
80
89
|
open: a,
|
|
81
|
-
onOpenChange: (
|
|
82
|
-
|
|
90
|
+
onOpenChange: (e) => {
|
|
91
|
+
v(e), e && W();
|
|
83
92
|
},
|
|
84
93
|
children: [
|
|
85
|
-
/* @__PURE__ */
|
|
86
|
-
|
|
94
|
+
/* @__PURE__ */ t(ne, { asChild: !0, className: "border-input", children: /* @__PURE__ */ i(
|
|
95
|
+
ae,
|
|
87
96
|
{
|
|
88
97
|
variant: "outline",
|
|
89
98
|
role: "combobox",
|
|
90
99
|
size: "lg",
|
|
91
100
|
"aria-expanded": a,
|
|
92
|
-
className:
|
|
101
|
+
className: P(
|
|
93
102
|
"w-full justify-between font-normal text-sm bg-transparent relative p-3",
|
|
94
103
|
"border border-border",
|
|
95
104
|
a && "border-2 outline-hidden ring-1 ring-ring",
|
|
96
105
|
"focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring"
|
|
97
106
|
),
|
|
98
|
-
disabled:
|
|
107
|
+
disabled: R,
|
|
99
108
|
children: [
|
|
100
|
-
/* @__PURE__ */
|
|
101
|
-
|
|
109
|
+
/* @__PURE__ */ t("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: u ? H.find((e) => e.value === u)?.label || O?.label : /* @__PURE__ */ t("span", { className: "text-gray-400", children: G }) }),
|
|
110
|
+
u ? /* @__PURE__ */ t(
|
|
102
111
|
"div",
|
|
103
112
|
{
|
|
104
|
-
className:
|
|
113
|
+
className: P(
|
|
105
114
|
"absolute top-0 right-1",
|
|
106
115
|
"flex items-center justify-center",
|
|
107
116
|
"w-9 aspect-square [&_svg]:size-5",
|
|
108
117
|
"opacity-50 cursor-pointer hover:opacity-100"
|
|
109
118
|
),
|
|
110
|
-
onClick: (
|
|
111
|
-
|
|
119
|
+
onClick: (e) => {
|
|
120
|
+
e.stopPropagation(), K();
|
|
112
121
|
},
|
|
113
|
-
children: /* @__PURE__ */
|
|
122
|
+
children: /* @__PURE__ */ t(de, {})
|
|
114
123
|
}
|
|
115
|
-
) : /* @__PURE__ */
|
|
124
|
+
) : /* @__PURE__ */ t(ue, { className: "opacity-50 w-4 h-4" })
|
|
116
125
|
]
|
|
117
126
|
}
|
|
118
127
|
) }),
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
|
|
128
|
+
/* @__PURE__ */ t(
|
|
129
|
+
re,
|
|
121
130
|
{
|
|
122
131
|
className: "w-(--radix-popper-anchor-width) max-w-none p-0",
|
|
123
132
|
align: "start",
|
|
124
|
-
children: /* @__PURE__ */
|
|
125
|
-
/* @__PURE__ */
|
|
126
|
-
|
|
133
|
+
children: /* @__PURE__ */ i(se, { shouldFilter: !1, children: [
|
|
134
|
+
/* @__PURE__ */ t(
|
|
135
|
+
le,
|
|
127
136
|
{
|
|
128
|
-
placeholder:
|
|
137
|
+
placeholder: U,
|
|
129
138
|
value: r,
|
|
130
|
-
onValueChange:
|
|
139
|
+
onValueChange: J
|
|
131
140
|
}
|
|
132
141
|
),
|
|
133
|
-
typeof
|
|
134
|
-
/* @__PURE__ */
|
|
135
|
-
|
|
142
|
+
typeof y == "function" ? y(m) : y,
|
|
143
|
+
/* @__PURE__ */ t(ie, { children: /* @__PURE__ */ i(
|
|
144
|
+
ce,
|
|
136
145
|
{
|
|
137
|
-
className:
|
|
146
|
+
className: P(!n.length && "p-0 shadow-none"),
|
|
138
147
|
children: [
|
|
139
|
-
|
|
140
|
-
!
|
|
141
|
-
/* @__PURE__ */
|
|
142
|
-
typeof
|
|
143
|
-
] }) : /* @__PURE__ */
|
|
144
|
-
!
|
|
145
|
-
!!
|
|
146
|
-
|
|
148
|
+
o && /* @__PURE__ */ t(te, { fullWidth: !0 }),
|
|
149
|
+
!o && !!r && /* @__PURE__ */ t(T, { children: h ? /* @__PURE__ */ i(A, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
|
|
150
|
+
/* @__PURE__ */ t("span", { children: k }),
|
|
151
|
+
typeof h == "function" ? h(m) : h
|
|
152
|
+
] }) : /* @__PURE__ */ t(A, { children: k }) }),
|
|
153
|
+
!o && /* @__PURE__ */ i(T, { children: [
|
|
154
|
+
!!n.length && f && /* @__PURE__ */ t(
|
|
155
|
+
pe,
|
|
147
156
|
{
|
|
148
157
|
asChild: !0,
|
|
149
158
|
className: "w-full",
|
|
150
|
-
children: typeof
|
|
159
|
+
children: typeof f == "function" ? f(m) : f
|
|
151
160
|
},
|
|
152
161
|
"combobox-list-head-action"
|
|
153
162
|
),
|
|
154
|
-
/* @__PURE__ */
|
|
155
|
-
|
|
163
|
+
/* @__PURE__ */ t(
|
|
164
|
+
he,
|
|
156
165
|
{
|
|
157
|
-
value:
|
|
158
|
-
options:
|
|
159
|
-
onChangeOption:
|
|
160
|
-
setOpen:
|
|
166
|
+
value: u,
|
|
167
|
+
options: n,
|
|
168
|
+
onChangeOption: M,
|
|
169
|
+
setOpen: v
|
|
161
170
|
}
|
|
162
171
|
)
|
|
163
172
|
] })
|
|
@@ -173,5 +182,6 @@ const xe = W(
|
|
|
173
182
|
}
|
|
174
183
|
);
|
|
175
184
|
export {
|
|
176
|
-
|
|
185
|
+
Pe as Combobox
|
|
177
186
|
};
|
|
187
|
+
//# sourceMappingURL=Combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n Dispatch,\n forwardRef, SetStateAction,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n ComboboxCallbackStateParams,\n ComboboxOption,\n ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n (props, ref) => {\n const {\n value,\n onChange,\n placeholder,\n disabled,\n searchLabel = 'Type to search...',\n fetchOptions,\n options: itemOptions,\n emptyLabel = 'No options',\n emptyAction,\n commandInputAction,\n listHeadAction,\n onMount,\n } = props;\n const isMounted = useRef(false);\n const [open, setOpen] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n const [loading, setLoading] = useState(false);\n\n const [options, _setOptions] = useState<ComboboxOption[]>([]);\n const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n const flatten = (next: ComboboxOption[]) => {\n const res = next.map(o => [o, ...(o.items || []).flat()]).flat();\n setFlattenOptions(res);\n }\n _setOptions((prev) => {\n let next: ComboboxOption[] = prev;\n if(typeof stater === 'function') next = stater(prev)\n else next = stater;\n flatten(next);\n return next;\n });\n }, [])\n\n useEffect(() => {\n itemOptions?.length && setOptions(itemOptions);\n }, [itemOptions]);\n\n const handlePopoverOpen = async () => {\n if (!open) {\n getData();\n setSearchTerm('');\n }\n };\n\n const getData = useCallback(async (search?: string) => {\n setLoading(true);\n try {\n const fetchedOptions = await fetchOptions(search);\n setOptions(fetchedOptions);\n } catch (error) {\n console.error('Unexpected error while get option:', error);\n } finally {\n setLoading(false);\n }\n }, []);\n\n const debouncedGetData = useDebounceCallback(getData, 1000, {\n leading: false,\n trailing: true,\n });\n\n const handleSearchChange = useCallback((value: string) => {\n setLoading(true);\n setSearchTerm(value);\n debouncedGetData(value);\n }, []);\n\n const onChangeOption = useCallback((option: ComboboxOption) => {\n onChange(option.value);\n setSelectedOption(option);\n setLoading(false);\n }, []);\n\n const handleClearSelection = useCallback(() => {\n onChangeOption({ value: '', label: '' });\n setSelectedOption(undefined);\n setLoading(false);\n }, []);\n\n const isSearchedEmptyList = useMemo(() => {\n return Boolean(searchTerm) && !options.length && !loading;\n }, [loading, options.length, searchTerm])\n\n const isEmptyList = useMemo(() => {\n return !options.length && !loading;\n }, [loading, options.length, searchTerm])\n\n const comboboxCallbackStateParams =\n useMemo((): ComboboxCallbackStateParams => {\n return {\n options,\n setOptions,\n selectedOption,\n setSelectedOption,\n search: searchTerm || '',\n setSearch: setSearchTerm,\n open,\n setOpen,\n loading,\n setLoading,\n isEmptyList,\n isSearchedEmptyList,\n };\n }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList]);\n\n const runOnMount = useCallback(() => {\n if (!onMount) {\n isMounted.current = true;\n return;\n }\n onMount(comboboxCallbackStateParams).finally(() => {\n isMounted.current = true;\n });\n }, [comboboxCallbackStateParams, onMount]);\n\n useLayoutEffect(() => {\n runOnMount();\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n return (\n <div className=\"w-full\" ref={ref}>\n <Popover\n open={open}\n onOpenChange={(newOpen) => {\n setOpen(newOpen);\n if (newOpen) handlePopoverOpen();\n }}\n >\n <PopoverTrigger asChild className=\"border-input\">\n <Button\n variant=\"outline\"\n role=\"combobox\"\n size=\"lg\"\n aria-expanded={open}\n className={cn(\n 'w-full justify-between font-normal text-sm bg-transparent relative p-3',\n 'border border-border',\n open && 'border-2 outline-hidden ring-1 ring-ring',\n 'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n )}\n disabled={disabled}\n >\n <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n {value ? (\n flattenOptions.find((option) => option.value === value)?.label ||\n selectedOption?.label\n ) : (\n <span className=\"text-gray-400\">{placeholder}</span>\n )}\n </span>\n {value ? (\n <div\n className={cn(\n 'absolute top-0 right-1',\n 'flex items-center justify-center',\n 'w-9 aspect-square [&_svg]:size-5',\n 'opacity-50 cursor-pointer hover:opacity-100'\n )}\n onClick={(e) => {\n e.stopPropagation();\n handleClearSelection();\n }}\n >\n <X />\n </div>\n ) : (\n <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n )}\n </Button>\n </PopoverTrigger>\n <PopoverContent\n className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n align=\"start\"\n >\n <Command shouldFilter={false}>\n <CommandInput\n placeholder={searchLabel}\n value={searchTerm}\n onValueChange={handleSearchChange}\n />\n {typeof commandInputAction === 'function'\n ? commandInputAction(comboboxCallbackStateParams)\n : commandInputAction}\n <CommandList>\n <CommandGroup\n className={cn(!options.length && 'p-0 shadow-none')}\n >\n {loading && <LoadingMask fullWidth />}\n {!loading && Boolean(searchTerm) && (\n <>\n {emptyAction ? (\n <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n <span>{emptyLabel}</span>\n {typeof emptyAction === 'function'\n ? emptyAction(comboboxCallbackStateParams)\n : emptyAction}\n </CommandEmpty>\n ) : (\n <CommandEmpty>{emptyLabel}</CommandEmpty>\n )}\n </>\n )}\n {!loading && (\n <>\n {Boolean(options.length) && listHeadAction && (\n <CommandItem\n key='combobox-list-head-action'\n asChild\n className='w-full'\n >\n {typeof listHeadAction === 'function'\n ? listHeadAction(comboboxCallbackStateParams)\n : listHeadAction}\n </CommandItem>\n )}\n <ComboboxOptions\n value={value}\n options={options}\n onChangeOption={onChangeOption}\n setOpen={setOpen}\n />\n </>\n )}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n </div>\n );\n }\n);\n"],"names":["Combobox","forwardRef","props","ref","value","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","isMounted","useRef","open","setOpen","useState","searchTerm","setSearchTerm","selectedOption","setSelectedOption","loading","setLoading","options","_setOptions","flattenOptions","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","o","prev","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","LoadingMask","CommandEmpty","Fragment","CommandItem","ComboboxOptions"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxOptionItem.js","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"sourcesContent":["import { forwardRef, PropsWithChildren } from 'react';\nimport { CommandItem } from '../Command';\nimport { IComboboxOptionsNodeProps } from './Combobox.types';\nimport { Check } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nconst DEEP_OFFSET = 8;\n\nexport const ComboboxOptionItem = forwardRef<\n HTMLDivElement,\n PropsWithChildren<IComboboxOptionsNodeProps>\n>((props, ref) => {\n const { children, setOpen, option, onChangeOption, value = '', deep = 0 } = props;\n return (\n <CommandItem\n ref={ref}\n key={option.value}\n value={option.value}\n onSelect={() => {\n if (value === option.value) {\n onChangeOption?.({ value: '', label: '' });\n } else {\n onChangeOption?.(option);\n }\n setOpen(false);\n }}\n style={{\n paddingLeft: (deep + 1) * DEEP_OFFSET,\n }}\n >\n {children}\n <span\n className={cn(\n 'overflow-hidden whitespace-wrap text-ellipsis line-clamp-2'\n )}\n >\n {option.label}\n </span>\n <Check\n className={cn(\n 'ml-auto',\n value === option.value ? 'opacity-100' : 'opacity-0'\n )}\n />\n </CommandItem>\n );\n});\n"],"names":["DEEP_OFFSET","ComboboxOptionItem","forwardRef","props","ref","children","setOpen","option","onChangeOption","value","deep","jsxs","CommandItem","jsx","cn","Check"],"mappings":";;;;;AAMA,MAAMA,IAAc,GAEPC,IAAqBC,EAGhC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,gBAAAC,GAAgB,OAAAC,IAAQ,IAAI,MAAAC,IAAO,EAAA,IAAMP;AAC5E,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MAEA,OAAOG,EAAO;AAAA,MACd,UAAU,MAAM;AACd,QAAIE,MAAUF,EAAO,QACnBC,IAAiB,EAAE,OAAO,IAAI,OAAO,IAAI,IAEzCA,IAAiBD,CAAM,GAEzBD,EAAQ,EAAK;AAAA,MACf;AAAA,MACA,OAAO;AAAA,QACL,cAAcI,IAAO,KAAKV;AAAA,MAAA;AAAA,MAG3B,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,YAAA;AAAA,YAGD,UAAAP,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEV,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAL,MAAUF,EAAO,QAAQ,gBAAgB;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IA3BKA,EAAO;AAAA,EAAA;AA8BlB,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ComboboxOptions.js","sources":["../../src/Combobox/ComboboxOptions.tsx"],"sourcesContent":["import {\n IComboboxOptionsNodeProps,\n IComboboxOptionsProps,\n} from './Combobox.types';\nimport { Button } from '../Button';\nimport { forwardRef, useState } from 'react';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '../Collapsible';\nimport { ComboboxOptionItem } from './ComboboxOptionItem';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const ComboboxOptionsNode = forwardRef<\n HTMLDivElement,\n IComboboxOptionsNodeProps\n>((props, ref) => {\n const { option, deep = 0 } = props;\n\n const [open, onOpenChange] = useState(true);\n\n if (!option?.items?.length) {\n return <ComboboxOptionItem {...props} ref={ref} />;\n }\n return (\n <Collapsible\n ref={ref}\n open={open}\n onOpenChange={onOpenChange}\n data-opened={open}\n className={cn('group/collapsible')}\n >\n <ComboboxOptionItem {...props}>\n <CollapsibleTrigger asChild>\n <Button\n onClick={(e) => {\n e?.preventDefault();\n e?.stopPropagation();\n onOpenChange((prev) => !prev);\n }}\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={cn('aspect-square size-6', 'transition-transform')}\n >\n <ChevronDownIcon\n className={cn(\n 'size-5!',\n 'transition-transform',\n open && 'rotate-180'\n )}\n />\n <span className=\"sr-only\">Toggle</span>\n </Button>\n </CollapsibleTrigger>\n </ComboboxOptionItem>\n\n <CollapsibleContent>\n <div className=\"flex flex-col gap-0\">\n {option?.items.map((opt) => {\n return (\n <ComboboxOptionsNode\n key={opt.value}\n {...props}\n deep={deep + 1}\n option={opt}\n />\n );\n })}\n </div>\n </CollapsibleContent>\n </Collapsible>\n );\n});\n\nexport const ComboboxOptions = forwardRef<\n HTMLDivElement,\n IComboboxOptionsProps\n>((props, ref) => {\n const { options = [], ...rest } = props;\n return (\n <div ref={ref} className=\"flex flex-col gap-0\">\n {options.map((option) => (\n <ComboboxOptionsNode key={option.value} {...rest} option={option} />\n ))}\n </div>\n );\n});\n"],"names":["ComboboxOptionsNode","forwardRef","props","ref","option","deep","open","onOpenChange","useState","jsxs","Collapsible","cn","jsx","ComboboxOptionItem","CollapsibleTrigger","Button","e","prev","ChevronDownIcon","CollapsibleContent","opt","ComboboxOptions","options","rest"],"mappings":";;;;;;;;AAeO,MAAMA,IAAsBC,EAGjC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,QAAAC,GAAQ,MAAAC,IAAO,EAAA,IAAMH,GAEvB,CAACI,GAAMC,CAAY,IAAIC,EAAS,EAAI;AAE1C,SAAKJ,GAAQ,OAAO,SAIlB,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,MAAAG;AAAA,MACA,cAAAC;AAAA,MACA,eAAaD;AAAA,MACb,WAAWK,EAAG,mBAAmB;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAoB,GAAGX,GACtB,UAAA,gBAAAU,EAACE,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAS,CAACC,MAAM;AACd,cAAAA,GAAG,eAAA,GACHA,GAAG,gBAAA,GACHT,EAAa,CAACU,MAAS,CAACA,CAAI;AAAA,YAC9B;AAAA,YACA,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAWN,EAAG,wBAAwB,sBAAsB;AAAA,YAE5D,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,WAAWP;AAAA,oBACT;AAAA,oBACA;AAAA,oBACAL,KAAQ;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA;AAAA,cAEF,gBAAAM,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,SAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEpC,EAAA,CACF;AAAA,QAEA,gBAAAA,EAACO,GAAA,EACC,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAAR,GAAQ,MAAM,IAAI,CAACgB,MAEhB,gBAAAR;AAAA,UAACZ;AAAA,UAAA;AAAA,YAEE,GAAGE;AAAA,YACJ,MAAMG,IAAO;AAAA,YACb,QAAQe;AAAA,UAAA;AAAA,UAHHA,EAAI;AAAA,QAAA,CAMd,GACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAhDK,gBAAAR,EAACC,GAAA,EAAoB,GAAGX,GAAO,KAAAC,EAAA,CAAU;AAmDpD,CAAC,GAEYkB,IAAkBpB,EAG7B,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,SAAAmB,IAAU,CAAA,GAAI,GAAGC,MAASrB;AAClC,2BACG,OAAA,EAAI,KAAAC,GAAU,WAAU,uBACtB,YAAQ,IAAI,CAACC,MACZ,gBAAAQ,EAACZ,KAAwC,GAAGuB,GAAM,QAAAnB,KAAxBA,EAAO,KAAiC,CACnE,GACH;AAEJ,CAAC;"}
|
package/Combobox/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Command/Command.d.ts
CHANGED
|
@@ -1,81 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
22
|
-
ref?: React.Ref<HTMLInputElement>;
|
|
23
|
-
} & {
|
|
24
|
-
asChild?: boolean;
|
|
25
|
-
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
|
|
26
|
-
value?: string;
|
|
27
|
-
onValueChange?: (search: string) => void;
|
|
28
|
-
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
-
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
30
|
-
children?: React.ReactNode;
|
|
31
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
32
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
33
|
-
} & {
|
|
34
|
-
asChild?: boolean;
|
|
35
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
36
|
-
label?: string;
|
|
37
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
-
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
39
|
-
children?: React.ReactNode;
|
|
40
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
41
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
42
|
-
} & {
|
|
43
|
-
asChild?: boolean;
|
|
44
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
-
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
46
|
-
children?: React.ReactNode;
|
|
47
|
-
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
48
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
49
|
-
} & {
|
|
50
|
-
asChild?: boolean;
|
|
51
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
52
|
-
heading?: React.ReactNode;
|
|
53
|
-
value?: string;
|
|
54
|
-
forceMount?: boolean;
|
|
55
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
56
|
-
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
57
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
58
|
-
} & {
|
|
59
|
-
asChild?: boolean;
|
|
60
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
61
|
-
alwaysRender?: boolean;
|
|
62
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
-
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
64
|
-
children?: React.ReactNode;
|
|
65
|
-
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
66
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
67
|
-
} & {
|
|
68
|
-
asChild?: boolean;
|
|
69
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
70
|
-
disabled?: boolean;
|
|
71
|
-
onSelect?: (value: string) => void;
|
|
72
|
-
value?: string;
|
|
73
|
-
keywords?: string[];
|
|
74
|
-
forceMount?: boolean;
|
|
75
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
-
declare const CommandShortcut: {
|
|
77
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
78
|
-
displayName: string;
|
|
79
|
-
};
|
|
80
|
-
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
|
|
1
|
+
import { Command as CommandPrimitive } from 'cmdk';
|
|
2
|
+
import { Dialog } from '../Dialog';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
|
|
6
|
+
title?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
showCloseButton?: boolean;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, CommandPrimitive };
|
|
81
19
|
//# sourceMappingURL=Command.d.ts.map
|
package/Command/Command.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/Command/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../src/Command/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAA;AAIlD,OAAO,EACL,MAAM,EAKP,MAAM,WAAW,CAAA;AAElB,iBAAS,OAAO,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAWhE;AAED,iBAAS,aAAa,CAAC,EACE,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAiBA;AAED,iBAAS,YAAY,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAiB3E;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQ3E;AAED,iBAAS,YAAY,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAW3E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQnF;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWzE;AAED,iBAAS,eAAe,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAWvD;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EACjB,CAAA"}
|