@oneplatformdev/ui 0.1.10-8 → 0.1.10-81
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.d.ts.map +1 -1
- package/AlertDialog/AlertDialog.js +23 -29
- 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 -27
- 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 +6 -3
- package/Button/buttonVariants.js.map +1 -0
- package/Button/index.js +1 -0
- package/Button/index.js.map +1 -0
- package/ButtonIcon/ButtonIcon.js +4 -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 +604 -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 +123 -109
- 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 +148 -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 +60 -65
- 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 +5 -2
- 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.d.ts +1 -1
- 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 +133 -128
- 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 +4 -2
- package/Tooltip/TooltipRoot.d.ts.map +1 -1
- package/Tooltip/TooltipRoot.js +24 -26
- 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 -18
- package/hooks/dist/useIsMobile/useIsMobile.js +0 -16
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToast.js","sources":["../../src/Toast/useToast.ts"],"sourcesContent":["// Inspired by react-hot-toast library\nimport * as React from \"react\";\n\nimport { ToasterToast, Action, State, TToast, ToasterToastVariant } from './Toast.types';\n\nconst TOAST_LIMIT = 1;\nconst TOAST_REMOVE_DELAY = 1000000;\n\nlet count = 0;\n\nfunction genId() {\n count = (count + 1) % Number.MAX_SAFE_INTEGER;\n return count.toString();\n};\n\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst addToRemoveQueue = (toastId: string) => {\n if (toastTimeouts.has(toastId)) {\n return;\n };\n\n const timeout = setTimeout(() => {\n toastTimeouts.delete(toastId);\n dispatch({\n type: \"REMOVE_TOAST\",\n toastId: toastId,\n });\n }, TOAST_REMOVE_DELAY);\n\n toastTimeouts.set(toastId, timeout);\n};\n\nexport const reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case \"ADD_TOAST\":\n return {\n ...state,\n toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n };\n\n case \"UPDATE_TOAST\":\n return {\n ...state,\n toasts: state.toasts.map((t) =>\n t.id === action.toast.id ? { ...t, ...action.toast } : t\n ),\n };\n\n case \"DISMISS_TOAST\": {\n const { toastId } = action;\n\n // ! Side effects ! - This could be extracted into a dismissToast() action,\n // but I'll keep it here for simplicity\n if (toastId) {\n addToRemoveQueue(toastId);\n } else {\n state.toasts.forEach((toast) => {\n addToRemoveQueue(toast.id);\n });\n }\n\n return {\n ...state,\n toasts: state.toasts.map((t) =>\n t.id === toastId || toastId === undefined\n ? {\n ...t,\n open: false,\n }\n : t\n ),\n };\n }\n case \"REMOVE_TOAST\":\n if (action.toastId === undefined) {\n return {\n ...state,\n toasts: [],\n };\n }\n return {\n ...state,\n toasts: state.toasts.filter((t) => t.id !== action.toastId),\n };\n }\n};\n\nconst listeners: Array<(state: State) => void> = [];\n\nlet memoryState: State = { toasts: [] };\n\nfunction dispatch(action: Action) {\n memoryState = reducer(memoryState, action);\n listeners.forEach((listener) => {\n listener(memoryState);\n });\n};\n\nexport function toast({ ...props }: TToast) {\n const id = genId();\n\n const update = (props: ToasterToast) =>\n dispatch({\n type: \"UPDATE_TOAST\",\n toast: { ...props, id },\n });\n const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id });\n\n dispatch({\n type: \"ADD_TOAST\",\n toast: {\n ...props,\n id,\n open: true,\n onOpenChange: (open: boolean) => {\n if (!open) dismiss();\n },\n },\n });\n\n return {\n id: id,\n dismiss,\n update,\n };\n};\n\nexport function useToast() {\n const [state, setState] = React.useState<State>(memoryState);\n\n React.useEffect(() => {\n listeners.push(setState);\n return () => {\n const index = listeners.indexOf(setState);\n if (index > -1) {\n listeners.splice(index, 1);\n }\n };\n }, [state]);\n\n return {\n ...state,\n toast,\n dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n };\n};\n\nexport const useNotify = () => {\n const notifyToast = (message: string, variant?: ToasterToastVariant, description?: string) => {\n toast({ title: message, variant, description: description });\n };\n\n return { notifyToast };\n};\n"],"names":["TOAST_LIMIT","TOAST_REMOVE_DELAY","count","genId","toastTimeouts","addToRemoveQueue","toastId","timeout","dispatch","reducer","state","action","t","toast","listeners","memoryState","listener","props","id","update","dismiss","open","useToast","setState","React","index","useNotify","message","variant","description"],"mappings":"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"}
|
package/Toaster/Toaster.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toaster.js","sources":["../../src/Toaster/Toaster.tsx"],"sourcesContent":["\"use client\"\n\nimport { useToast } from \"../Toast/useToast\"\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastProvider,\n ToastTitle,\n ToastViewport,\n} from \"../Toast\"\n\nexport function Toaster() {\n const { toasts } = useToast()\n\n return (\n <ToastProvider>\n {toasts.map(function ({ id, title, description, action, ...props }) {\n return (\n <Toast key={id} {...props}>\n <div className=\"grid gap-1\">\n {title && <ToastTitle>{title}</ToastTitle>}\n {description && (\n <ToastDescription>{description}</ToastDescription>\n )}\n </div>\n {action}\n <ToastClose />\n </Toast>\n )\n })}\n <ToastViewport />\n </ToastProvider>\n )\n}\n"],"names":["Toaster","toasts","useToast","ToastProvider","id","title","description","action","props","jsxs","Toast","jsx","ToastTitle","ToastDescription","ToastClose","ToastViewport"],"mappings":";;;AAYO,SAASA,IAAU;AACxB,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAF,EAAO,IAAI,SAAU,EAAE,IAAAG,GAAI,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,GAAGC,KAAS;AAClE,aACE,gBAAAC,EAACC,GAAA,EAAgB,GAAGF,GAClB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,cACZ,UAAA;AAAA,UAAAJ,KAAS,gBAAAM,EAACC,KAAY,UAAAP,EAAA,CAAM;AAAA,UAC5BC,KACC,gBAAAK,EAACE,GAAA,EAAkB,UAAAP,EAAA,CAAY;AAAA,QAAA,GAEnC;AAAA,QACCC;AAAA,0BACAO,GAAA,CAAA,CAAW;AAAA,MAAA,EAAA,GARFV,CASZ;AAAA,IAEJ,CAAC;AAAA,sBACAW,GAAA,CAAA,CAAc;AAAA,EAAA,GACjB;AAEJ;"}
|
package/Toaster/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Toggle/Toggle.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sources":["../../src/Toggle/Toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nconst toggleVariants = cva(\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n },\n size: {\n default: \"h-9 px-2 min-w-9\",\n sm: \"h-8 px-1.5 min-w-8\",\n lg: \"h-10 px-2.5 min-w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC,MACzC,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGX,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACzD,GAAGG;AAAA,EAAA;AACN,CACD;AAEDL,EAAO,cAAcQ,EAAgB,KAAK;"}
|
package/Toggle/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sources":["../../src/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\nimport { type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport { toggleVariants } from \"../Toggle\";\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants>\n>({\n size: \"default\",\n variant: \"default\",\n})\n\nconst ToggleGroup = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n <ToggleGroupPrimitive.Root\n ref={ref}\n className={cn(\"flex items-center justify-center gap-1\", className)}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n))\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nconst ToggleGroupItem = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n const context = React.useContext(ToggleGroupContext)\n\n return (\n <ToggleGroupPrimitive.Item\n ref={ref}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n }),\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n})\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;AASA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AACX,CAAC,GAEKC,IAAcD,EAAM,WAIxB,CAAC,EAAE,WAAAE,GAAW,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACnD,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,0CAA0CR,CAAS;AAAA,IAChE,GAAGI;AAAA,IAEJ,UAAA,gBAAAE,EAACT,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,EAAA,GAC5C,UAAAC,EAAA,CACH;AAAA,EAAA;AACF,CACD;AAEDJ,EAAY,cAAcQ,EAAqB,KAAK;AAEpD,MAAME,IAAkBX,EAAM,WAI5B,CAAC,EAAE,WAAAE,GAAW,UAAAG,GAAU,SAAAF,GAAS,MAAAC,GAAM,GAAGE,EAAA,GAASC,MAAQ;AAC3D,QAAMK,IAAUZ,EAAM,WAAWD,CAAkB;AAEnD,SACE,gBAAAS;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWT;AAAA,UAC5B,MAAMS,EAAQ,QAAQR;AAAA,QAAA,CACvB;AAAA,QACDF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDM,EAAgB,cAAcF,EAAqB,KAAK;"}
|
package/ToggleGroup/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { TooltipProps } from './Tooltip.types';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const TooltipInner: (props: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const Tooltip: (props: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
//# sourceMappingURL=Tooltip.d.ts.map
|
package/Tooltip/Tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAyClE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAQ7D,CAAC"}
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -1,12 +1,60 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { jsx as r, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionMarkIcon as m } from "lucide-react";
|
|
3
|
+
import { cn as i } from "@oneplatformdev/utils";
|
|
4
|
+
import { TooltipProvider as f, TooltipRoot as x, TooltipTrigger as d, TooltipContent as u } from "./TooltipRoot.js";
|
|
5
|
+
const s = (e) => {
|
|
6
|
+
const { triggerProps: t, contentProps: o, message: l, children: a, showQuestionMark: c = !1, ...p } = e;
|
|
7
|
+
return /* @__PURE__ */ n(
|
|
8
|
+
x,
|
|
9
|
+
{
|
|
10
|
+
defaultOpen: !1,
|
|
11
|
+
delayDuration: 300,
|
|
12
|
+
...p,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ n(
|
|
15
|
+
d,
|
|
16
|
+
{
|
|
17
|
+
...t || {},
|
|
18
|
+
className: i(
|
|
19
|
+
"flex flex-row gap-1 w-fit",
|
|
20
|
+
"items-center",
|
|
21
|
+
"cursor-pointer",
|
|
22
|
+
"outline-none",
|
|
23
|
+
t?.className
|
|
24
|
+
),
|
|
25
|
+
type: "button",
|
|
26
|
+
children: [
|
|
27
|
+
a,
|
|
28
|
+
c && /* @__PURE__ */ r(m, {})
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
),
|
|
32
|
+
/* @__PURE__ */ r(
|
|
33
|
+
u,
|
|
34
|
+
{
|
|
35
|
+
align: "center",
|
|
36
|
+
...o || {},
|
|
37
|
+
className: i(
|
|
38
|
+
"flex items-center justify-center",
|
|
39
|
+
"max-w-[320px] p-1",
|
|
40
|
+
"bg-[#FCFCFC] border-none",
|
|
41
|
+
"shadow-[0px_4px_8px_rgba(13,14,43,0.125)]",
|
|
42
|
+
"text-[#363B4E] font-normal text-sm leading-normal",
|
|
43
|
+
"whitespace-pre-wrap",
|
|
44
|
+
o?.className
|
|
45
|
+
),
|
|
46
|
+
children: l || ""
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}, C = (e) => {
|
|
53
|
+
const { skipProvider: t = !0 } = e;
|
|
54
|
+
return t ? /* @__PURE__ */ r(s, { ...e }) : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(s, { ...e }) });
|
|
9
55
|
};
|
|
10
56
|
export {
|
|
11
|
-
|
|
57
|
+
C as Tooltip,
|
|
58
|
+
s as TooltipInner
|
|
12
59
|
};
|
|
60
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\nimport { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\n\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\n const { triggerProps, contentProps, message, children, showQuestionMark = false, ...rest } = props;\n return (\n <TooltipRoot\n defaultOpen={false}\n delayDuration={300}\n {...rest}\n >\n\n <TooltipTrigger\n {...(triggerProps || {})}\n className={cn(\n 'flex flex-row gap-1 w-fit',\n 'items-center',\n 'cursor-pointer',\n 'outline-none',\n triggerProps?.className\n )}\n type='button'\n >\n {children}\n {showQuestionMark && <CircleQuestionMarkIcon/>}\n </TooltipTrigger>\n\n <TooltipContent\n align=\"center\"\n {...(contentProps || {})}\n className={cn(\n 'flex items-center justify-center',\n 'max-w-[320px] p-1',\n 'bg-[#FCFCFC] border-none',\n 'shadow-[0px_4px_8px_rgba(13,14,43,0.125)]',\n 'text-[#363B4E] font-normal text-sm leading-normal',\n 'whitespace-pre-wrap',\n contentProps?.className\n )}\n >\n {message || ''}\n </TooltipContent>\n </TooltipRoot>\n );\n};\n\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\n const { skipProvider = true } = props;\n if (skipProvider) return <TooltipInner {...props}/>;\n return (\n <TooltipProvider>\n <TooltipInner {...props}/>\n </TooltipProvider>\n );\n};\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","rest","jsxs","TooltipRoot","TooltipTrigger","cn","CircleQuestionMarkIcon","jsx","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;AAOO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,GAAGC,EAAA,IAASN;AAC7F,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIR,KAAgB,CAAA;AAAA,YACrB,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAT,GAAc;AAAA,YAAA;AAAA,YAEhB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAG;AAAA,cACAC,uBAAqBM,GAAA,CAAA,CAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9C,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACL,GAAIX,KAAgB,CAAA;AAAA,YACrB,WAAWQ;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAR,GAAc;AAAA,YAAA;AAAA,YAGf,UAAAC,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaW,IAAU,CAACd,MAA2C;AACjE,QAAM,EAAE,cAAAe,IAAe,GAAA,IAASf;AAChC,SAAIe,IAAqB,gBAAAH,EAACb,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CgB,GAAA,EACC,UAAA,gBAAAJ,EAACb,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { TooltipRoot } from './TooltipRoot';
|
|
2
|
+
import { TooltipRoot, TooltipContent, TooltipTrigger } from './TooltipRoot';
|
|
3
3
|
export interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipRoot> {
|
|
4
|
-
trigger?: ReactNode;
|
|
5
4
|
message?: ReactNode;
|
|
6
|
-
|
|
5
|
+
skipProvider?: boolean;
|
|
6
|
+
showQuestionMark?: boolean;
|
|
7
|
+
contentProps?: ComponentPropsWithoutRef<typeof TooltipContent>;
|
|
8
|
+
triggerProps?: ComponentPropsWithoutRef<typeof TooltipTrigger>;
|
|
7
9
|
}
|
|
8
10
|
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;CAChE"}
|
package/Tooltip/Tooltip.types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Tooltip/TooltipRoot.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
|
3
3
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function TooltipRoot({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare function TooltipContent(
|
|
7
|
-
|
|
6
|
+
declare function TooltipContent(props: React.ComponentProps<typeof TooltipPrimitive.Content> & {
|
|
7
|
+
showArrow?: boolean;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider, TooltipPrimitive };
|
|
8
10
|
//# sourceMappingURL=TooltipRoot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../src/Tooltip/TooltipRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACE,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQjF;AAED,iBAAS,WAAW,CAAC,EACF,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMrE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../src/Tooltip/TooltipRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACE,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQjF;AAED,iBAAS,WAAW,CAAC,EACF,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMrE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,2CAkB7G;AAED,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAA"}
|
package/Tooltip/TooltipRoot.js
CHANGED
|
@@ -1,55 +1,53 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import * as o from "@radix-ui/react-tooltip";
|
|
3
|
-
import { cn as
|
|
4
|
-
function
|
|
3
|
+
import { cn as l } from "@oneplatformdev/utils";
|
|
4
|
+
function f({
|
|
5
5
|
delayDuration: t = 0,
|
|
6
|
-
...
|
|
6
|
+
...e
|
|
7
7
|
}) {
|
|
8
|
-
return /* @__PURE__ */
|
|
8
|
+
return /* @__PURE__ */ r(
|
|
9
9
|
o.Provider,
|
|
10
10
|
{
|
|
11
11
|
"data-slot": "tooltip-provider",
|
|
12
12
|
delayDuration: t,
|
|
13
|
-
...
|
|
13
|
+
...e
|
|
14
14
|
}
|
|
15
15
|
);
|
|
16
16
|
}
|
|
17
17
|
function p({
|
|
18
18
|
...t
|
|
19
19
|
}) {
|
|
20
|
-
return /* @__PURE__ */
|
|
20
|
+
return /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(o.Root, { "data-slot": "tooltip", ...t }) });
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function u({
|
|
23
23
|
...t
|
|
24
24
|
}) {
|
|
25
|
-
return /* @__PURE__ */
|
|
25
|
+
return /* @__PURE__ */ r(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
|
|
26
26
|
}
|
|
27
|
-
function
|
|
28
|
-
className: t
|
|
29
|
-
|
|
30
|
-
children: e,
|
|
31
|
-
...a
|
|
32
|
-
}) {
|
|
33
|
-
return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(
|
|
27
|
+
function g(t) {
|
|
28
|
+
const { className: e, sideOffset: i = 0, children: a, showArrow: n = !1, ...d } = t;
|
|
29
|
+
return /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ s(
|
|
34
30
|
o.Content,
|
|
35
31
|
{
|
|
36
32
|
"data-slot": "tooltip-content",
|
|
37
|
-
sideOffset:
|
|
38
|
-
className:
|
|
39
|
-
"bg-
|
|
40
|
-
|
|
33
|
+
sideOffset: i,
|
|
34
|
+
className: l(
|
|
35
|
+
"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
|
|
36
|
+
e
|
|
41
37
|
),
|
|
42
|
-
...
|
|
38
|
+
...d,
|
|
43
39
|
children: [
|
|
44
|
-
|
|
45
|
-
/* @__PURE__ */
|
|
40
|
+
a,
|
|
41
|
+
n && /* @__PURE__ */ r(o.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
|
|
46
42
|
]
|
|
47
43
|
}
|
|
48
44
|
) });
|
|
49
45
|
}
|
|
50
46
|
export {
|
|
51
|
-
|
|
52
|
-
|
|
47
|
+
g as TooltipContent,
|
|
48
|
+
o as TooltipPrimitive,
|
|
49
|
+
f as TooltipProvider,
|
|
53
50
|
p as TooltipRoot,
|
|
54
|
-
|
|
51
|
+
u as TooltipTrigger
|
|
55
52
|
};
|
|
53
|
+
//# sourceMappingURL=TooltipRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipRoot.js","sources":["../../src/Tooltip/TooltipRoot.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction TooltipRoot({\n ...props\n }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent(props: React.ComponentProps<typeof TooltipPrimitive.Content> & { showArrow?: boolean }) {\n const { className, sideOffset = 0, children, showArrow = false, ...rest } = props;\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...rest}\n >\n {children}\n {showArrow && <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider, TooltipPrimitive }\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","TooltipRoot","TooltipTrigger","TooltipContent","className","sideOffset","children","showArrow","rest","jsxs","cn"],"mappings":";;;AAOA,SAASA,EAAgB;AAAA,EACE,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2D;AAClF,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAY;AAAA,EACF,GAAGH;AACL,GAAuD;AACtE,SACE,gBAAAC,EAACH,GAAA,EACC,UAAA,gBAAAG,EAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACxD;AAEJ;AAEA,SAASI,EAAe;AAAA,EACE,GAAGJ;AACL,GAA0D;AAChF,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAeL,GAAwF;AAC9G,QAAM,EAAE,WAAAM,GAAW,YAAAC,IAAa,GAAG,UAAAC,GAAU,WAAAC,IAAY,IAAO,GAAGC,EAAA,IAASV;AAC5E,SACE,gBAAAC,EAACC,EAAiB,QAAjB,EACC,UAAA,gBAAAS;AAAA,IAACT,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAF;AAAA,QACAC,KAAa,gBAAAR,EAACC,EAAiB,OAAjB,EAAuB,WAAU,qGAAA,CAAqG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzJ;AAEJ;"}
|
package/Tooltip/index.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import { TooltipContent as r, TooltipProvider as
|
|
2
|
-
import { Tooltip as
|
|
1
|
+
import { TooltipContent as r, TooltipProvider as p, TooltipRoot as e, TooltipTrigger as T } from "./TooltipRoot.js";
|
|
2
|
+
import { Tooltip as m, TooltipInner as n } from "./Tooltip.js";
|
|
3
|
+
import * as o from "@radix-ui/react-tooltip";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
+
m as Tooltip,
|
|
5
6
|
r as TooltipContent,
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
n as TooltipInner,
|
|
8
|
+
o as TooltipPrimitive,
|
|
9
|
+
p as TooltipProvider,
|
|
10
|
+
e as TooltipRoot,
|
|
8
11
|
T as TooltipTrigger
|
|
9
12
|
};
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|