@oneplatformdev/ui 0.1.10-24 → 0.1.10-29
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.js → Accordion.js} +1 -0
- package/Accordion.js.map +1 -0
- package/Alert/alertVariants.js +1 -0
- package/Alert/alertVariants.js.map +1 -0
- package/{Alert/Alert.js → Alert.js} +2 -1
- package/Alert.js.map +1 -0
- package/AlertDialog/AlertDialog.js +1 -0
- package/AlertDialog/AlertDialog.js.map +1 -0
- package/AlertDialog/AlertDialogRoot.js +32 -32
- package/AlertDialog/AlertDialogRoot.js.map +1 -0
- package/{AlertDialog/AlertDialog.stories.js → AlertDialog.js} +5 -5
- package/AlertDialog.js.map +1 -0
- package/{AreaChart/AreaChart.js → AreaChart.js} +2 -1
- package/AreaChart.js.map +1 -0
- package/Aside/AsideSidebar.js +2 -1
- package/Aside/AsideSidebar.js.map +1 -0
- package/{Aside/Aside.js → Aside.js} +2 -1
- package/Aside.js.map +1 -0
- package/{AspectRatio/AspectRatio.js → AspectRatio.js} +1 -0
- package/AspectRatio.js.map +1 -0
- package/{Avatar/Avatar.js → Avatar.js} +1 -0
- package/Avatar.js.map +1 -0
- package/Badge/badgeVariants.js +1 -0
- package/Badge/badgeVariants.js.map +1 -0
- package/{Badge/Badge.js → Badge.js} +2 -1
- package/Badge.js.map +1 -0
- package/{Breadcrumb/Breadcrumb.js → Breadcrumb.js} +1 -0
- package/Breadcrumb.js.map +1 -0
- package/Button/Button.js +1 -0
- package/Button/Button.js.map +1 -0
- package/Button/buttonVariants.js +1 -0
- package/Button/buttonVariants.js.map +1 -0
- package/{Button/Button.stories.js → Button.js} +2 -1
- package/Button.js.map +1 -0
- package/ButtonIcon/ButtonIcon.js +1 -0
- package/ButtonIcon/ButtonIcon.js.map +1 -0
- package/ButtonIcon/buttonIconVariants.js +1 -0
- package/ButtonIcon/buttonIconVariants.js.map +1 -0
- package/{ButtonIcon/ButtonIcon.stories.js → ButtonIcon.js} +2 -1
- package/ButtonIcon.js.map +1 -0
- package/CHANGELOG.md +40 -0
- package/{Calendar/Calendar.js → Calendar.js} +2 -2
- package/Calendar.js.map +1 -0
- package/{Card/Card.js → Card.js} +1 -0
- package/Card.js.map +1 -0
- package/{Carousel/Carousel.js → Carousel.js} +7 -7
- package/Carousel.js.map +1 -0
- package/{Chart/Chart.js → Chart.js} +1 -0
- package/Chart.js.map +1 -0
- package/{Checkbox/Checkbox.js → Checkbox.js} +19 -19
- package/Checkbox.js.map +1 -0
- package/{Collapsible/Collapsible.js → Collapsible.js} +1 -0
- package/Collapsible.js.map +1 -0
- package/Combobox/ComboboxOptionItem.js +5 -4
- package/Combobox/ComboboxOptionItem.js.map +1 -0
- package/Combobox/ComboboxOptions.js +27 -27
- package/Combobox/ComboboxOptions.js.map +1 -0
- package/{Combobox/Combobox.js → Combobox.js} +37 -38
- package/Combobox.js.map +1 -0
- package/{Command/Command.js → Command.js} +20 -20
- package/Command.js.map +1 -0
- package/DataTable/useDataTable.d.ts +1 -1
- package/{DataTable/DataTable.js → DataTable.js} +13 -13
- package/DataTable.js.map +1 -0
- package/{DatePicker/DatePicker.js → DatePicker.js} +15 -15
- package/DatePicker.js.map +1 -0
- package/Dialog/DialogOverlayScope.js +1 -0
- package/Dialog/DialogOverlayScope.js.map +1 -0
- package/{Dialog/Dialog.js → Dialog.js} +2 -1
- package/Dialog.js.map +1 -0
- package/{Drawer/Drawer.js → Drawer.js} +1 -0
- package/Drawer.js.map +1 -0
- package/{DropdownMenu/DropdownMenu.js → DropdownMenu.js} +1 -0
- package/DropdownMenu.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/Dropzone.js → Dropzone.js} +6 -5
- package/Dropzone.js.map +1 -0
- package/Form/Form.d.ts +8 -7
- package/Form/Form.d.ts.map +1 -1
- package/Form/FormRenderControl.d.ts +1 -1
- package/Form/FormRenderControl.d.ts.map +1 -1
- package/Form/FormRenderControl.js +2 -1
- 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/Form_old.d.ts +24 -0
- package/Form/Form_old.d.ts.map +1 -0
- package/Form.js +102 -0
- package/Form.js.map +1 -0
- package/{FormCheckbox/FormCheckbox.js → FormCheckbox.js} +6 -5
- package/FormCheckbox.js.map +1 -0
- package/{FormCombobox/FormCombobox.js → FormCombobox.js} +6 -5
- package/FormCombobox.js.map +1 -0
- package/{FormDatePicker/FormDatePicker.js → FormDatePicker.js} +6 -5
- package/FormDatePicker.js.map +1 -0
- package/FormDropzone.js +20 -0
- package/FormDropzone.js.map +1 -0
- package/{FormInput/FormInput.js → FormInput.js} +8 -7
- package/FormInput.js.map +1 -0
- package/{FormRadio/FormRadio.js → FormRadio.js} +4 -3
- package/FormRadio.js.map +1 -0
- package/FormSelect.js +40 -0
- package/FormSelect.js.map +1 -0
- package/{FormTextarea/FormTextarea.js → FormTextarea.js} +6 -5
- package/FormTextarea.js.map +1 -0
- package/{Header/Header.js → Header.js} +3 -2
- package/Header.js.map +1 -0
- package/{HoverCard/HoverCard.js → HoverCard.js} +1 -0
- package/HoverCard.js.map +1 -0
- package/Input/inputVariants.js +1 -0
- package/Input/inputVariants.js.map +1 -0
- package/{Input/Input.js → Input.js} +2 -1
- package/Input.js.map +1 -0
- package/{InputOTP/InputOTP.js → InputOTP.js} +1 -0
- package/InputOTP.js.map +1 -0
- package/Label/Label.d.ts +7 -4
- package/Label/Label.d.ts.map +1 -1
- package/Label/labelVariants.d.ts.map +1 -1
- package/Label/labelVariants.js +5 -3
- package/Label/labelVariants.js.map +1 -0
- package/Label.js +23 -0
- package/Label.js.map +1 -0
- package/LazyLoader.js +8 -0
- package/LazyLoader.js.map +1 -0
- package/{LoadedIcon/LoadedIcon.js → LoadedIcon.js} +1 -0
- package/LoadedIcon.js.map +1 -0
- package/LoadingMask/RenderLoadingMask.js +1 -0
- package/LoadingMask/RenderLoadingMask.js.map +1 -0
- package/{LoadingMask/LoadingMask.js → LoadingMask.js} +2 -1
- package/LoadingMask.js.map +1 -0
- package/LoadingProgress/loadingProgressVariants.js +1 -0
- package/LoadingProgress/loadingProgressVariants.js.map +1 -0
- package/{LoadingProgress/LoadingProgress.js → LoadingProgress.js} +2 -1
- package/LoadingProgress.js.map +1 -0
- package/{Menubar/Menubar.js → Menubar.js} +1 -0
- package/Menubar.js.map +1 -0
- package/NavigationMenu/navigationMenuVariants.js +1 -0
- package/NavigationMenu/navigationMenuVariants.js.map +1 -0
- package/{NavigationMenu/NavigationMenu.js → NavigationMenu.js} +2 -1
- package/NavigationMenu.js.map +1 -0
- package/{Pagination/Pagination.js → Pagination.js} +2 -2
- package/Pagination.js.map +1 -0
- package/{Popover/Popover.js → Popover.js} +1 -0
- package/Popover.js.map +1 -0
- package/{Progress/Progress.js → Progress.js} +1 -0
- package/Progress.js.map +1 -0
- package/{Radio/Radio.js → Radio.js} +2 -1
- package/Radio.js.map +1 -0
- package/{RadioGroup/RadioGroup.js → RadioGroup.js} +2 -1
- package/RadioGroup.js.map +1 -0
- package/{Resizable/Resizable.js → Resizable.js} +1 -0
- package/Resizable.js.map +1 -0
- package/{ScrollArea/ScrollArea.js → ScrollArea.js} +1 -0
- package/ScrollArea.js.map +1 -0
- package/{Search/Search.js → Search.js} +10 -9
- package/Search.js.map +1 -0
- package/Select/Select.js +24 -24
- package/Select/Select.js.map +1 -0
- package/Select/SelectRoot.js +4 -3
- package/Select/SelectRoot.js.map +1 -0
- package/{Select/Select.stories.js → Select.js} +2 -1
- package/Select.js.map +1 -0
- package/{Separator/Separator.js → Separator.js} +1 -0
- package/Separator.js.map +1 -0
- package/{Sheet/Sheet.js → Sheet.js} +1 -0
- package/Sheet.js.map +1 -0
- package/{Sidebar/Sidebar.js → Sidebar.js} +22 -22
- package/Sidebar.js.map +1 -0
- package/{Skeleton/Skeleton.js → Skeleton.js} +1 -0
- package/Skeleton.js.map +1 -0
- package/{Slider/Slider.js → Slider.js} +1 -0
- package/Slider.js.map +1 -0
- package/{Sonner/Sonner.js → Sonner.js} +1 -0
- package/Sonner.js.map +1 -0
- package/{Switch/Switch.js → Switch.js} +1 -0
- package/Switch.js.map +1 -0
- package/{Table/Table.js → Table.js} +1 -0
- package/Table.js.map +1 -0
- package/{TablePagination/TablePagination.js → TablePagination.js} +15 -16
- package/TablePagination.js.map +1 -0
- package/Tabs/TabsRoot.js +1 -0
- package/Tabs/TabsRoot.js.map +1 -0
- package/{Tabs/Tabs.js → Tabs.js} +2 -1
- package/Tabs.js.map +1 -0
- package/Textarea/useAutosizeTextArea.js +1 -0
- package/Textarea/useAutosizeTextArea.js.map +1 -0
- package/{Textarea/Textarea.js → Textarea.js} +2 -1
- package/Textarea.js.map +1 -0
- package/Theme/ThemeProvider.js +1 -0
- package/Theme/ThemeProvider.js.map +1 -0
- package/{Theme/ThemeModeToggle.js → Theme.js} +6 -6
- package/Theme.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/{Toast/Toast.js → Toast.js} +2 -1
- package/Toast.js.map +1 -0
- package/{Toaster/Toaster.js → Toaster.js} +3 -2
- package/Toaster.js.map +1 -0
- package/{Toggle/Toggle.js → Toggle.js} +1 -0
- package/Toggle.js.map +1 -0
- package/{ToggleGroup/ToggleGroup.js → ToggleGroup.js} +2 -1
- package/ToggleGroup.js.map +1 -0
- package/Tooltip/TooltipRoot.js +1 -0
- package/Tooltip/TooltipRoot.js.map +1 -0
- package/{Tooltip/Tooltip.js → Tooltip.js} +2 -1
- package/Tooltip.js.map +1 -0
- package/hooks/dist/useIsMobile/useIsMobile.js +1 -0
- package/hooks/dist/useIsMobile/useIsMobile.js.map +1 -0
- package/index.js +66 -65
- package/index.js.map +1 -0
- package/package.json +12 -20
- package/src.js +374 -0
- package/src.js.map +1 -0
- package/Accordion/index.js +0 -7
- package/Alert/index.js +0 -6
- package/AlertDialog/AlertDialog.types.js +0 -1
- package/AlertDialog/index.js +0 -16
- package/AreaChart/AreaChart.types.js +0 -1
- package/AreaChart/index.js +0 -4
- package/Aside/Aside.types.js +0 -1
- package/Aside/index.js +0 -7
- package/AspectRatio/index.js +0 -5
- package/Avatar/index.js +0 -6
- package/Badge/Badge.types.js +0 -1
- package/Badge/index.js +0 -6
- package/Breadcrumb/index.js +0 -10
- package/Button/Button.types.js +0 -1
- package/Button/index.js +0 -7
- package/ButtonIcon/ButtonIcon.types.js +0 -1
- package/ButtonIcon/index.js +0 -7
- package/Calendar/index.js +0 -4
- package/Card/index.js +0 -9
- package/Carousel/index.js +0 -8
- package/Chart/index.js +0 -9
- package/Checkbox/Checkbox.types.js +0 -1
- package/Checkbox/index.js +0 -5
- package/Collapsible/index.js +0 -6
- package/Combobox/Combobox.types.js +0 -1
- package/Combobox/index.js +0 -4
- package/Command/index.js +0 -12
- package/DataTable/DataTable.types.js +0 -1
- package/DataTable/DataTableColumnFilter.js +0 -31
- package/DataTable/index.js +0 -4
- package/DataTable/useDataTable.js +0 -30
- package/DatePicker/DatePicker.types.js +0 -1
- package/DatePicker/index.js +0 -5
- package/Dialog/index.js +0 -17
- package/Drawer/index.js +0 -13
- package/DropdownMenu/index.js +0 -18
- package/Dropzone/index.js +0 -7
- package/Form/Form.js +0 -98
- package/Form/FormRenderControl.types.js +0 -1
- package/Form/index.js +0 -13
- package/FormCheckbox/FormCheckbox.types.js +0 -1
- package/FormCheckbox/index.js +0 -4
- package/FormCombobox/FormCombobox.types.js +0 -1
- package/FormCombobox/index.js +0 -4
- package/FormDatePicker/FormDatePicker.types.js +0 -1
- package/FormDatePicker/index.js +0 -5
- package/FormDropzone/FormDropzone.js +0 -19
- package/FormDropzone/FormDropzone.types.js +0 -1
- package/FormDropzone/index.js +0 -4
- package/FormInput/FormInput.types.js +0 -1
- package/FormInput/index.js +0 -4
- package/FormRadio/FormRadio.types.js +0 -1
- package/FormRadio/index.js +0 -4
- package/FormSelect/FormSelect.js +0 -40
- package/FormSelect/FormSelect.types.js +0 -1
- package/FormSelect/index.js +0 -4
- package/FormTextarea/FormTextarea.types.js +0 -1
- package/FormTextarea/index.js +0 -4
- package/Header/Header.types.js +0 -1
- package/Header/index.js +0 -5
- package/HoverCard/index.js +0 -6
- package/Input/Input.types.js +0 -1
- package/Input/index.js +0 -7
- package/InputOTP/index.js +0 -7
- package/Label/Label.js +0 -17
- package/Label/index.js +0 -6
- package/LazyLoader/LazyLoader.js +0 -8
- package/LazyLoader/index.js +0 -5
- package/LoadedIcon/index.js +0 -4
- package/LoadingMask/LoadingMask.types.js +0 -1
- package/LoadingMask/index.js +0 -6
- package/LoadingProgress/LoadingProgress.types.js +0 -1
- package/LoadingProgress/index.js +0 -6
- package/Menubar/index.js +0 -19
- package/NavigationMenu/index.js +0 -13
- package/Pagination/index.js +0 -10
- package/Popover/index.js +0 -7
- package/Progress/index.js +0 -4
- package/Radio/Radio.types.js +0 -1
- package/Radio/index.js +0 -4
- package/RadioGroup/index.js +0 -6
- package/Resizable/index.js +0 -6
- package/ScrollArea/index.js +0 -5
- package/Search/Search.types.js +0 -1
- package/Search/index.js +0 -5
- package/Select/Select.types.js +0 -1
- package/Select/index.js +0 -15
- package/Separator/index.js +0 -4
- package/Sheet/index.js +0 -13
- package/Sidebar/index.js +0 -27
- package/Skeleton/index.js +0 -4
- package/Slider/index.js +0 -4
- package/Sonner/index.js +0 -4
- package/Switch/index.js +0 -4
- package/Table/index.js +0 -11
- package/TablePagination/index.js +0 -4
- package/Tabs/Tabs.types.js +0 -1
- package/Tabs/index.js +0 -10
- package/Textarea/Textarea.types.js +0 -1
- package/Textarea/index.js +0 -4
- package/Theme/index.js +0 -6
- package/Toast/Toast.types.js +0 -1
- package/Toast/index.js +0 -15
- package/Toast/toast.constants.js +0 -9
- package/Toaster/index.js +0 -4
- package/Toggle/index.js +0 -5
- package/ToggleGroup/index.js +0 -5
- package/Tooltip/Tooltip.types.js +0 -1
- package/Tooltip/index.js +0 -9
package/Label.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import * as e from "@radix-ui/react-label";
|
|
3
|
+
import { cn as m } from "@oneplatformdev/utils";
|
|
4
|
+
import { labelVariants as s } from "./Label/labelVariants.js";
|
|
5
|
+
function n(a) {
|
|
6
|
+
const {
|
|
7
|
+
className: t,
|
|
8
|
+
...o
|
|
9
|
+
} = a;
|
|
10
|
+
return /* @__PURE__ */ r(
|
|
11
|
+
e.Root,
|
|
12
|
+
{
|
|
13
|
+
"data-slot": "label",
|
|
14
|
+
className: m(s(), t),
|
|
15
|
+
...o
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
n as Label,
|
|
21
|
+
n as default
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Label.js.map
|
package/Label.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../src/Label/Label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport type { VariantProps } from \"class-variance-authority\";\nimport { labelVariants } from \"./labelVariants\";\n\nexport interface ILabelProps\n extends React.ComponentProps<typeof LabelPrimitive.Root>,\n VariantProps<typeof labelVariants> {\n}\n\nexport function Label(props: ILabelProps) {\n const {\n className,\n ...rest\n } = props;\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(labelVariants(), className)}\n {...rest}\n />\n )\n}\n\nexport default Label;\n"],"names":["Label","props","className","rest","jsx","LabelPrimitive","cn","labelVariants"],"mappings":";;;;AAcO,SAASA,EAAMC,GAAoB;AACxC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDF;AACJ,SACE,gBAAAG;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGC,EAAA,GAAiBL,CAAS;AAAA,MACvC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
package/LazyLoader.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { Suspense as m } from "react";
|
|
3
|
+
import { LoadingMask as t } from "./LoadingMask.js";
|
|
4
|
+
const p = (r, a = !0) => (e) => /* @__PURE__ */ o(m, { fallback: a ? /* @__PURE__ */ o(t, {}) : null, children: /* @__PURE__ */ o(r, { ...e }) });
|
|
5
|
+
export {
|
|
6
|
+
p as LazyLoader
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=LazyLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LazyLoader.js","sources":["../src/LazyLoader/LazyLoader.tsx"],"sourcesContent":["import React, { JSX, Suspense } from 'react';\n\nimport { LoadingMask } from '../LoadingMask';\n\n// TODO: types any\n/**\n * Component lazy load component.\n * @public\n * @see [Documentation](#)\n * @example\n * ```tsx\n * import { lazy } from 'react';\n * import { LazyLoader } from '@oneplatformdev/ui/LazyLoader';\n *\n * const ModuleComponentViewLazy = LazyLoader(\n * lazy(() => import('path/to/module').then(module => ({\n * default: module.ModuleComponentView,\n * })),\n * ),\n * );\n * ```\n */\nexport const LazyLoader =\n (Component: React.LazyExoticComponent<any>, showLoader = true) =>\n (props: any): JSX.Element =>\n (\n <Suspense fallback={showLoader ? <LoadingMask /> : null}>\n <Component {...props} />\n </Suspense>\n );\n"],"names":["LazyLoader","Component","showLoader","props","jsx","Suspense","LoadingMask"],"mappings":";;;AAsBO,MAAMA,IACX,CAACC,GAA2CC,IAAa,OACzD,CAACC,MAEG,gBAAAC,EAACC,GAAA,EAAS,UAAUH,IAAa,gBAAAE,EAACE,KAAY,IAAK,MACjD,4BAACL,GAAA,EAAW,GAAGE,GAAO,EAAA,CACxB;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadedIcon.js","sources":["../src/LoadedIcon/LoadedIcon.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { LoaderCircleIcon } from 'lucide-react';\nimport { FC, HTMLAttributes, PropsWithChildren } from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst loadedIconVariants = cva([], {\n variants: {\n size: {\n sm: '[&_svg]:size-[18px]!',\n md: '[&_svg]:size-5!',\n lg: '[&_svg]:size-5!',\n },\n },\n defaultVariants: { size: 'md' },\n});\n\ninterface ILoadedIconProps\n\textends HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof loadedIconVariants> {\n\tloading?: boolean;\n}\n\nexport const LoadedIcon: FC<PropsWithChildren<ILoadedIconProps>> = (props) => {\n\tconst { loading, children, size = 'md', className, ...rest } = props;\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={cn(loadedIconVariants({size , className}))}\n\t\t>\n\t\t\t{loading\n\t\t\t\t? <LoaderCircleIcon className=\"animate-spin\"/>\n\t\t\t\t: children}\n\t\t</div>\n\t);\n};\n"],"names":["loadedIconVariants","cva","LoadedIcon","props","loading","children","size","className","rest","jsx","cn","LoaderCircleIcon"],"mappings":";;;;AAMA,MAAMA,IAAqBC,EAAI,IAAI;AAAA,EACjC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,EAAE,MAAM,KAAA;AAC3B,CAAC,GAQYC,IAAsD,CAACC,MAAU;AAC7E,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,IAAO,MAAM,WAAAC,GAAW,GAAGC,MAASL;AAC/D,SACC,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAGD;AAAA,MACJ,WAAWE,EAAGV,EAAmB,EAAC,MAAAM,GAAO,WAAAC,EAAA,CAAU,CAAC;AAAA,MAEnD,UAAAH,IACE,gBAAAK,EAACE,GAAA,EAAiB,WAAU,gBAAc,IAC1CN;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderLoadingMask.js","sources":["../../src/LoadingMask/RenderLoadingMask.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from 'react';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const RenderLoadingMask = forwardRef<\n HTMLDivElement,\n HTMLAttributes<HTMLDivElement>\n>((props, ref) => {\n const { className, ...rest } = props;\n return (\n <div\n {...rest}\n ref={ref}\n className={cn('flex flex-1 items-center justify-center', className)}\n >\n <svg\n className=\"h-8 w-8 animate-spin text-gray-900 dark:text-gray-50\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 4.75V6.25\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M17.1475 6.8525L16.0625 7.9375\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M19.25 12H17.75\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M17.1475 17.1475L16.0625 16.0625\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12 17.75V19.25\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M6.8525 17.1475L7.9375 16.0625\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M4.75 12H6.25\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M6.8525 6.8525L7.9375 7.9375\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </div>\n );\n});\n"],"names":["RenderLoadingMask","forwardRef","props","ref","className","rest","jsx","cn","jsxs"],"mappings":";;;AAGO,MAAMA,IAAoBC,EAG/B,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASH;AAC/B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,KAAAF;AAAA,MACA,WAAWI,EAAG,2CAA2CH,CAAS;AAAA,MAElE,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjB,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,CAAC;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { RenderLoadingMask as r } from "./RenderLoadingMask.js";
|
|
2
|
+
import { RenderLoadingMask as r } from "./LoadingMask/RenderLoadingMask.js";
|
|
3
3
|
import { cn as o } from "@oneplatformdev/utils";
|
|
4
4
|
const f = (t) => {
|
|
5
5
|
const { fullWidth: s = !1, className: i, ...n } = t;
|
|
@@ -19,3 +19,4 @@ const f = (t) => {
|
|
|
19
19
|
export {
|
|
20
20
|
f as LoadingMask
|
|
21
21
|
};
|
|
22
|
+
//# sourceMappingURL=LoadingMask.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingMask.js","sources":["../src/LoadingMask/LoadingMask.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { ILoadingMaskProps } from './LoadingMask.types';\nimport { RenderLoadingMask } from './RenderLoadingMask';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const LoadingMask: FC<ILoadingMaskProps> = (props) => {\n const { fullWidth = false, className, ...rest } = props;\n if (!fullWidth) return <RenderLoadingMask />;\n return (\n <div\n {...rest}\n className={cn(\n 'absolute inset-0',\n 'flex items-center justify-center',\n className\n )}\n >\n <RenderLoadingMask />\n </div>\n );\n};\n"],"names":["LoadingMask","props","fullWidth","className","rest","jsx","cn","RenderLoadingMask"],"mappings":";;;AAKO,MAAMA,IAAqC,CAACC,MAAU;AAC3D,QAAM,EAAE,WAAAC,IAAY,IAAO,WAAAC,GAAW,GAAGC,MAASH;AAClD,SAAKC,IAEH,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAGF,4BAACI,GAAA,CAAA,CAAkB;AAAA,IAAA;AAAA,EAAA,IAVA,gBAAAF,EAACE,GAAA,CAAA,CAAkB;AAa5C;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loadingProgressVariants.js","sources":["../../src/LoadingProgress/loadingProgressVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const loadingProgressVariants = cva(\n \"animate-spin\",\n {\n variants: {\n color: {\n primary: 'text-primary',\n default: ''\n },\n size: {\n default: \"\",\n sm: \"\",\n lg: \"w-20 h-20\",\n },\n },\n defaultVariants: {\n size: \"default\",\n color: \"default\",\n },\n }\n);\n"],"names":["loadingProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAA0BC;AAAA,EACrC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { cn as r } from "@oneplatformdev/utils";
|
|
3
|
-
import { loadingProgressVariants as a } from "./loadingProgressVariants.js";
|
|
3
|
+
import { loadingProgressVariants as a } from "./LoadingProgress/loadingProgressVariants.js";
|
|
4
4
|
const f = (e) => {
|
|
5
5
|
const { className: s, fullWidth: t = !1, size: i, color: l, wrapClassName: n } = e;
|
|
6
6
|
return /* @__PURE__ */ o(
|
|
@@ -35,3 +35,4 @@ const f = (e) => {
|
|
|
35
35
|
export {
|
|
36
36
|
f as LoadingProgress
|
|
37
37
|
};
|
|
38
|
+
//# sourceMappingURL=LoadingProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingProgress.js","sources":["../src/LoadingProgress/LoadingProgress.tsx"],"sourcesContent":["import { FC } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport { loadingProgressVariants } from './loadingProgressVariants';\nimport { ILoadingProgressProps } from './LoadingProgress.types';\n\n// TODO: progress loading for art-metal. remove or refactor\nexport const LoadingProgress: FC<ILoadingProgressProps> = (props) => {\n const { className, fullWidth = false, size, color, wrapClassName } = props;\n return (\n <div\n className={cn(\n wrapClassName,\n 'w-fit h-auto',\n Boolean(fullWidth) && 'flex grow w-full h-full items-center justify-center'\n )}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={cn(\n loadingProgressVariants({ size, color, className }),\n )}\n >\n <path d=\"M21 12a9 9 0 1 1-6.219-8.56\"/>\n </svg>\n </div>\n );\n};\n"],"names":["LoadingProgress","props","className","fullWidth","size","color","wrapClassName","jsx","cn","loadingProgressVariants"],"mappings":";;;AAOO,MAAMA,IAA6C,CAACC,MAAU;AACnE,QAAM,EAAE,WAAAC,GAAW,WAAAC,IAAY,IAAO,MAAAC,GAAM,OAAAC,GAAO,eAAAC,MAAkBL;AACrE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTF;AAAA,QACA;AAAA,QACA,EAAQH,KAAc;AAAA,MAAA;AAAA,MAGxB,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,WAAWC;AAAA,YACTC,EAAwB,EAAE,MAAAL,GAAM,OAAAC,GAAO,WAAAH,GAAW;AAAA,UAAA;AAAA,UAGpD,UAAA,gBAAAK,EAAC,QAAA,EAAK,GAAE,8BAAA,CAA6B;AAAA,QAAA;AAAA,MAAA;AAAA,IACvC;AAAA,EAAA;AAGN;"}
|
package/Menubar.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menubar.js","sources":["../src/Menubar/Menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nconst MenubarMenu: typeof MenubarPrimitive.Menu = MenubarPrimitive.Menu;\nconst MenubarGroup: typeof MenubarPrimitive.Group = MenubarPrimitive.Group;\nconst MenubarPortal: typeof MenubarPrimitive.Portal = MenubarPrimitive.Portal;\nconst MenubarSub: typeof MenubarPrimitive.Sub = MenubarPrimitive.Sub;\nconst MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup = MenubarPrimitive.RadioGroup;\n\nconst Menubar = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn(\n \"flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-xs\",\n className\n )}\n {...props}\n />\n))\nMenubar.displayName = MenubarPrimitive.Root.displayName\n\nconst MenubarTrigger = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n className\n )}\n {...props}\n />\n))\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName\n\nconst MenubarSubTrigger = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto h-4 w-4\" />\n </MenubarPrimitive.SubTrigger>\n))\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName\n\nconst MenubarSubContent = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n \"z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n))\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName\n\nconst MenubarContent = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(\n (\n { className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props },\n ref\n ) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 min-w-48 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n )\n)\nMenubarContent.displayName = MenubarPrimitive.Content.displayName\n\nconst MenubarItem = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nMenubarItem.displayName = MenubarPrimitive.Item.displayName\n\nconst MenubarCheckboxItem = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n))\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName\n\nconst MenubarRadioItem = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <Circle className=\"h-4 w-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n))\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName\n\nconst MenubarLabel = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn(\n \"px-2 py-1.5 text-sm font-semibold\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName\n\nconst MenubarSeparator = React.forwardRef<\n React.ElementRef<typeof MenubarPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName\n\nconst MenubarShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest text-muted-foreground\",\n className\n )}\n {...props}\n />\n )\n}\nMenubarShortcut.displayname = \"MenubarShortcut\"\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarPortal,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n}\n"],"names":["MenubarMenu","MenubarPrimitive","MenubarGroup","MenubarPortal","MenubarSub","MenubarRadioGroup","Menubar","React","className","props","ref","jsx","cn","MenubarTrigger","MenubarSubTrigger","inset","children","jsxs","ChevronRight","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigationMenuVariants.js","sources":["../../src/NavigationMenu/navigationMenuVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const navigationMenuVariants = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-active:bg-accent/50 data-[state=open]:bg-accent/50\"\n)\n"],"names":["navigationMenuVariants","cva"],"mappings":";AAEO,MAAMA,IAAyBC;AAAA,EACpC;AACF;"}
|
|
@@ -3,7 +3,7 @@ import * as r from "react";
|
|
|
3
3
|
import * as t from "@radix-ui/react-navigation-menu";
|
|
4
4
|
import { ChevronDown as l } from "lucide-react";
|
|
5
5
|
import { cn as n } from "@oneplatformdev/utils";
|
|
6
|
-
import { navigationMenuVariants as f } from "./navigationMenuVariants.js";
|
|
6
|
+
import { navigationMenuVariants as f } from "./NavigationMenu/navigationMenuVariants.js";
|
|
7
7
|
const p = r.forwardRef(({ className: a, children: e, ...o }, d) => /* @__PURE__ */ s(
|
|
8
8
|
t.Root,
|
|
9
9
|
{
|
|
@@ -99,3 +99,4 @@ export {
|
|
|
99
99
|
c as NavigationMenuTrigger,
|
|
100
100
|
m as NavigationMenuViewport
|
|
101
101
|
};
|
|
102
|
+
//# sourceMappingURL=NavigationMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavigationMenu.js","sources":["../src/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport { navigationMenuVariants } from './navigationMenuVariants';\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\n \"relative z-10 flex max-w-max flex-1 items-center justify-center\",\n className\n )}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\n \"group flex flex-1 list-none items-center justify-center space-x-1\",\n className\n )}\n {...props}\n />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuVariants(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDown\n className=\"relative top-px ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto \",\n className\n )}\n {...props}\n />\n))\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div className={cn(\"absolute left-0 top-full flex justify-center\")}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-(--radix-navigation-menu-viewport-width)\",\n className\n )}\n ref={ref}\n {...props}\n />\n </div>\n))\nNavigationMenuViewport.displayName =\n NavigationMenuPrimitive.Viewport.displayName\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n className\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n))\nNavigationMenuIndicator.displayName =\n NavigationMenuPrimitive.Indicator.displayName\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n}\n"],"names":["NavigationMenu","React","className","children","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","NavigationMenuTrigger","navigationMenuVariants","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;;AAOA,MAAMA,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEH,UAAA;AAAA,MAAAD;AAAA,wBACAM,GAAA,CAAA,CAAuB;AAAA,IAAA;AAAA,EAAA;AAC1B,CACD;AACDT,EAAe,cAAcO,EAAwB,KAAK;AAE1D,MAAMG,IAAqBT,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAM;AAAA,EAACJ,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AACN,CACD;AACDM,EAAmB,cAAcH,EAAwB,KAAK;AAE9D,MAAMK,IAAqBL,EAAwB,MAE7CM,IAAwBZ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAGM,KAA0B,SAASZ,CAAS;AAAA,IACzD,GAAGE;AAAA,IAEH,UAAA;AAAA,MAAAD;AAAA,MAAU;AAAA,MACX,gBAAAQ;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF,CACD;AACDF,EAAsB,cAAcN,EAAwB,QAAQ;AAEpE,MAAMS,IAAwBf,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAM;AAAA,EAACJ,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AACN,CACD;AACDY,EAAsB,cAAcT,EAAwB,QAAQ;AAEpE,MAAMU,IAAqBV,EAAwB,MAE7CE,IAAyBR,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,MAC1B,gBAAAM,EAAC,OAAA,EAAI,WAAWH,EAAG,8CAA8C,GAC/D,UAAA,gBAAAG;AAAA,EAACJ,EAAwB;AAAA,EAAxB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAEF,KAAAG;AAAA,IACC,GAAGD;AAAA,EAAA;AACN,GACF,CACD;AACDK,EAAuB,cACrBF,EAAwB,SAAS;AAEnC,MAAMW,IAA0BjB,EAAM,WAGpC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAM;AAAA,EAACJ,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEJ,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,yEAAA,CAAyE;AAAA,EAAA;AAC1F,CACD;AACDO,EAAwB,cACtBX,EAAwB,UAAU;"}
|
|
@@ -2,8 +2,7 @@ import { jsx as e, jsxs as o } from "react/jsx-runtime";
|
|
|
2
2
|
import * as l from "react";
|
|
3
3
|
import { ChevronLeft as m, ChevronRight as c, MoreHorizontal as p } from "lucide-react";
|
|
4
4
|
import { cn as n } from "@oneplatformdev/utils";
|
|
5
|
-
import "
|
|
6
|
-
import { buttonVariants as g } from "../Button/buttonVariants.js";
|
|
5
|
+
import { buttonVariants as g } from "./Button/buttonVariants.js";
|
|
7
6
|
const d = ({ className: i, ...a }) => /* @__PURE__ */ e(
|
|
8
7
|
"nav",
|
|
9
8
|
{
|
|
@@ -104,3 +103,4 @@ export {
|
|
|
104
103
|
h as PaginationNext,
|
|
105
104
|
P as PaginationPrevious
|
|
106
105
|
};
|
|
106
|
+
//# sourceMappingURL=Pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../src/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport { ButtonProps, buttonVariants } from \"../Button\";\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n))\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"\", className)} {...props} />\n))\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? \"outline-solid\" : \"ghost\",\n size,\n }),\n className\n )}\n {...props}\n />\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n <span>Previous</span>\n </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<\"span\">) => (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;AAMA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,IAC5D,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEzB,MAAMK,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MAC1B,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAEhC,MAAMG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,KAASK,wBACzB,MAAA,EAAG,KAAAA,GAAU,WAAWH,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO,CACxD;AACDM,EAAe,cAAc;AAO7B,MAAMC,IAAiB,CAAC;AAAA,EACtB,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGT;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN;AAAA,MACTQ,EAAe;AAAA,QACb,SAASF,IAAW,kBAAkB;AAAA,QACtC,MAAAC;AAAA,MAAA,CACD;AAAA,MACDV;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAe,cAAc;AAE7B,MAAMI,IAAqB,CAAC;AAAA,EAC1B,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACY,GAAA,EAAY,WAAU,UAAA,CAAU;AAAA,MACjC,gBAAAZ,EAAC,UAAK,UAAA,WAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAChB;AAEFU,EAAmB,cAAc;AAEjC,MAAMG,IAAiB,CAAC;AAAA,EACtB,WAAAf;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAACL;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAWL,EAAG,gBAAgBH,CAAS;AAAA,IACtC,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,MACV,gBAAAA,EAACc,GAAA,EAAa,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACpC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAjB;AAAA,EACA,GAAGC;AACL,MACE,gBAAAY;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWV,EAAG,4CAA4CH,CAAS;AAAA,IAClE,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACgB,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAhB,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFe,EAAmB,cAAc;"}
|
package/Popover.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../src/Popover/Popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Popover({\n ...props\n }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","jsx","cn","PopoverAnchor"],"mappings":";;;AAOA,SAASA,EAAQ;AAAA,EACE,GAAGC;AACL,GAAuD;AACtE,2BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACE,GAAGF;AACL,GAA0D;AAChF,2BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAe;AAAA,EACE,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,GAAGN;AACL,GAA0D;AAChF,SACE,gBAAAO,EAACN,EAAiB,QAAjB,EACC,UAAA,gBAAAM;AAAA,IAACN,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASS,EAAc;AAAA,EACE,GAAGT;AACL,GAAyD;AAC9E,2BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}
|
package/Progress.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.js","sources":["../src/Progress/Progress.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst Progress = React.forwardRef<\n React.ElementRef<typeof ProgressPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => (\n <ProgressPrimitive.Root\n ref={ref}\n className={cn(\n \"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\",\n className\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n className=\"h-full w-full flex-1 bg-primary transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n))\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress }\n"],"names":["Progress","React","className","value","props","ref","jsx","ProgressPrimitive","cn"],"mappings":";;;;AAOA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,KAASC,MACjC,gBAAAC;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEJ,UAAA,gBAAAE;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,WAAW,eAAe,OAAOJ,KAAS,EAAE,KAAA;AAAA,MAAK;AAAA,IAAA;AAAA,EAC5D;AACF,CACD;AACDH,EAAS,cAAcO,EAAkB,KAAK;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { RadioGroup as d, RadioGroupLabel as t } from "
|
|
2
|
+
import { RadioGroup as d, RadioGroupLabel as t } from "./RadioGroup.js";
|
|
3
3
|
const s = (u) => {
|
|
4
4
|
const { options: i = [], renderOption: r, ...a } = u;
|
|
5
5
|
return /* @__PURE__ */ n(d, { ...a, children: i.map((e) => {
|
|
@@ -10,3 +10,4 @@ const s = (u) => {
|
|
|
10
10
|
export {
|
|
11
11
|
s as Radio
|
|
12
12
|
};
|
|
13
|
+
//# sourceMappingURL=Radio.js.map
|
package/Radio.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../src/Radio/Radio.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { RadioProps } from './Radio.types';\n\nimport { RadioGroup, RadioGroupLabel } from '../RadioGroup/RadioGroup';\n\nexport const Radio: FC<RadioProps> = (props) => {\n const { options = [], renderOption, ...rest } = props;\n return (\n <RadioGroup {...rest}>\n {options.map((option) => {\n const defaultRender = (\n <RadioGroupLabel key={option.value} {...option} />\n );\n if (!renderOption || typeof renderOption !== 'function') {\n return defaultRender;\n }\n if (!renderOption?.(option, RadioGroupLabel)) return defaultRender;\n return renderOption?.(option, RadioGroupLabel);\n })}\n </RadioGroup>\n );\n};\n"],"names":["Radio","props","options","renderOption","rest","RadioGroup","option","defaultRender","jsx","RadioGroupLabel"],"mappings":";;AAMO,MAAMA,IAAwB,CAACC,MAAU;AAC9C,QAAM,EAAE,SAAAC,IAAU,CAAA,GAAI,cAAAC,GAAc,GAAGC,MAASH;AAChD,2BACGI,GAAA,EAAY,GAAGD,GACb,UAAAF,EAAQ,IAAI,CAACI,MAAW;AACvB,UAAMC,IACJ,gBAAAC,EAACC,GAAA,EAAoC,GAAGH,EAAA,GAAlBA,EAAO,KAAmB;AAKlD,WAHI,CAACH,KAAgB,OAAOA,KAAiB,cAGzC,CAACA,IAAeG,GAAQG,CAAe,IAAUF,IAC9CJ,IAAeG,GAAQG,CAAe;AAAA,EAC/C,CAAC,EAAA,CACH;AAEJ;"}
|
|
@@ -3,7 +3,7 @@ import * as o from "@radix-ui/react-radio-group";
|
|
|
3
3
|
import { Circle as c } from "lucide-react";
|
|
4
4
|
import * as s from "react";
|
|
5
5
|
import { cn as t } from "@oneplatformdev/utils";
|
|
6
|
-
import { Label as p } from "
|
|
6
|
+
import { Label as p } from "./Label.js";
|
|
7
7
|
const f = s.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e(
|
|
8
8
|
o.Root,
|
|
9
9
|
{
|
|
@@ -47,3 +47,4 @@ export {
|
|
|
47
47
|
m as RadioGroupItem,
|
|
48
48
|
n as RadioGroupLabel
|
|
49
49
|
};
|
|
50
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sources":["../src/RadioGroup/RadioGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { Circle } from 'lucide-react';\nimport * as React from 'react';\nimport { PropsWithChildren } from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nimport { Label } from '../Label/Label';\n\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Root\n className={cn('grid gap-0', className)}\n {...props}\n ref={ref}\n />\n );\n});\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"aspect-square size-4 rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center \">\n <Circle className=\"size-2.5 fill-primary\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n );\n});\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nconst RadioGroupLabel = React.forwardRef<\n HTMLLabelElement,\n PropsWithChildren<{label: React.ReactNode; value: string}>\n>(({ value, label, children }, ref) => {\n return (\n <Label\n ref={ref}\n htmlFor={value}\n className='flex w-full items-start gap-3 font-normal py-3 cursor-pointer'\n >\n <RadioGroupItem value={value} id={value}/>\n <div className='flex flex-col w-full gap-3'>\n <span className='flex flex-col justify-start leading-[16px]'>{label}</span>\n {children}\n </div>\n </Label>\n );\n});\nRadioGroupLabel.displayName = 'RadioGroupLabel';\n\nexport { RadioGroup, RadioGroupItem, RadioGroupLabel };\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","Circle","RadioGroupLabel","value","label","children","jsxs","Label"],"mappings":";;;;;;AAWA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,WAAWC,EAAG,cAAcL,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AAAA,CAGL;AACDJ,EAAW,cAAcM,EAAoB,KAAK;AAElD,MAAME,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAoB,WAApB,EAA8B,WAAU,qCACvC,UAAA,gBAAAD,EAACI,GAAA,EAAO,WAAU,wBAAA,CAAwB,EAAA,CAC5C;AAAA,EAAA;AAAA,CAGL;AACDD,EAAe,cAAcF,EAAoB,KAAK;AAEtD,MAAMI,IAAkBT,EAAM,WAG5B,CAAC,EAAE,OAAAU,GAAO,OAAAC,GAAO,UAAAC,EAAA,GAAYT,MAE3B,gBAAAU;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAX;AAAA,IACA,SAASO;AAAA,IACT,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAN,EAACG,GAAA,EAAe,OAAAG,GAAc,IAAIA,EAAA,CAAM;AAAA,MACxC,gBAAAG,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,QAAA,gBAAAT,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAO,GAAM;AAAA,QACnEC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAAA,CAGL;AACDH,EAAgB,cAAc;"}
|
package/Resizable.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Resizable.js","sources":["../src/Resizable/Resizable.tsx"],"sourcesContent":["\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst ResizablePanelGroup = ({\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n <ResizablePrimitive.PanelGroup\n className={cn(\n \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n className\n )}\n {...props}\n />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n withHandle,\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) => (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...props}\n >\n {withHandle && (\n <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n <GripVertical className=\"h-2.5 w-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"],"names":["ResizablePanelGroup","className","props","jsx","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","GripVertical"],"mappings":";;;;AAOA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAmB;AAAA,EAAnB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,GAGII,IAAiBF,EAAmB,OAEpCG,IAAkB,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,WAAAP;AAAA,EACA,GAAGC;AACL,MAGE,gBAAAC;AAAA,EAACC,EAAmB;AAAA,EAAnB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAM,uBACE,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAL,EAACM,GAAA,EAAa,WAAU,cAAA,CAAc,EAAA,CACxC;AAAA,EAAA;AAEJ;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sources":["../src/ScrollArea/ScrollArea.tsx"],"sourcesContent":["'use client';\n\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport * as React from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn(\n 'relative overflow-hidden pr-2',\n // '[&:has([data-orientation=vertical])]:pr-2',\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n \"flex touch-none select-none transition-colors\",\n 'p-px bg-[#DCDDE1] rounded-full',\n orientation === \"vertical\" &&\n \"h-full w-1.5 border-l border-l-transparent\",\n orientation === \"horizontal\" &&\n \"h-1.5 flex-col border-t border-t-transparent\",\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb\n className={cn(\n \"relative flex-1 rounded-full bg-border\",\n 'bg-[#FCFCFC]'\n )}\n />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollArea","React","className","children","props","ref","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":";;;;AAOA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA;AAAA,MAEAN;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK,EAACF,EAAoB,UAApB,EAA6B,WAAU,mCACrC,UAAAJ,GACH;AAAA,wBACCO,GAAA,EAAU;AAAA,MACX,gBAAAD,EAACF,EAAoB,QAApB,CAAA,CAA2B;AAAA,IAAA;AAAA,EAAA;AAC9B,CACD;AACDP,EAAW,cAAcO,EAAoB,KAAK;AAElD,MAAMG,IAAYT,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAS,IAAc,YAAY,GAAGP,KAASC,MACpD,gBAAAI;AAAA,EAACF,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,aAAAM;AAAA,IACA,WAAWH;AAAA,MACT;AAAA,MACA;AAAA,MACAG,MAAgB,cAChB;AAAA,MACAA,MAAgB,gBAChB;AAAA,MACAT;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,IAEJ,UAAA,gBAAAK;AAAA,MAACF,EAAoB;AAAA,MAApB;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AACF,CACD;AACDE,EAAU,cAAcH,EAAoB,oBAAoB;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useState as g } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
3
|
+
import { useDebounceCallback as v } from "@oneplatformdev/hooks";
|
|
4
|
+
import { cn as C } from "@oneplatformdev/utils";
|
|
5
|
+
import { SearchIcon as b } from "lucide-react";
|
|
6
|
+
import { LoadedIcon as x } from "./LoadedIcon.js";
|
|
7
|
+
import { Input as I } from "./Input.js";
|
|
8
8
|
const D = (a) => {
|
|
9
9
|
const {
|
|
10
10
|
search: t,
|
|
@@ -16,24 +16,24 @@ const D = (a) => {
|
|
|
16
16
|
slotProps: e,
|
|
17
17
|
name: l = "search",
|
|
18
18
|
...h
|
|
19
|
-
} = a, [p, u] = g(t), d =
|
|
19
|
+
} = a, [p, u] = g(t), d = v(s, 1e3), f = (o) => {
|
|
20
20
|
const S = o.target.value;
|
|
21
21
|
u(S), n?.(o), d(o.target.value);
|
|
22
22
|
};
|
|
23
23
|
return /* @__PURE__ */ r(
|
|
24
|
-
|
|
24
|
+
I,
|
|
25
25
|
{
|
|
26
26
|
name: l,
|
|
27
27
|
placeholder: c,
|
|
28
28
|
value: p,
|
|
29
|
-
className:
|
|
29
|
+
className: C("min-w-[340px]", m),
|
|
30
30
|
onChange: f,
|
|
31
31
|
...h,
|
|
32
32
|
...e || {},
|
|
33
33
|
slotProps: {
|
|
34
34
|
...e || {},
|
|
35
35
|
input: {
|
|
36
|
-
startAdornment: /* @__PURE__ */ r(
|
|
36
|
+
startAdornment: /* @__PURE__ */ r(x, { loading: i, size: "sm", children: /* @__PURE__ */ r(b, {}) }),
|
|
37
37
|
...e?.input || {}
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -43,3 +43,4 @@ const D = (a) => {
|
|
|
43
43
|
export {
|
|
44
44
|
D as Search
|
|
45
45
|
};
|
|
46
|
+
//# sourceMappingURL=Search.js.map
|
package/Search.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Search.js","sources":["../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useState } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n const {\n search: initialSearch,\n onChange: handleChange,\n onSearch,\n placeholder = 'Search',\n className,\n loading = false,\n slotProps,\n name = 'search',\n ...rest\n } = props;\n const [search, setSearch] = useState(initialSearch);\n const debounced = useDebounceCallback(onSearch, 1000);\n\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const v = e.target.value;\n setSearch(v);\n handleChange?.(e);\n debounced(e.target.value);\n };\n\n return (\n <Input\n name={name}\n placeholder={placeholder}\n value={search}\n className={cn('min-w-[340px]', className)}\n onChange={onChange}\n {...rest}\n {...(slotProps || {})}\n slotProps={{\n ...(slotProps || {}),\n input: {\n startAdornment: (\n <LoadedIcon loading={loading} size=\"sm\">\n <SearchIcon />\n </LoadedIcon>\n ),\n ...(slotProps?.input || {}),\n },\n }}\n />\n );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","onChange","e","v","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAACU,GAAQC,CAAS,IAAIC,EAASX,CAAa,GAC5CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAW,CAACC,MAAqC;AACrD,UAAMC,IAAID,EAAE,OAAO;AACnB,IAAAL,EAAUM,CAAC,GACXf,IAAec,CAAC,GAChBH,EAAUG,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWU,EAAG,iBAAiBf,CAAS;AAAA,MACxC,UAAAU;AAAA,MACC,GAAGN;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,kCACGc,GAAA,EAAW,SAAAf,GAAkB,MAAK,MACjC,UAAA,gBAAAY,EAACI,KAAW,EAAA,CACd;AAAA,UAEF,GAAIf,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}
|
package/Select/Select.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsxs as d, jsx as r, Fragment as
|
|
1
|
+
import { jsxs as d, jsx as r, Fragment as p } from "react/jsx-runtime";
|
|
2
2
|
import { createElement as m, isValidElement as v } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import "../Button/buttonVariants.js";
|
|
3
|
+
import { isValidReactElement as x } from "@oneplatformdev/utils";
|
|
5
4
|
import { SelectRoot as S, SelectContent as y, SelectTrigger as b, SelectValue as C, SelectItem as f } from "./SelectRoot.js";
|
|
6
|
-
import {
|
|
5
|
+
import { Button as R } from "../Button/Button.js";
|
|
7
6
|
const V = (n) => {
|
|
8
7
|
const { placeholder: t, renderTrigger: e, slotProps: o } = n, l = /* @__PURE__ */ r(b, { ...o?.triggerProps || {}, children: /* @__PURE__ */ r(C, { placeholder: t }) });
|
|
9
|
-
return e && typeof e == "function" &&
|
|
8
|
+
return e && typeof e == "function" && x(e(n, l)) ? e(n, l) : l;
|
|
10
9
|
}, c = (n) => {
|
|
11
10
|
const { children: t, option: e, deep: o = 0 } = n;
|
|
12
11
|
return /* @__PURE__ */ d(
|
|
@@ -18,26 +17,26 @@ const V = (n) => {
|
|
|
18
17
|
style: { paddingLeft: `calc(8px + ${(o || 0) * 8}px)` },
|
|
19
18
|
children: [
|
|
20
19
|
!t && e.label,
|
|
21
|
-
t && /* @__PURE__ */ r(
|
|
20
|
+
t && /* @__PURE__ */ r(p, { children: typeof t == "function" ? t({ ...n }) : t })
|
|
22
21
|
]
|
|
23
22
|
},
|
|
24
23
|
e.value
|
|
25
24
|
);
|
|
26
|
-
},
|
|
27
|
-
const { renderOption: t, option: e, index: o, options: l, deep: u = 0, ...
|
|
25
|
+
}, g = (n) => {
|
|
26
|
+
const { renderOption: t, option: e, index: o, options: l, deep: u = 0, ...i } = n;
|
|
28
27
|
return t && typeof t == "function" && v(
|
|
29
28
|
t(
|
|
30
29
|
e,
|
|
31
30
|
o,
|
|
32
31
|
l,
|
|
33
|
-
{ ...
|
|
32
|
+
{ ...i, options: l },
|
|
34
33
|
/* @__PURE__ */ r(c, { ...n })
|
|
35
34
|
)
|
|
36
35
|
) ? /* @__PURE__ */ r(f, { value: e.value, children: t(
|
|
37
36
|
e,
|
|
38
37
|
o,
|
|
39
38
|
l,
|
|
40
|
-
{ ...
|
|
39
|
+
{ ...i, options: l },
|
|
41
40
|
/* @__PURE__ */ r(c, { ...n })
|
|
42
41
|
) }, e.value) : e.children?.length ? /* @__PURE__ */ d(
|
|
43
42
|
"div",
|
|
@@ -45,13 +44,13 @@ const V = (n) => {
|
|
|
45
44
|
className: "flex flex-col gap-1 truncate line-clamp-2",
|
|
46
45
|
children: [
|
|
47
46
|
/* @__PURE__ */ r(c, { ...n }),
|
|
48
|
-
e.children?.map((
|
|
49
|
-
|
|
47
|
+
e.children?.map((a, s, h) => /* @__PURE__ */ m(
|
|
48
|
+
g,
|
|
50
49
|
{
|
|
51
50
|
...n,
|
|
52
|
-
key:
|
|
53
|
-
option:
|
|
54
|
-
options:
|
|
51
|
+
key: a.value,
|
|
52
|
+
option: a,
|
|
53
|
+
options: h,
|
|
55
54
|
index: s,
|
|
56
55
|
deep: (u || 0) + 1
|
|
57
56
|
}
|
|
@@ -60,20 +59,20 @@ const V = (n) => {
|
|
|
60
59
|
},
|
|
61
60
|
e.value
|
|
62
61
|
) : /* @__PURE__ */ r(c, { ...n });
|
|
63
|
-
},
|
|
62
|
+
}, T = (n) => {
|
|
64
63
|
const {
|
|
65
64
|
value: t,
|
|
66
65
|
options: e,
|
|
67
66
|
onChange: o,
|
|
68
67
|
nullable: l = !1,
|
|
69
68
|
clearLabel: u = "Clear",
|
|
70
|
-
disabled:
|
|
69
|
+
disabled: i
|
|
71
70
|
} = n;
|
|
72
|
-
return /* @__PURE__ */ d(S, { value: t, onValueChange: o, disabled:
|
|
71
|
+
return /* @__PURE__ */ d(S, { value: t, onValueChange: o, disabled: i, children: [
|
|
73
72
|
/* @__PURE__ */ r(V, { ...n }),
|
|
74
73
|
/* @__PURE__ */ d(y, { children: [
|
|
75
74
|
l && /* @__PURE__ */ r(
|
|
76
|
-
|
|
75
|
+
R,
|
|
77
76
|
{
|
|
78
77
|
className: "w-full px-2",
|
|
79
78
|
variant: "secondary",
|
|
@@ -84,12 +83,12 @@ const V = (n) => {
|
|
|
84
83
|
children: u
|
|
85
84
|
}
|
|
86
85
|
),
|
|
87
|
-
e.map((
|
|
88
|
-
|
|
86
|
+
e.map((a, s) => /* @__PURE__ */ m(
|
|
87
|
+
g,
|
|
89
88
|
{
|
|
90
89
|
...n,
|
|
91
|
-
key:
|
|
92
|
-
option:
|
|
90
|
+
key: a.value,
|
|
91
|
+
option: a,
|
|
93
92
|
index: s,
|
|
94
93
|
deep: 0
|
|
95
94
|
}
|
|
@@ -98,5 +97,6 @@ const V = (n) => {
|
|
|
98
97
|
] });
|
|
99
98
|
};
|
|
100
99
|
export {
|
|
101
|
-
|
|
100
|
+
T as Select
|
|
102
101
|
};
|
|
102
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isValidElement, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport {\n SelectContent,\n SelectItem,\n SelectOption,\n SelectProps,\n SelectRoot,\n SelectTrigger,\n SelectValue,\n} from '../Select';\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderSelectTrigger = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData>\n) => {\n const { placeholder, renderTrigger, slotProps } = props;\n const defaultComponent = (\n <SelectTrigger {...(slotProps?.triggerProps || {})}>\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n );\n\n if (\n Boolean(renderTrigger) &&\n typeof renderTrigger === 'function' &&\n isValidReactElement(renderTrigger(props, defaultComponent))\n ) {\n return renderTrigger(props, defaultComponent);\n }\n\n return defaultComponent;\n};\n\nconst DefaultRenderSelectOption = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n deep?: number;\n children?: ((params: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n }) => ReactNode) | ReactNode;\n }\n) => {\n const { children, option, deep = 0 } = props;\n\n return (\n <SelectItem\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n className='cursor-pointer'\n style={{ paddingLeft: `calc(8px + ${(deep || 0) * 8}px)` }}\n >\n {!children && option.label}\n {children && (\n <>\n {typeof children === 'function'\n ? children({ ...props })\n : children\n }\n </>\n )}\n </SelectItem>\n )\n};\n\nconst RenderSelectOption = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n deep?: number;\n }\n) => {\n const { renderOption, option, index, options, deep = 0, ...rest } = props;\n\n if (\n Boolean(renderOption) &&\n typeof renderOption === 'function' &&\n isValidElement(\n renderOption(\n option,\n index,\n options,\n { ...rest, options },\n <DefaultRenderSelectOption {...props} />\n )\n )\n ) {\n return (\n <SelectItem key={option.value} value={option.value}>\n {renderOption(\n option,\n index,\n options,\n { ...rest, options },\n <DefaultRenderSelectOption {...props} />\n )}\n </SelectItem>\n );\n }\n\n if(!option.children?.length) {\n return <DefaultRenderSelectOption {...props} />;\n }\n\n return (\n <div\n key={option.value}\n className=\"flex flex-col gap-1 truncate line-clamp-2\"\n >\n <DefaultRenderSelectOption {...props} />\n {option.children?.map((child, idx, arr) => (\n <RenderSelectOption\n {...props}\n key={child.value}\n option={child}\n options={arr}\n index={idx}\n deep={(deep || 0) + 1}\n />\n ))}\n </div>\n )\n};\n\n// TODO: add description\nexport const Select = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData>\n) => {\n const {\n value,\n options,\n onChange,\n nullable = false,\n clearLabel = 'Clear',\n disabled,\n } = props;\n\n return (\n <SelectRoot value={value} onValueChange={onChange} disabled={disabled}>\n <RenderSelectTrigger {...props} />\n <SelectContent>\n {nullable && (\n <Button\n className=\"w-full px-2\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={() => {\n onChange?.('');\n }}\n >\n {clearLabel}\n </Button>\n )}\n {options.map((option, index) => (\n <RenderSelectOption\n {...props}\n key={option.value}\n option={option}\n index={index}\n deep={0}\n />\n ))}\n </SelectContent>\n </SelectRoot>\n );\n};\n"],"names":["RenderSelectTrigger","props","placeholder","renderTrigger","slotProps","defaultComponent","jsx","SelectTrigger","SelectValue","isValidReactElement","DefaultRenderSelectOption","children","option","deep","jsxs","SelectItem","Fragment","RenderSelectOption","renderOption","index","options","rest","isValidElement","child","idx","arr","createElement","Select","value","onChange","nullable","clearLabel","disabled","SelectRoot","SelectContent","Button"],"mappings":"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"}
|
package/Select/SelectRoot.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import * as l from "react";
|
|
3
3
|
import * as e from "@radix-ui/react-select";
|
|
4
|
-
import { ChevronDown as n,
|
|
4
|
+
import { ChevronDown as n, Check as u, ChevronUp as h } from "lucide-react";
|
|
5
5
|
import { cn as s } from "@oneplatformdev/utils";
|
|
6
6
|
const R = e.Root, C = e.Group, I = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
|
|
7
7
|
e.Trigger,
|
|
@@ -29,7 +29,7 @@ const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
|
|
|
29
29
|
o
|
|
30
30
|
),
|
|
31
31
|
...r,
|
|
32
|
-
children: /* @__PURE__ */ t(
|
|
32
|
+
children: /* @__PURE__ */ t(h, { className: "h-4 w-4" })
|
|
33
33
|
}
|
|
34
34
|
));
|
|
35
35
|
c.displayName = e.ScrollUpButton.displayName;
|
|
@@ -97,7 +97,7 @@ const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__
|
|
|
97
97
|
),
|
|
98
98
|
...a,
|
|
99
99
|
children: [
|
|
100
|
-
/* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(
|
|
100
|
+
/* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "h-4 w-4" }) }) }),
|
|
101
101
|
/* @__PURE__ */ t(e.ItemText, { children: r })
|
|
102
102
|
]
|
|
103
103
|
}
|
|
@@ -124,3 +124,4 @@ export {
|
|
|
124
124
|
w as SelectTrigger,
|
|
125
125
|
I as SelectValue
|
|
126
126
|
};
|
|
127
|
+
//# sourceMappingURL=SelectRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectRoot.js","sources":["../../src/Select/SelectRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst SelectRoot = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n 'disabled:[&>svg]:hidden',\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", style, ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n style={{\n pointerEvents: 'auto',\n ...style,\n }}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n SelectRoot,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n}\n"],"names":["SelectRoot","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","style","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|