@bigbinary/neeto-atoms 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ColorPicker-BPvxDGDM.js +276 -0
- package/dist/ColorPicker-BPvxDGDM.js.map +1 -0
- package/dist/{DataTable-Y4POx0WN.js → DataTable-BKe9K5XP.js} +136 -136
- package/dist/DataTable-BKe9K5XP.js.map +1 -0
- package/dist/cjs/ColorPicker-DN8aynGh.js +282 -0
- package/dist/cjs/ColorPicker-DN8aynGh.js.map +1 -0
- package/dist/cjs/{DataTable-DJw2SZ7b.js → DataTable-BQt_mXDX.js} +136 -136
- package/dist/cjs/DataTable-BQt_mXDX.js.map +1 -0
- package/dist/cjs/components/Accordion.js +49 -0
- package/dist/cjs/components/Accordion.js.map +1 -0
- package/dist/cjs/components/Alert.js +101 -0
- package/dist/cjs/components/Alert.js.map +1 -0
- package/dist/cjs/components/Badge.js +71 -0
- package/dist/cjs/components/Badge.js.map +1 -0
- package/dist/cjs/components/Button.js +121 -0
- package/dist/cjs/components/Button.js.map +1 -0
- package/dist/cjs/components/Checkbox.js +44 -0
- package/dist/cjs/components/Checkbox.js.map +1 -0
- package/dist/cjs/components/ColorPicker.js +34 -0
- package/dist/cjs/components/ColorPicker.js.map +1 -0
- package/dist/cjs/components/DataTable.js +3 -3
- package/dist/cjs/components/Dialog.js +88 -0
- package/dist/cjs/components/Dialog.js.map +1 -0
- package/dist/cjs/components/DropdownMenu.js +180 -0
- package/dist/cjs/components/DropdownMenu.js.map +1 -0
- package/dist/cjs/components/Input.js +167 -0
- package/dist/cjs/components/Input.js.map +1 -0
- package/dist/cjs/components/MultiSelect.js +13 -0
- package/dist/cjs/components/MultiSelect.js.map +1 -0
- package/dist/cjs/components/MultiSelectCombobox.js +3 -0
- package/dist/cjs/components/MultiSelectCombobox.js.map +1 -0
- package/dist/cjs/components/MultiSelectDropdown.js +37 -0
- package/dist/cjs/components/MultiSelectDropdown.js.map +1 -0
- package/dist/cjs/components/OptionItem.js +34 -0
- package/dist/cjs/components/OptionItem.js.map +1 -0
- package/dist/cjs/components/Popover.js +123 -0
- package/dist/cjs/components/Popover.js.map +1 -0
- package/dist/cjs/components/RadioGroup.js +63 -0
- package/dist/cjs/components/RadioGroup.js.map +1 -0
- package/dist/cjs/components/Select.js +3 -0
- package/dist/cjs/components/Select.js.map +1 -0
- package/dist/cjs/components/SelectFieldWrapper.js +33 -0
- package/dist/cjs/components/SelectFieldWrapper.js.map +1 -0
- package/dist/cjs/components/SelectOptions.js +43 -0
- package/dist/cjs/components/SelectOptions.js.map +1 -0
- package/dist/cjs/components/SelectTriggerContent.js +43 -0
- package/dist/cjs/components/SelectTriggerContent.js.map +1 -0
- package/dist/cjs/components/Sheet.js +90 -0
- package/dist/cjs/components/Sheet.js.map +1 -0
- package/dist/cjs/components/Switch.js +35 -0
- package/dist/cjs/components/Switch.js.map +1 -0
- package/dist/cjs/components/Tabs.js +74 -0
- package/dist/cjs/components/Tabs.js.map +1 -0
- package/dist/cjs/components/Textarea.js +89 -0
- package/dist/cjs/components/Textarea.js.map +1 -0
- package/dist/cjs/components/Toastr.js +133 -0
- package/dist/cjs/components/Toastr.js.map +1 -0
- package/dist/cjs/components/Tooltip.js +109 -0
- package/dist/cjs/components/Tooltip.js.map +1 -0
- package/dist/cjs/{primitives → components}/Typography.js +6 -6
- package/dist/cjs/components/Typography.js.map +1 -0
- package/dist/cjs/components/shared.js +8 -0
- package/dist/cjs/components/shared.js.map +1 -0
- package/dist/cjs/{dialog-DzNWLbJ6.js → dialog-CF2GBHOG.js} +2 -2
- package/dist/cjs/{dialog-DzNWLbJ6.js.map → dialog-CF2GBHOG.js.map} +1 -1
- package/dist/cjs/{index-DAds6mf_.js → index-BLGrl3PF.js} +31 -31
- package/dist/cjs/{index-DAds6mf_.js.map → index-BLGrl3PF.js.map} +1 -1
- package/dist/cjs/{index-BqCr1H3u.js → index-BiGm7NEA.js} +11 -11
- package/dist/cjs/{index-BqCr1H3u.js.map → index-BiGm7NEA.js.map} +1 -1
- package/dist/cjs/{index-CGet1HH4.js → index-PdtYHwPi.js} +66 -66
- package/dist/cjs/{index-CGet1HH4.js.map → index-PdtYHwPi.js.map} +1 -1
- package/dist/cjs/index-Vlwnyfvs.js +1145 -0
- package/dist/cjs/index-Vlwnyfvs.js.map +1 -0
- package/dist/cjs/{index-DR7GJU4J.js → index-hQmfI1O7.js} +17 -17
- package/dist/cjs/{index-DR7GJU4J.js.map → index-hQmfI1O7.js.map} +1 -1
- package/dist/cjs/index.js +463 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/primitives/Accordion.js +16 -16
- package/dist/cjs/primitives/Accordion.js.map +1 -1
- package/dist/cjs/primitives/AlertDialog.js +1 -1
- package/dist/cjs/primitives/Badge.js +58 -6
- package/dist/cjs/primitives/Badge.js.map +1 -1
- package/dist/cjs/primitives/Chart.js +137 -137
- package/dist/cjs/primitives/Chart.js.map +1 -1
- package/dist/cjs/primitives/Collapsible.js +1 -1
- package/dist/cjs/primitives/Combobox.js +4 -4
- package/dist/cjs/primitives/Combobox.js.map +1 -1
- package/dist/cjs/primitives/Command.js +2 -2
- package/dist/cjs/primitives/ContextMenu.js +2 -2
- package/dist/cjs/primitives/Dialog.js +10 -6
- package/dist/cjs/primitives/Dialog.js.map +1 -1
- package/dist/cjs/primitives/Drawer.js +1 -1
- package/dist/cjs/primitives/DropdownMenu.js +38 -38
- package/dist/cjs/primitives/DropdownMenu.js.map +1 -1
- package/dist/cjs/primitives/HoverCard.js +16 -16
- package/dist/cjs/primitives/Menubar.js +2 -2
- package/dist/cjs/primitives/Popover.js +13 -13
- package/dist/cjs/primitives/RadioGroup.js +27 -26
- package/dist/cjs/primitives/RadioGroup.js.map +1 -1
- package/dist/cjs/primitives/Select.js +77 -77
- package/dist/cjs/primitives/Sheet.js +10 -6
- package/dist/cjs/primitives/Sheet.js.map +1 -1
- package/dist/cjs/primitives/Sidebar.js +3 -3
- package/dist/cjs/primitives/Sonner.js +12 -1138
- package/dist/cjs/primitives/Sonner.js.map +1 -1
- package/dist/cjs/primitives/Switch.js +4 -8
- package/dist/cjs/primitives/Switch.js.map +1 -1
- package/dist/cjs/primitives/Tabs.js +11 -11
- package/dist/cjs/primitives/ToggleGroup.js +1 -1
- package/dist/cjs/primitives/Tooltip.js +1 -1
- package/dist/cjs/primitives/index.js +9 -11
- package/dist/cjs/primitives/index.js.map +1 -1
- package/dist/cjs/renderIcon-fLF3odqg.js +26 -0
- package/dist/cjs/renderIcon-fLF3odqg.js.map +1 -0
- package/dist/cjs/{sheet-nHSYZxAA.js → sheet-CkCrHmVA.js} +2 -2
- package/dist/cjs/{sheet-nHSYZxAA.js.map → sheet-CkCrHmVA.js.map} +1 -1
- package/dist/cjs/{tooltip-CRkOMh1b.js → tooltip-C-568jEL.js} +17 -17
- package/dist/cjs/{tooltip-CRkOMh1b.js.map → tooltip-C-568jEL.js.map} +1 -1
- package/dist/cjs/useCreatableItems-BTHtd7uo.js +100 -0
- package/dist/cjs/useCreatableItems-BTHtd7uo.js.map +1 -0
- package/dist/cjs/{reselect-CeyIIDM-.js → with-selector-u4xTSzCv.js} +111 -111
- package/dist/cjs/with-selector-u4xTSzCv.js.map +1 -0
- package/dist/components/Accordion.d.ts +18 -0
- package/dist/components/Accordion.js +43 -0
- package/dist/components/Accordion.js.map +1 -0
- package/dist/components/Alert.d.ts +51 -0
- package/dist/components/Alert.js +99 -0
- package/dist/components/Alert.js.map +1 -0
- package/dist/components/Badge.d.ts +29 -0
- package/dist/components/Badge.js +69 -0
- package/dist/components/Badge.js.map +1 -0
- package/dist/components/Button.d.ts +47 -0
- package/dist/components/Button.js +119 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/Checkbox.d.ts +16 -0
- package/dist/components/Checkbox.js +42 -0
- package/dist/components/Checkbox.js.map +1 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts +4 -0
- package/dist/components/ColorPicker/Palette.d.ts +12 -0
- package/dist/components/ColorPicker/Target.d.ts +15 -0
- package/dist/components/ColorPicker/constants.d.ts +10 -0
- package/dist/components/ColorPicker/hooks/useEyeDropper.d.ts +15 -0
- package/dist/components/ColorPicker/hooks/useRecentlyUsedColors.d.ts +11 -0
- package/dist/components/ColorPicker/index.d.ts +2 -0
- package/dist/components/ColorPicker/types.d.ts +42 -0
- package/dist/components/ColorPicker/utils.d.ts +31 -0
- package/dist/components/ColorPicker.js +28 -0
- package/dist/components/ColorPicker.js.map +1 -0
- package/dist/components/DataTable.js +2 -2
- package/dist/components/Dialog.d.ts +56 -0
- package/dist/components/Dialog.js +86 -0
- package/dist/components/Dialog.js.map +1 -0
- package/dist/components/DropdownMenu/Divider.d.ts +3 -0
- package/dist/components/DropdownMenu/DropdownBase.d.ts +3 -0
- package/dist/components/DropdownMenu/Label.d.ts +7 -0
- package/dist/components/DropdownMenu/Menu.d.ts +7 -0
- package/dist/components/DropdownMenu/MenuItem.d.ts +10 -0
- package/dist/components/DropdownMenu/MenuItemButton.d.ts +4 -0
- package/dist/components/DropdownMenu/SplitTrigger.d.ts +13 -0
- package/dist/components/DropdownMenu/SubMenu.d.ts +10 -0
- package/dist/components/DropdownMenu/TriggerButton.d.ts +10 -0
- package/dist/components/DropdownMenu/constants.d.ts +7 -0
- package/dist/components/DropdownMenu/index.d.ts +16 -0
- package/dist/components/DropdownMenu/types.d.ts +88 -0
- package/dist/components/DropdownMenu.js +178 -0
- package/dist/components/DropdownMenu.js.map +1 -0
- package/dist/components/Input.d.ts +39 -0
- package/dist/components/Input.js +165 -0
- package/dist/components/Input.js.map +1 -0
- package/dist/components/MultiSelect.constants.d.ts +5 -0
- package/dist/components/MultiSelect.d.ts +4 -0
- package/dist/components/MultiSelect.js +4 -0
- package/dist/components/MultiSelect.js.map +1 -0
- package/dist/components/MultiSelect.types.d.ts +121 -0
- package/dist/components/MultiSelect.utils.d.ts +18 -0
- package/dist/components/MultiSelectCombobox.d.ts +3 -0
- package/dist/components/MultiSelectCombobox.js +2 -0
- package/dist/components/MultiSelectCombobox.js.map +1 -0
- package/dist/components/MultiSelectCombobox.types.d.ts +52 -0
- package/dist/components/MultiSelectDropdown.d.ts +9 -0
- package/dist/components/MultiSelectDropdown.js +35 -0
- package/dist/components/MultiSelectDropdown.js.map +1 -0
- package/dist/components/OptionItem.d.ts +9 -0
- package/dist/components/OptionItem.js +32 -0
- package/dist/components/OptionItem.js.map +1 -0
- package/dist/components/Popover.d.ts +47 -0
- package/dist/components/Popover.js +117 -0
- package/dist/components/Popover.js.map +1 -0
- package/dist/components/RadioGroup.d.ts +32 -0
- package/dist/components/RadioGroup.js +61 -0
- package/dist/components/RadioGroup.js.map +1 -0
- package/dist/components/Select.constants.d.ts +5 -0
- package/dist/components/Select.d.ts +4 -0
- package/dist/components/Select.js +2 -0
- package/dist/components/Select.js.map +1 -0
- package/dist/components/Select.types.d.ts +58 -0
- package/dist/components/SelectFieldWrapper.d.ts +18 -0
- package/dist/components/SelectFieldWrapper.js +31 -0
- package/dist/components/SelectFieldWrapper.js.map +1 -0
- package/dist/components/SelectOptions.d.ts +2 -0
- package/dist/components/SelectOptions.js +41 -0
- package/dist/components/SelectOptions.js.map +1 -0
- package/dist/components/SelectTriggerContent.d.ts +18 -0
- package/dist/components/SelectTriggerContent.js +41 -0
- package/dist/components/SelectTriggerContent.js.map +1 -0
- package/dist/components/Sheet.d.ts +54 -0
- package/dist/components/Sheet.js +88 -0
- package/dist/components/Sheet.js.map +1 -0
- package/dist/components/Switch.d.ts +18 -0
- package/dist/components/Switch.js +33 -0
- package/dist/components/Switch.js.map +1 -0
- package/dist/components/Tabs.d.ts +20 -0
- package/dist/components/Tabs.js +72 -0
- package/dist/components/Tabs.js.map +1 -0
- package/dist/components/Textarea.d.ts +36 -0
- package/dist/components/Textarea.js +87 -0
- package/dist/components/Textarea.js.map +1 -0
- package/dist/components/Toastr.d.ts +30 -0
- package/dist/components/Toastr.js +131 -0
- package/dist/components/Toastr.js.map +1 -0
- package/dist/components/Tooltip.d.ts +29 -0
- package/dist/components/Tooltip.js +103 -0
- package/dist/components/Tooltip.js.map +1 -0
- package/dist/{primitives → components}/Typography.d.ts +2 -2
- package/dist/{primitives → components}/Typography.js +6 -6
- package/dist/components/Typography.js.map +1 -0
- package/dist/components/shared.js +6 -0
- package/dist/components/shared.js.map +1 -0
- package/dist/components/shared.types.d.ts +16 -0
- package/dist/{dialog-C97DOTvO.js → dialog-Civ9r6wD.js} +3 -3
- package/dist/{dialog-C97DOTvO.js.map → dialog-Civ9r6wD.js.map} +1 -1
- package/dist/hooks/useAsyncOptions.d.ts +13 -0
- package/dist/hooks/useCreatableItems.d.ts +30 -0
- package/dist/hooks/useLazyLoadSentinel.d.ts +6 -0
- package/dist/hooks/useMultiSelectOptions.d.ts +15 -0
- package/dist/hooks/useMultiSelectState.d.ts +37 -0
- package/dist/hooks/useSelectState.d.ts +27 -0
- package/dist/{index-PF0ms7Xn.js → index-9HvIbmnI.js} +3 -3
- package/dist/{index-PF0ms7Xn.js.map → index-9HvIbmnI.js.map} +1 -1
- package/dist/index-D_roZz8G.js +1137 -0
- package/dist/index-D_roZz8G.js.map +1 -0
- package/dist/{index-BwxI_qgh.js → index-KzJfsx-e.js} +3 -3
- package/dist/{index-BwxI_qgh.js.map → index-KzJfsx-e.js.map} +1 -1
- package/dist/index.css +25 -1
- package/dist/index.d.ts +40 -0
- package/dist/index.js +440 -24
- package/dist/index.js.map +1 -1
- package/dist/{input-group-CDBpz6Pb.js → input-group-ytECR3Hw.js} +2 -2
- package/dist/{input-group-CDBpz6Pb.js.map → input-group-ytECR3Hw.js.map} +1 -1
- package/dist/lib/renderIcon.d.ts +5 -0
- package/dist/primitives/Accordion.js +1 -1
- package/dist/primitives/AlertDialog.js +1 -1
- package/dist/primitives/Badge.d.ts +13 -3
- package/dist/primitives/Badge.js +54 -2
- package/dist/primitives/Badge.js.map +1 -1
- package/dist/primitives/Chart.js +1 -1
- package/dist/primitives/Combobox.js +3 -3
- package/dist/primitives/Command.js +3 -3
- package/dist/primitives/ContextMenu.js +1 -1
- package/dist/primitives/Dialog.d.ts +11 -3
- package/dist/primitives/Dialog.js +11 -7
- package/dist/primitives/Dialog.js.map +1 -1
- package/dist/primitives/Drawer.js +1 -1
- package/dist/primitives/DropdownMenu.js +2 -2
- package/dist/primitives/InputGroup.js +1 -1
- package/dist/primitives/Menubar.js +1 -1
- package/dist/primitives/RadioGroup.d.ts +8 -3
- package/dist/primitives/RadioGroup.js +9 -8
- package/dist/primitives/RadioGroup.js.map +1 -1
- package/dist/primitives/Select.js +3 -3
- package/dist/primitives/Sheet.d.ts +12 -3
- package/dist/primitives/Sheet.js +11 -7
- package/dist/primitives/Sheet.js.map +1 -1
- package/dist/primitives/Sidebar.js +3 -3
- package/dist/primitives/Sonner.js +11 -1135
- package/dist/primitives/Sonner.js.map +1 -1
- package/dist/primitives/Switch.d.ts +6 -3
- package/dist/primitives/Switch.js +4 -8
- package/dist/primitives/Switch.js.map +1 -1
- package/dist/primitives/Tooltip.js +1 -1
- package/dist/primitives/index.d.ts +0 -1
- package/dist/primitives/index.js +8 -8
- package/dist/renderIcon-tlvMyboj.js +20 -0
- package/dist/renderIcon-tlvMyboj.js.map +1 -0
- package/dist/shadcn/components/typography.d.ts +4 -4
- package/dist/{sheet-D1ngftfX.js → sheet-COcn22fC.js} +3 -3
- package/dist/{sheet-D1ngftfX.js.map → sheet-COcn22fC.js.map} +1 -1
- package/dist/{tooltip-D5soNrAP.js → tooltip-DzjIJacP.js} +3 -3
- package/dist/{tooltip-D5soNrAP.js.map → tooltip-DzjIJacP.js.map} +1 -1
- package/dist/useCreatableItems-B0seQA1_.js +89 -0
- package/dist/useCreatableItems-B0seQA1_.js.map +1 -0
- package/dist/utils/fieldIds.d.ts +2 -0
- package/dist/utils/hyphenize.d.ts +1 -0
- package/dist/{reselect-CABQm5hA.js → with-selector--fY1NrB9.js} +111 -111
- package/dist/with-selector--fY1NrB9.js.map +1 -0
- package/package.json +2 -1
- package/dist/DataTable-Y4POx0WN.js.map +0 -1
- package/dist/cjs/DataTable-DJw2SZ7b.js.map +0 -1
- package/dist/cjs/primitives/Typography.js.map +0 -1
- package/dist/cjs/reselect-CeyIIDM-.js.map +0 -1
- package/dist/primitives/Typography.js.map +0 -1
- package/dist/reselect-CABQm5hA.js.map +0 -1
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { c as cn } from '../utils-DdHUxIdC.js';
|
|
4
|
+
import { DialogHeader as DialogHeader$1, DialogDescription, DialogFooter as DialogFooter$1, DialogTitle as DialogTitle$1, Dialog as Dialog$1, DialogContent } from '../primitives/Dialog.js';
|
|
5
|
+
import '../button-COIbN8dg.js';
|
|
6
|
+
import '../index-D7Zy7P05.js';
|
|
7
|
+
import '../index-CfriMyrd.js';
|
|
8
|
+
import '../index-BtkPdosV.js';
|
|
9
|
+
import '../dialog-Civ9r6wD.js';
|
|
10
|
+
import '../x-_o2T3n6D.js';
|
|
11
|
+
import '../createLucideIcon-C8ycilSN.js';
|
|
12
|
+
import '../index-9HvIbmnI.js';
|
|
13
|
+
import '../index-DNzunGHb.js';
|
|
14
|
+
import '../index-CiyxEyB0.js';
|
|
15
|
+
import '../index-zW4GjM5L.js';
|
|
16
|
+
import '../index-DOzu5J1s.js';
|
|
17
|
+
import '../index-Cor698lu.js';
|
|
18
|
+
import '../index-BNPynZWM.js';
|
|
19
|
+
import '../index-DhnfW8wQ.js';
|
|
20
|
+
import 'react-dom';
|
|
21
|
+
import '../index-CSUSJzOJ.js';
|
|
22
|
+
import '../index-B4_fVWDx.js';
|
|
23
|
+
import '../index-fV_U4ZJM.js';
|
|
24
|
+
import '../index-yFgkK_AM.js';
|
|
25
|
+
|
|
26
|
+
// ---------------------------------------------------------------------------
|
|
27
|
+
// Size mapping
|
|
28
|
+
// ---------------------------------------------------------------------------
|
|
29
|
+
const SIZE_CLASS_MAP = {
|
|
30
|
+
small: "sm:max-w-sm",
|
|
31
|
+
medium: "sm:max-w-md",
|
|
32
|
+
large: "sm:max-w-lg",
|
|
33
|
+
fullScreen: "h-screen w-screen max-w-none rounded-none sm:max-w-none",
|
|
34
|
+
};
|
|
35
|
+
const DialogHeader = forwardRef(({ children, className, description, dataTestid, ...otherProps }, ref) => (jsxs(DialogHeader$1, { ref: ref, className: cn(className), "data-testid": dataTestid ?? "dialog-header", ...otherProps, children: [children, description && jsx(DialogDescription, { children: description })] })));
|
|
36
|
+
DialogHeader.displayName = "Dialog.Header";
|
|
37
|
+
const DialogBody = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "dialog-body", "data-testid": dataTestid ?? "dialog-body", className: cn("text-sm text-foreground", className), ...otherProps, children: children })));
|
|
38
|
+
DialogBody.displayName = "Dialog.Body";
|
|
39
|
+
const DialogFooter = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx(DialogFooter$1, { ref: ref, className: cn(className), "data-testid": dataTestid ?? "dialog-footer", ...otherProps, children: children })));
|
|
40
|
+
DialogFooter.displayName = "Dialog.Footer";
|
|
41
|
+
const DialogTitle = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(DialogTitle$1, { ref: ref, className: cn(className), ...otherProps, children: children })));
|
|
42
|
+
DialogTitle.displayName = "Dialog.Title";
|
|
43
|
+
// ---------------------------------------------------------------------------
|
|
44
|
+
// Component
|
|
45
|
+
// ---------------------------------------------------------------------------
|
|
46
|
+
const Dialog = forwardRef(({ size = "medium", isOpen = false, onClose = () => { }, children, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, initialFocusRef, finalFocusRef, blockScrollOnMount = true, forceRender = false, modal: modalProp, defaultOpen,
|
|
47
|
+
// Radix content handlers — intercept and merge
|
|
48
|
+
onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherContentProps }, ref) => {
|
|
49
|
+
const handleOpenChange = (open) => {
|
|
50
|
+
if (!open)
|
|
51
|
+
onClose();
|
|
52
|
+
};
|
|
53
|
+
const handleInteractOutside = (e) => {
|
|
54
|
+
if (!closeOnOutsideClick)
|
|
55
|
+
e.preventDefault();
|
|
56
|
+
};
|
|
57
|
+
const handleEscapeKeyDown = (e) => {
|
|
58
|
+
if (!closeOnEsc)
|
|
59
|
+
e.preventDefault();
|
|
60
|
+
};
|
|
61
|
+
const handleOpenAutoFocus = (e) => {
|
|
62
|
+
if (initialFocusRef?.current) {
|
|
63
|
+
e.preventDefault();
|
|
64
|
+
initialFocusRef.current.focus();
|
|
65
|
+
}
|
|
66
|
+
onOpenAutoFocusProp?.(e);
|
|
67
|
+
};
|
|
68
|
+
const handleCloseAutoFocus = (e) => {
|
|
69
|
+
if (finalFocusRef?.current) {
|
|
70
|
+
e.preventDefault();
|
|
71
|
+
finalFocusRef.current.focus();
|
|
72
|
+
}
|
|
73
|
+
onCloseAutoFocusProp?.(e);
|
|
74
|
+
};
|
|
75
|
+
// `modal` prop takes precedence; fall back to blockScrollOnMount
|
|
76
|
+
const resolvedModal = modalProp ?? blockScrollOnMount;
|
|
77
|
+
return (jsx(Dialog$1, { open: isOpen, onOpenChange: handleOpenChange, modal: resolvedModal, defaultOpen: defaultOpen, children: jsx(DialogContent, { ref: ref, "aria-modal": true, showCloseButton: closeButton, forceMount: forceRender || undefined, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: cn(SIZE_CLASS_MAP[size], className), "data-testid": "dialog-wrapper", ...otherContentProps, children: children }) }));
|
|
78
|
+
});
|
|
79
|
+
Dialog.displayName = "Dialog";
|
|
80
|
+
Dialog.Header = DialogHeader;
|
|
81
|
+
Dialog.Body = DialogBody;
|
|
82
|
+
Dialog.Footer = DialogFooter;
|
|
83
|
+
Dialog.Title = DialogTitle;
|
|
84
|
+
|
|
85
|
+
export { Dialog };
|
|
86
|
+
//# sourceMappingURL=Dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../src/components/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n Dialog as PrimitiveDialog,\n DialogContent as PrimitiveDialogContent,\n DialogDescription,\n DialogFooter as PrimitiveDialogFooter,\n DialogHeader as PrimitiveDialogHeader,\n DialogTitle as PrimitiveDialogTitle,\n} from \"src/primitives/Dialog\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype DialogSize = \"small\" | \"medium\" | \"large\" | \"fullScreen\";\n\n/** Radix Dialog.Content props we forward via ...otherProps. */\ntype DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;\n\nexport interface DialogProps extends Omit<\n DialogContentProps,\n | \"children\"\n | \"className\"\n | \"showCloseButton\"\n | \"onEscapeKeyDown\"\n | \"onInteractOutside\"\n> {\n /** Size of the dialog. */\n size?: DialogSize;\n /** Whether the dialog is open. */\n isOpen?: boolean;\n /** Callback invoked when the dialog is closed. */\n onClose?: () => void;\n /** Content rendered inside the dialog. */\n children?: ReactNode;\n /** Additional CSS class names applied to the dialog content. */\n className?: string;\n /** Close on pressing the Esc key. */\n closeOnEsc?: boolean;\n /** Show the close button. */\n closeButton?: boolean;\n /** Additional CSS class names applied to the backdrop/overlay. */\n backdropClassName?: string;\n /** Close on clicking outside the dialog. */\n closeOnOutsideClick?: boolean;\n /** Ref of the element to receive focus when the dialog opens. */\n initialFocusRef?: RefObject<HTMLElement | null>;\n /** Ref of the element to receive focus when the dialog closes. */\n finalFocusRef?: RefObject<HTMLElement | null>;\n /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */\n blockScrollOnMount?: boolean;\n /** Force children to re-render even when the dialog is closed. */\n forceRender?: boolean;\n /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */\n modal?: boolean;\n /** Radix Dialog `defaultOpen` prop. */\n defaultOpen?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Size mapping\n// ---------------------------------------------------------------------------\n\nconst SIZE_CLASS_MAP: Record<DialogSize, string> = {\n small: \"sm:max-w-sm\",\n medium: \"sm:max-w-md\",\n large: \"sm:max-w-lg\",\n fullScreen: \"h-screen w-screen max-w-none rounded-none sm:max-w-none\",\n};\n\n// ---------------------------------------------------------------------------\n// Subcomponents\n// ---------------------------------------------------------------------------\n\ninterface DialogSubcomponentProps extends React.ComponentProps<\"div\"> {\n children?: ReactNode;\n className?: string;\n /** Custom data-testid attribute. */\n dataTestid?: string;\n}\n\nconst DialogHeader = forwardRef<\n HTMLDivElement,\n DialogSubcomponentProps & { description?: string }\n>(({ children, className, description, dataTestid, ...otherProps }, ref) => (\n <PrimitiveDialogHeader\n ref={ref}\n className={cn(className)}\n data-testid={dataTestid ?? \"dialog-header\"}\n {...otherProps}\n >\n {children}\n {description && <DialogDescription>{description}</DialogDescription>}\n </PrimitiveDialogHeader>\n));\nDialogHeader.displayName = \"Dialog.Header\";\n\nconst DialogBody = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n ({ children, className, dataTestid, ...otherProps }, ref) => (\n <div\n ref={ref}\n data-slot=\"dialog-body\"\n data-testid={dataTestid ?? \"dialog-body\"}\n className={cn(\"text-sm text-foreground\", className)}\n {...otherProps}\n >\n {children}\n </div>\n )\n);\nDialogBody.displayName = \"Dialog.Body\";\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n ({ children, className, dataTestid, ...otherProps }, ref) => (\n <PrimitiveDialogFooter\n ref={ref}\n className={cn(className)}\n data-testid={dataTestid ?? \"dialog-footer\"}\n {...otherProps}\n >\n {children}\n </PrimitiveDialogFooter>\n )\n);\nDialogFooter.displayName = \"Dialog.Footer\";\n\nconst DialogTitle = forwardRef<\n HTMLHeadingElement,\n React.ComponentProps<typeof PrimitiveDialogTitle>\n>(({ children, className, ...otherProps }, ref) => (\n <PrimitiveDialogTitle ref={ref} className={cn(className)} {...otherProps}>\n {children}\n </PrimitiveDialogTitle>\n));\nDialogTitle.displayName = \"Dialog.Title\";\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(\n (\n {\n size = \"medium\",\n isOpen = false,\n onClose = () => {},\n children,\n className,\n closeOnEsc = true,\n closeButton = true,\n backdropClassName,\n closeOnOutsideClick = true,\n initialFocusRef,\n finalFocusRef,\n blockScrollOnMount = true,\n forceRender = false,\n modal: modalProp,\n defaultOpen,\n // Radix content handlers — intercept and merge\n onOpenAutoFocus: onOpenAutoFocusProp,\n onCloseAutoFocus: onCloseAutoFocusProp,\n ...otherContentProps\n },\n ref\n ) => {\n const handleOpenChange = (open: boolean) => {\n if (!open) onClose();\n };\n\n const handleInteractOutside = (e: Event) => {\n if (!closeOnOutsideClick) e.preventDefault();\n };\n\n const handleEscapeKeyDown = (e: KeyboardEvent) => {\n if (!closeOnEsc) e.preventDefault();\n };\n\n const handleOpenAutoFocus = (e: Event) => {\n if (initialFocusRef?.current) {\n e.preventDefault();\n initialFocusRef.current.focus();\n }\n onOpenAutoFocusProp?.(e);\n };\n\n const handleCloseAutoFocus = (e: Event) => {\n if (finalFocusRef?.current) {\n e.preventDefault();\n finalFocusRef.current.focus();\n }\n onCloseAutoFocusProp?.(e);\n };\n\n // `modal` prop takes precedence; fall back to blockScrollOnMount\n const resolvedModal = modalProp ?? blockScrollOnMount;\n\n return (\n <PrimitiveDialog\n open={isOpen}\n onOpenChange={handleOpenChange}\n modal={resolvedModal}\n defaultOpen={defaultOpen}\n >\n <PrimitiveDialogContent\n ref={ref}\n aria-modal\n showCloseButton={closeButton}\n forceMount={forceRender || undefined}\n overlayClassName={backdropClassName}\n onInteractOutside={handleInteractOutside}\n onEscapeKeyDown={handleEscapeKeyDown}\n onOpenAutoFocus={handleOpenAutoFocus}\n onCloseAutoFocus={handleCloseAutoFocus}\n className={cn(SIZE_CLASS_MAP[size], className)}\n data-testid=\"dialog-wrapper\"\n {...otherContentProps}\n >\n {children}\n </PrimitiveDialogContent>\n </PrimitiveDialog>\n );\n }\n) as React.ForwardRefExoticComponent<\n DialogProps & React.RefAttributes<HTMLDivElement>\n> & {\n Header: typeof DialogHeader;\n Body: typeof DialogBody;\n Footer: typeof DialogFooter;\n Title: typeof DialogTitle;\n};\n\nDialog.displayName = \"Dialog\";\nDialog.Header = DialogHeader;\nDialog.Body = DialogBody;\nDialog.Footer = DialogFooter;\nDialog.Title = DialogTitle;\n\nexport { Dialog };\n"],"names":["_jsxs","PrimitiveDialogHeader","_jsx","PrimitiveDialogFooter","PrimitiveDialogTitle","PrimitiveDialog","PrimitiveDialogContent"],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type DropdownProps } from "./types";
|
|
2
|
+
declare const DropdownBase: ({ label, icon, buttonStyle, buttonSize, buttonProps, customTarget, disabled, children, position, closeOnEsc, closeOnSelect, closeOnOutsideClick, isOpen: isOpenProp, onClose, onClick, className, triggerRef, dropdownProps, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export { DropdownBase };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { type ReactNode } from "react";
|
|
2
|
+
interface MenuLabelProps extends React.ComponentProps<"div"> {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<MenuLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Label };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { type ReactNode } from "react";
|
|
2
|
+
interface MenuProps extends React.ComponentProps<"div"> {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const Menu: React.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Menu };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { type ReactNode } from "react";
|
|
2
|
+
import { MenuItemButton } from "./MenuItemButton";
|
|
3
|
+
interface MenuItemProps extends React.ComponentProps<"div"> {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLDivElement>> & {
|
|
8
|
+
Button: typeof MenuItemButton;
|
|
9
|
+
};
|
|
10
|
+
export { MenuItem };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { BaseTriggerProps } from "./types";
|
|
3
|
+
interface SplitTriggerOwnProps extends BaseTriggerProps {
|
|
4
|
+
/** Ref forwarded to the action button (left side). */
|
|
5
|
+
actionButtonRef?: React.Ref<HTMLButtonElement>;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Radix injects extra props (aria-expanded, data-state, …) via Slot on the
|
|
9
|
+
* DropdownMenuTrigger child. We capture them with a rest-spread.
|
|
10
|
+
*/
|
|
11
|
+
type SplitTriggerProps = SplitTriggerOwnProps & Omit<React.ComponentProps<"div">, keyof SplitTriggerOwnProps>;
|
|
12
|
+
declare const SplitTrigger: React.ForwardRefExoticComponent<Omit<SplitTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export { SplitTrigger };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import { type IconProp } from "src/lib/renderIcon";
|
|
3
|
+
interface SubMenuProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
icon?: IconProp;
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const SubMenu: import("react").ForwardRefExoticComponent<SubMenuProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export { SubMenu };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { BaseTriggerProps } from "./types";
|
|
3
|
+
/**
|
|
4
|
+
* Extra props that Radix's Slot injects when the parent Trigger uses
|
|
5
|
+
* `asChild` (aria-expanded, aria-haspopup, data-state, id, …).
|
|
6
|
+
* We capture them with a rest-spread so they reach the DOM button.
|
|
7
|
+
*/
|
|
8
|
+
type TriggerButtonProps = BaseTriggerProps & Omit<React.ComponentProps<"button">, keyof BaseTriggerProps>;
|
|
9
|
+
declare const TriggerButton: React.ForwardRefExoticComponent<Omit<TriggerButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export { TriggerButton };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ButtonSize, ButtonStyle } from "./types";
|
|
2
|
+
export declare const SIDE_MAP: Record<string, "top" | "right" | "bottom" | "left">;
|
|
3
|
+
export declare const ALIGN_MAP: Record<string, "start" | "center" | "end">;
|
|
4
|
+
export declare const BUTTON_STYLE_MAP: Record<ButtonStyle, "default" | "secondary" | "destructive" | "outline" | "ghost" | "link">;
|
|
5
|
+
export declare const BUTTON_SIZE_MAP: Record<ButtonSize, "sm" | "default" | "lg">;
|
|
6
|
+
export declare const MENU_ITEM_STYLE_MAP: Record<"default" | "danger", "default" | "destructive">;
|
|
7
|
+
export declare const CHEVRON_SIZE_MAP: Record<ButtonSize, string>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { DropdownBase } from "./DropdownBase";
|
|
2
|
+
import { Divider } from "./Divider";
|
|
3
|
+
import { Label } from "./Label";
|
|
4
|
+
import { Menu } from "./Menu";
|
|
5
|
+
import { MenuItem } from "./MenuItem";
|
|
6
|
+
import { SubMenu } from "./SubMenu";
|
|
7
|
+
export type { DropdownProps, DropdownPosition } from "./types";
|
|
8
|
+
type DropdownComponent = typeof DropdownBase & {
|
|
9
|
+
Menu: typeof Menu;
|
|
10
|
+
MenuItem: typeof MenuItem;
|
|
11
|
+
Divider: typeof Divider;
|
|
12
|
+
Label: typeof Label;
|
|
13
|
+
SubMenu: typeof SubMenu;
|
|
14
|
+
};
|
|
15
|
+
declare const DropdownMenu: DropdownComponent;
|
|
16
|
+
export { DropdownMenu };
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { type ReactNode, type Ref } from "react";
|
|
2
|
+
import { Button as PrimitiveButton } from "src/primitives/Button";
|
|
3
|
+
import { DropdownMenuContent, DropdownMenuItem as PrimitiveDropdownMenuItem } from "src/primitives/DropdownMenu";
|
|
4
|
+
import type { IconProp } from "src/lib/renderIcon";
|
|
5
|
+
export type DropdownPosition = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "auto";
|
|
6
|
+
export type ButtonStyle = "primary" | "secondary" | "tertiary" | "text" | "danger" | "danger-text" | "link";
|
|
7
|
+
export type ButtonSize = "small" | "medium" | "large";
|
|
8
|
+
export type MenuItemButtonStyle = "default" | "danger";
|
|
9
|
+
export interface BaseTriggerProps {
|
|
10
|
+
label?: string;
|
|
11
|
+
icon?: IconProp;
|
|
12
|
+
buttonStyle: ButtonStyle;
|
|
13
|
+
buttonSize: ButtonSize;
|
|
14
|
+
buttonProps?: Omit<React.ComponentProps<typeof PrimitiveButton>, "variant" | "size" | "disabled">;
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
isOpen: boolean;
|
|
17
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
18
|
+
}
|
|
19
|
+
export interface DropdownProps {
|
|
20
|
+
/** Text label displayed inside the trigger button. */
|
|
21
|
+
label?: string;
|
|
22
|
+
/** Icon rendered inside the trigger button. */
|
|
23
|
+
icon?: IconProp;
|
|
24
|
+
/** Visual style of the trigger button(s). */
|
|
25
|
+
buttonStyle?: ButtonStyle;
|
|
26
|
+
/** Size of the trigger button(s). */
|
|
27
|
+
buttonSize?: ButtonSize;
|
|
28
|
+
/** Extra props forwarded to the trigger button. In split-button mode, forwarded to the action button. */
|
|
29
|
+
buttonProps?: Omit<React.ComponentProps<typeof PrimitiveButton>, "variant" | "size" | "disabled">;
|
|
30
|
+
/** Custom trigger element. Overrides the default button trigger. */
|
|
31
|
+
customTarget?: ReactNode | ((props: {
|
|
32
|
+
isOpen: boolean;
|
|
33
|
+
}) => ReactNode);
|
|
34
|
+
/** Whether the dropdown is disabled. */
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
/** Dropdown menu content. */
|
|
37
|
+
children?: ReactNode;
|
|
38
|
+
/** Position of the dropdown menu relative to the trigger. */
|
|
39
|
+
position?: DropdownPosition;
|
|
40
|
+
/** Whether pressing Escape closes the dropdown. */
|
|
41
|
+
closeOnEsc?: boolean;
|
|
42
|
+
/** Whether selecting an item closes the dropdown. */
|
|
43
|
+
closeOnSelect?: boolean;
|
|
44
|
+
/** Whether clicking outside closes the dropdown. */
|
|
45
|
+
closeOnOutsideClick?: boolean;
|
|
46
|
+
/** Controlled open state. */
|
|
47
|
+
isOpen?: boolean;
|
|
48
|
+
/** Callback fired when the dropdown closes. */
|
|
49
|
+
onClose?: () => void;
|
|
50
|
+
/**
|
|
51
|
+
* Callback fired when the trigger button is clicked.
|
|
52
|
+
* When provided (without `customTarget`), renders a **split-button**:
|
|
53
|
+
* a primary action button (fires `onClick`) paired with a separate
|
|
54
|
+
* chevron that opens the dropdown menu.
|
|
55
|
+
*/
|
|
56
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
57
|
+
/** Additional CSS class names for the trigger wrapper. */
|
|
58
|
+
className?: string;
|
|
59
|
+
/** Ref forwarded to the trigger button. In split-button mode, forwarded to the action button. */
|
|
60
|
+
triggerRef?: Ref<HTMLButtonElement>;
|
|
61
|
+
/** Extra props forwarded to the DropdownMenuContent. */
|
|
62
|
+
dropdownProps?: Omit<React.ComponentProps<typeof DropdownMenuContent>, "side" | "align">;
|
|
63
|
+
}
|
|
64
|
+
export interface MenuItemButtonProps extends Omit<React.ComponentProps<typeof PrimitiveDropdownMenuItem>, "prefix" | "style" | "onClick"> {
|
|
65
|
+
/** Highlight as active. */
|
|
66
|
+
isActive?: boolean;
|
|
67
|
+
/** Disable the menu item button. */
|
|
68
|
+
isDisabled?: boolean;
|
|
69
|
+
/** Visual style of the button. */
|
|
70
|
+
style?: MenuItemButtonStyle;
|
|
71
|
+
/** Content rendered before the label. */
|
|
72
|
+
prefix?: ReactNode;
|
|
73
|
+
/** Content rendered after the label. */
|
|
74
|
+
suffix?: ReactNode;
|
|
75
|
+
/** Internal route (renders as anchor). */
|
|
76
|
+
to?: string;
|
|
77
|
+
/** External link (renders as anchor). */
|
|
78
|
+
href?: string;
|
|
79
|
+
/** Callback fired when the item is selected. */
|
|
80
|
+
onClick?: (e: Event) => void;
|
|
81
|
+
/** Children / label text. */
|
|
82
|
+
children?: ReactNode;
|
|
83
|
+
/** Additional CSS class names. */
|
|
84
|
+
className?: string;
|
|
85
|
+
}
|
|
86
|
+
export declare const DropdownContext: import("react").Context<{
|
|
87
|
+
closeOnSelect: boolean;
|
|
88
|
+
}>;
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef, createContext, useState, useCallback, useContext, useMemo } from 'react';
|
|
3
|
+
import { DropdownMenuTrigger, DropdownMenu as DropdownMenu$1, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from '../primitives/DropdownMenu.js';
|
|
4
|
+
import { c as cn } from '../utils-DdHUxIdC.js';
|
|
5
|
+
import { r as renderIcon } from '../renderIcon-tlvMyboj.js';
|
|
6
|
+
import { Button } from '../primitives/Button.js';
|
|
7
|
+
import { ButtonGroup } from '../primitives/ButtonGroup.js';
|
|
8
|
+
import { C as ChevronDown } from '../chevron-down-BNi0ntys.js';
|
|
9
|
+
import '../chevron-right-DQnrO-ek.js';
|
|
10
|
+
import '../createLucideIcon-C8ycilSN.js';
|
|
11
|
+
import '../check-Cpkv29p1.js';
|
|
12
|
+
import '../index-DNzunGHb.js';
|
|
13
|
+
import '../index-BtkPdosV.js';
|
|
14
|
+
import '../index-CiyxEyB0.js';
|
|
15
|
+
import '../index-Cor698lu.js';
|
|
16
|
+
import '../index-DOzu5J1s.js';
|
|
17
|
+
import '../index-DhnfW8wQ.js';
|
|
18
|
+
import 'react-dom';
|
|
19
|
+
import '../index-KzJfsx-e.js';
|
|
20
|
+
import '../index-Dd1i1d2M.js';
|
|
21
|
+
import '../index-BA158WEj.js';
|
|
22
|
+
import '../index-BNPynZWM.js';
|
|
23
|
+
import '../index-CSUSJzOJ.js';
|
|
24
|
+
import '../index-B4_fVWDx.js';
|
|
25
|
+
import '../index-zW4GjM5L.js';
|
|
26
|
+
import '../index-ByEpUy7w.js';
|
|
27
|
+
import '../floating-ui.react-dom-CcGbtPEK.js';
|
|
28
|
+
import '../index-BYZaLNq1.js';
|
|
29
|
+
import '../index-fV_U4ZJM.js';
|
|
30
|
+
import '../index-yFgkK_AM.js';
|
|
31
|
+
import '../index-j_qxDBFl.js';
|
|
32
|
+
import '../button-COIbN8dg.js';
|
|
33
|
+
import '../index-D7Zy7P05.js';
|
|
34
|
+
import '../index-CfriMyrd.js';
|
|
35
|
+
import '../separator-BbhgePmX.js';
|
|
36
|
+
|
|
37
|
+
const SIDE_MAP = {
|
|
38
|
+
top: "top",
|
|
39
|
+
bottom: "bottom",
|
|
40
|
+
left: "left",
|
|
41
|
+
right: "right",
|
|
42
|
+
"top-start": "top",
|
|
43
|
+
"top-end": "top",
|
|
44
|
+
"bottom-start": "bottom",
|
|
45
|
+
"bottom-end": "bottom",
|
|
46
|
+
"left-start": "left",
|
|
47
|
+
"left-end": "left",
|
|
48
|
+
"right-start": "right",
|
|
49
|
+
"right-end": "right",
|
|
50
|
+
auto: "bottom",
|
|
51
|
+
};
|
|
52
|
+
const ALIGN_MAP = {
|
|
53
|
+
top: "center",
|
|
54
|
+
bottom: "center",
|
|
55
|
+
left: "center",
|
|
56
|
+
right: "center",
|
|
57
|
+
"top-start": "start",
|
|
58
|
+
"top-end": "end",
|
|
59
|
+
"bottom-start": "start",
|
|
60
|
+
"bottom-end": "end",
|
|
61
|
+
"left-start": "start",
|
|
62
|
+
"left-end": "end",
|
|
63
|
+
"right-start": "start",
|
|
64
|
+
"right-end": "end",
|
|
65
|
+
auto: "end",
|
|
66
|
+
};
|
|
67
|
+
const BUTTON_STYLE_MAP = {
|
|
68
|
+
primary: "default",
|
|
69
|
+
secondary: "secondary",
|
|
70
|
+
tertiary: "outline",
|
|
71
|
+
text: "ghost",
|
|
72
|
+
danger: "destructive",
|
|
73
|
+
"danger-text": "ghost",
|
|
74
|
+
link: "link",
|
|
75
|
+
};
|
|
76
|
+
const BUTTON_SIZE_MAP = {
|
|
77
|
+
small: "sm",
|
|
78
|
+
medium: "default",
|
|
79
|
+
large: "lg",
|
|
80
|
+
};
|
|
81
|
+
const MENU_ITEM_STYLE_MAP = {
|
|
82
|
+
default: "default",
|
|
83
|
+
danger: "destructive",
|
|
84
|
+
};
|
|
85
|
+
const CHEVRON_SIZE_MAP = {
|
|
86
|
+
small: "size-3.5",
|
|
87
|
+
medium: "size-4",
|
|
88
|
+
large: "size-4",
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
const SplitTrigger = forwardRef(({ label, icon, buttonStyle, buttonSize, buttonProps, disabled, isOpen, onClick, actionButtonRef, className, ...otherProps }, ref) => {
|
|
92
|
+
const variant = BUTTON_STYLE_MAP[buttonStyle];
|
|
93
|
+
const size = BUTTON_SIZE_MAP[buttonSize];
|
|
94
|
+
return (jsxs(ButtonGroup, { ref: ref, className: cn("neeto-ui-action-dropdown", className), ...otherProps, children: [jsxs(Button, { ref: actionButtonRef, type: "button", variant: variant, size: size, disabled: disabled, onClick: onClick, "data-testid": "action-dropdown-btn", ...buttonProps, children: [icon && renderIcon(icon, "size-4"), label && jsx("span", { children: label })] }), jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: jsx(Button, { type: "button", variant: variant, size: size, disabled: disabled, "aria-label": "Open dropdown menu", className: "px-1.5", children: jsx(ChevronDown, { "aria-hidden": "true", className: cn(CHEVRON_SIZE_MAP[buttonSize], "shrink-0 transition-transform duration-200", isOpen && "rotate-180") }) }) })] }));
|
|
95
|
+
});
|
|
96
|
+
SplitTrigger.displayName = "Dropdown.SplitTrigger";
|
|
97
|
+
|
|
98
|
+
const TriggerButton = forwardRef(({ label, icon, buttonStyle, buttonSize, buttonProps, disabled, isOpen, onClick, className, ...otherProps }, ref) => (jsx(Button, { ref: ref, type: "button", variant: BUTTON_STYLE_MAP[buttonStyle], size: BUTTON_SIZE_MAP[buttonSize], disabled: disabled, className: cn(buttonStyle === "danger-text" &&
|
|
99
|
+
"text-destructive hover:text-destructive", "gap-1.5", className), onClick: onClick, ...otherProps, ...buttonProps, children: jsxs("span", { className: "inline-flex items-center gap-1.5", children: [icon && renderIcon(icon, "size-4"), label && jsx("span", { children: label }), jsx(ChevronDown, { "aria-hidden": "true", className: cn(CHEVRON_SIZE_MAP[buttonSize], "shrink-0 transition-transform duration-200", isOpen && "rotate-180") })] }) })));
|
|
100
|
+
TriggerButton.displayName = "Dropdown.TriggerButton";
|
|
101
|
+
|
|
102
|
+
const DropdownContext = createContext({ closeOnSelect: true });
|
|
103
|
+
|
|
104
|
+
const DropdownBase = ({ label, icon, buttonStyle = "primary", buttonSize = "medium", buttonProps, customTarget, disabled = false, children, position = "bottom-end", closeOnEsc = true, closeOnSelect = true, closeOnOutsideClick = true, isOpen: isOpenProp, onClose, onClick, className, triggerRef, dropdownProps, }) => {
|
|
105
|
+
const [internalOpen, setInternalOpen] = useState(false);
|
|
106
|
+
const isControlled = isOpenProp !== undefined;
|
|
107
|
+
const open = isControlled ? isOpenProp : internalOpen;
|
|
108
|
+
const handleOpenChange = useCallback((next) => {
|
|
109
|
+
if (!isControlled)
|
|
110
|
+
setInternalOpen(next);
|
|
111
|
+
if (!next)
|
|
112
|
+
onClose?.();
|
|
113
|
+
}, [isControlled, onClose]);
|
|
114
|
+
const side = SIDE_MAP[position] ?? "bottom";
|
|
115
|
+
const align = ALIGN_MAP[position] ?? "end";
|
|
116
|
+
// Split-button mode: onClick provided without a customTarget.
|
|
117
|
+
const isSplit = !!onClick && !customTarget;
|
|
118
|
+
const sharedTriggerProps = {
|
|
119
|
+
label,
|
|
120
|
+
icon,
|
|
121
|
+
buttonStyle,
|
|
122
|
+
buttonSize,
|
|
123
|
+
buttonProps,
|
|
124
|
+
disabled,
|
|
125
|
+
isOpen: open,
|
|
126
|
+
onClick,
|
|
127
|
+
};
|
|
128
|
+
const triggerNode = isSplit ? (jsx(SplitTrigger, { ...sharedTriggerProps, actionButtonRef: triggerRef, className: className })) : (jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, className: className, children: customTarget ? (typeof customTarget === "function" ? (customTarget({ isOpen: open })) : (customTarget)) : (jsx(TriggerButton, { ref: triggerRef, ...sharedTriggerProps })) }));
|
|
129
|
+
return (jsx(DropdownContext.Provider, { value: { closeOnSelect }, children: jsxs(DropdownMenu$1, { open: open, onOpenChange: handleOpenChange, modal: closeOnOutsideClick, children: [triggerNode, jsx(DropdownMenuContent, { side: side, align: align, onEscapeKeyDown: closeOnEsc ? undefined : e => e.preventDefault(), onInteractOutside: closeOnOutsideClick ? undefined : e => e.preventDefault(), ...dropdownProps, children: children })] }) }));
|
|
130
|
+
};
|
|
131
|
+
|
|
132
|
+
const Divider = forwardRef((props, ref) => jsx(DropdownMenuSeparator, { ref: ref, ...props }));
|
|
133
|
+
Divider.displayName = "Dropdown.Divider";
|
|
134
|
+
|
|
135
|
+
const Label = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(DropdownMenuLabel, { ref: ref, className: className, ...otherProps, children: children })));
|
|
136
|
+
Label.displayName = "Dropdown.Label";
|
|
137
|
+
|
|
138
|
+
const Menu = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(DropdownMenuGroup, { ref: ref, className: cn("flex flex-col", className), ...otherProps, children: children })));
|
|
139
|
+
Menu.displayName = "Dropdown.Menu";
|
|
140
|
+
|
|
141
|
+
const MenuItemButton = forwardRef(({ children, isActive = false, isDisabled = false, style = "default", prefix, suffix, to, href, className, onClick, variant: _variant, disabled: _disabled, asChild: _asChild, onSelect: _onSelect, ...otherProps }, ref) => {
|
|
142
|
+
const { closeOnSelect } = useContext(DropdownContext);
|
|
143
|
+
const variant = MENU_ITEM_STYLE_MAP[style];
|
|
144
|
+
const linkHref = to ?? href;
|
|
145
|
+
const handleSelect = useCallback((e) => {
|
|
146
|
+
if (!closeOnSelect)
|
|
147
|
+
e.preventDefault();
|
|
148
|
+
onClick?.(e);
|
|
149
|
+
}, [closeOnSelect, onClick]);
|
|
150
|
+
const itemContent = useMemo(() => (jsxs(Fragment, { children: [prefix && (jsx("span", { "data-slot": "menu-item-prefix", className: "shrink-0", children: prefix })), jsx("span", { className: "flex-1 truncate", children: children }), suffix && (jsx("span", { "data-slot": "menu-item-suffix", className: "ms-auto shrink-0 text-muted-foreground", children: suffix }))] })), [prefix, children, suffix]);
|
|
151
|
+
return (jsx(DropdownMenuItem, { ref: ref, variant: variant, disabled: isDisabled, "data-active": isActive || undefined, className: cn(isActive && "bg-accent text-accent-foreground", className), asChild: !!linkHref, onSelect: handleSelect, ...otherProps, children: linkHref ? jsx("a", { href: linkHref, children: itemContent }) : itemContent }));
|
|
152
|
+
});
|
|
153
|
+
MenuItemButton.displayName = "Dropdown.MenuItem.Button";
|
|
154
|
+
|
|
155
|
+
const MenuItem = forwardRef(({ children, className, ...otherProps }, ref) => {
|
|
156
|
+
// When used without className or extra props, skip the wrapper div
|
|
157
|
+
// so Radix's DropdownMenuItem sits directly inside the Group.
|
|
158
|
+
const hasWrapper = className || ref || Object.keys(otherProps).length > 0;
|
|
159
|
+
if (!hasWrapper)
|
|
160
|
+
return jsx(Fragment, { children: children });
|
|
161
|
+
return (jsx("div", { ref: ref, className: className, role: "none", ...otherProps, children: children }));
|
|
162
|
+
});
|
|
163
|
+
MenuItem.displayName = "Dropdown.MenuItem";
|
|
164
|
+
MenuItem.Button = MenuItemButton;
|
|
165
|
+
|
|
166
|
+
const SubMenu = forwardRef(({ label, icon, children, className }, ref) => (jsxs(DropdownMenuSub, { children: [jsxs(DropdownMenuSubTrigger, { ref: ref, className: className, children: [icon && jsx("span", { className: "shrink-0", children: renderIcon(icon, "size-4") }), label && jsx("span", { children: label })] }), jsx(DropdownMenuSubContent, { children: children })] })));
|
|
167
|
+
SubMenu.displayName = "Dropdown.SubMenu";
|
|
168
|
+
|
|
169
|
+
const DropdownMenu = DropdownBase;
|
|
170
|
+
DropdownMenu.displayName = "DropdownMenu";
|
|
171
|
+
DropdownMenu.Menu = Menu;
|
|
172
|
+
DropdownMenu.MenuItem = MenuItem;
|
|
173
|
+
DropdownMenu.Divider = Divider;
|
|
174
|
+
DropdownMenu.Label = Label;
|
|
175
|
+
DropdownMenu.SubMenu = SubMenu;
|
|
176
|
+
|
|
177
|
+
export { DropdownMenu };
|
|
178
|
+
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sources":["../../src/components/DropdownMenu/constants.ts","../../src/components/DropdownMenu/SplitTrigger.tsx","../../src/components/DropdownMenu/TriggerButton.tsx","../../src/components/DropdownMenu/types.ts","../../src/components/DropdownMenu/DropdownBase.tsx","../../src/components/DropdownMenu/Divider.tsx","../../src/components/DropdownMenu/Label.tsx","../../src/components/DropdownMenu/Menu.tsx","../../src/components/DropdownMenu/MenuItemButton.tsx","../../src/components/DropdownMenu/MenuItem.tsx","../../src/components/DropdownMenu/SubMenu.tsx","../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["import type { ButtonSize, ButtonStyle } from \"./types\";\n\nexport const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n \"top-start\": \"top\",\n \"top-end\": \"top\",\n \"bottom-start\": \"bottom\",\n \"bottom-end\": \"bottom\",\n \"left-start\": \"left\",\n \"left-end\": \"left\",\n \"right-start\": \"right\",\n \"right-end\": \"right\",\n auto: \"bottom\",\n};\n\nexport const ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n top: \"center\",\n bottom: \"center\",\n left: \"center\",\n right: \"center\",\n \"top-start\": \"start\",\n \"top-end\": \"end\",\n \"bottom-start\": \"start\",\n \"bottom-end\": \"end\",\n \"left-start\": \"start\",\n \"left-end\": \"end\",\n \"right-start\": \"start\",\n \"right-end\": \"end\",\n auto: \"end\",\n};\n\nexport const BUTTON_STYLE_MAP: Record<\n ButtonStyle,\n \"default\" | \"secondary\" | \"destructive\" | \"outline\" | \"ghost\" | \"link\"\n> = {\n primary: \"default\",\n secondary: \"secondary\",\n tertiary: \"outline\",\n text: \"ghost\",\n danger: \"destructive\",\n \"danger-text\": \"ghost\",\n link: \"link\",\n};\n\nexport const BUTTON_SIZE_MAP: Record<ButtonSize, \"sm\" | \"default\" | \"lg\"> = {\n small: \"sm\",\n medium: \"default\",\n large: \"lg\",\n};\n\nexport const MENU_ITEM_STYLE_MAP: Record<\n \"default\" | \"danger\",\n \"default\" | \"destructive\"\n> = {\n default: \"default\",\n danger: \"destructive\",\n};\n\nexport const CHEVRON_SIZE_MAP: Record<ButtonSize, string> = {\n small: \"size-3.5\",\n medium: \"size-4\",\n large: \"size-4\",\n};\n","import React, { forwardRef } from \"react\";\n\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon } from \"src/lib/renderIcon\";\nimport { Button as PrimitiveButton } from \"src/primitives/Button\";\nimport { ButtonGroup } from \"src/primitives/ButtonGroup\";\nimport { DropdownMenuTrigger } from \"src/primitives/DropdownMenu\";\n\nimport {\n BUTTON_SIZE_MAP,\n BUTTON_STYLE_MAP,\n CHEVRON_SIZE_MAP,\n} from \"./constants\";\nimport type { BaseTriggerProps } from \"./types\";\n\ninterface SplitTriggerOwnProps extends BaseTriggerProps {\n /** Ref forwarded to the action button (left side). */\n actionButtonRef?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Radix injects extra props (aria-expanded, data-state, …) via Slot on the\n * DropdownMenuTrigger child. We capture them with a rest-spread.\n */\ntype SplitTriggerProps = SplitTriggerOwnProps &\n Omit<React.ComponentProps<\"div\">, keyof SplitTriggerOwnProps>;\n\nconst SplitTrigger = forwardRef<HTMLDivElement, SplitTriggerProps>(\n (\n {\n label,\n icon,\n buttonStyle,\n buttonSize,\n buttonProps,\n disabled,\n isOpen,\n onClick,\n actionButtonRef,\n className,\n ...otherProps\n },\n ref\n ) => {\n const variant = BUTTON_STYLE_MAP[buttonStyle];\n const size = BUTTON_SIZE_MAP[buttonSize];\n\n return (\n <ButtonGroup\n ref={ref}\n className={cn(\"neeto-ui-action-dropdown\", className)}\n {...otherProps}\n >\n {/* Action button — fires the primary onClick */}\n <PrimitiveButton\n ref={actionButtonRef}\n type=\"button\"\n variant={variant}\n size={size}\n disabled={disabled}\n onClick={onClick}\n data-testid=\"action-dropdown-btn\"\n {...buttonProps}\n >\n {icon && renderIcon(icon, \"size-4\")}\n {label && <span>{label}</span>}\n </PrimitiveButton>\n\n {/* Chevron trigger — opens the dropdown menu */}\n <DropdownMenuTrigger asChild disabled={disabled}>\n <PrimitiveButton\n type=\"button\"\n variant={variant}\n size={size}\n disabled={disabled}\n aria-label=\"Open dropdown menu\"\n className=\"px-1.5\"\n >\n <ChevronDown\n aria-hidden=\"true\"\n className={cn(\n CHEVRON_SIZE_MAP[buttonSize],\n \"shrink-0 transition-transform duration-200\",\n isOpen && \"rotate-180\"\n )}\n />\n </PrimitiveButton>\n </DropdownMenuTrigger>\n </ButtonGroup>\n );\n }\n);\nSplitTrigger.displayName = \"Dropdown.SplitTrigger\";\n\nexport { SplitTrigger };\n","import React, { forwardRef } from \"react\";\n\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon } from \"src/lib/renderIcon\";\nimport { Button as PrimitiveButton } from \"src/primitives/Button\";\n\nimport { BUTTON_SIZE_MAP, BUTTON_STYLE_MAP, CHEVRON_SIZE_MAP } from \"./constants\";\nimport type { BaseTriggerProps } from \"./types\";\n\n/**\n * Extra props that Radix's Slot injects when the parent Trigger uses\n * `asChild` (aria-expanded, aria-haspopup, data-state, id, …).\n * We capture them with a rest-spread so they reach the DOM button.\n */\ntype TriggerButtonProps = BaseTriggerProps &\n Omit<React.ComponentProps<\"button\">, keyof BaseTriggerProps>;\n\nconst TriggerButton = forwardRef<HTMLButtonElement, TriggerButtonProps>(\n (\n {\n label,\n icon,\n buttonStyle,\n buttonSize,\n buttonProps,\n disabled,\n isOpen,\n onClick,\n className,\n ...otherProps\n },\n ref\n ) => (\n <PrimitiveButton\n ref={ref}\n type=\"button\"\n variant={BUTTON_STYLE_MAP[buttonStyle]}\n size={BUTTON_SIZE_MAP[buttonSize]}\n disabled={disabled}\n className={cn(\n buttonStyle === \"danger-text\" &&\n \"text-destructive hover:text-destructive\",\n \"gap-1.5\",\n className\n )}\n onClick={onClick}\n {...otherProps}\n {...buttonProps}\n >\n <span className=\"inline-flex items-center gap-1.5\">\n {icon && renderIcon(icon, \"size-4\")}\n {label && <span>{label}</span>}\n <ChevronDown\n aria-hidden=\"true\"\n className={cn(\n CHEVRON_SIZE_MAP[buttonSize],\n \"shrink-0 transition-transform duration-200\",\n isOpen && \"rotate-180\"\n )}\n />\n </span>\n </PrimitiveButton>\n )\n);\nTriggerButton.displayName = \"Dropdown.TriggerButton\";\n\nexport { TriggerButton };\n","import { createContext, type ReactNode, type Ref } from \"react\";\n\nimport { Button as PrimitiveButton } from \"src/primitives/Button\";\nimport {\n DropdownMenuContent,\n DropdownMenuItem as PrimitiveDropdownMenuItem,\n} from \"src/primitives/DropdownMenu\";\nimport type { IconProp } from \"src/lib/renderIcon\";\n\nexport type DropdownPosition =\n | \"top\"\n | \"bottom\"\n | \"left\"\n | \"right\"\n | \"top-start\"\n | \"top-end\"\n | \"bottom-start\"\n | \"bottom-end\"\n | \"left-start\"\n | \"left-end\"\n | \"right-start\"\n | \"right-end\"\n | \"auto\";\n\nexport type ButtonStyle =\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"text\"\n | \"danger\"\n | \"danger-text\"\n | \"link\";\n\nexport type ButtonSize = \"small\" | \"medium\" | \"large\";\n\nexport type MenuItemButtonStyle = \"default\" | \"danger\";\n\nexport interface BaseTriggerProps {\n label?: string;\n icon?: IconProp;\n buttonStyle: ButtonStyle;\n buttonSize: ButtonSize;\n buttonProps?: Omit<\n React.ComponentProps<typeof PrimitiveButton>,\n \"variant\" | \"size\" | \"disabled\"\n >;\n disabled: boolean;\n isOpen: boolean;\n onClick?: (e: React.MouseEvent) => void;\n}\n\nexport interface DropdownProps {\n /** Text label displayed inside the trigger button. */\n label?: string;\n /** Icon rendered inside the trigger button. */\n icon?: IconProp;\n /** Visual style of the trigger button(s). */\n buttonStyle?: ButtonStyle;\n /** Size of the trigger button(s). */\n buttonSize?: ButtonSize;\n /** Extra props forwarded to the trigger button. In split-button mode, forwarded to the action button. */\n buttonProps?: Omit<\n React.ComponentProps<typeof PrimitiveButton>,\n \"variant\" | \"size\" | \"disabled\"\n >;\n /** Custom trigger element. Overrides the default button trigger. */\n customTarget?: ReactNode | ((props: { isOpen: boolean }) => ReactNode);\n /** Whether the dropdown is disabled. */\n disabled?: boolean;\n /** Dropdown menu content. */\n children?: ReactNode;\n /** Position of the dropdown menu relative to the trigger. */\n position?: DropdownPosition;\n /** Whether pressing Escape closes the dropdown. */\n closeOnEsc?: boolean;\n /** Whether selecting an item closes the dropdown. */\n closeOnSelect?: boolean;\n /** Whether clicking outside closes the dropdown. */\n closeOnOutsideClick?: boolean;\n /** Controlled open state. */\n isOpen?: boolean;\n /** Callback fired when the dropdown closes. */\n onClose?: () => void;\n /**\n * Callback fired when the trigger button is clicked.\n * When provided (without `customTarget`), renders a **split-button**:\n * a primary action button (fires `onClick`) paired with a separate\n * chevron that opens the dropdown menu.\n */\n onClick?: (e: React.MouseEvent) => void;\n /** Additional CSS class names for the trigger wrapper. */\n className?: string;\n /** Ref forwarded to the trigger button. In split-button mode, forwarded to the action button. */\n triggerRef?: Ref<HTMLButtonElement>;\n /** Extra props forwarded to the DropdownMenuContent. */\n dropdownProps?: Omit<\n React.ComponentProps<typeof DropdownMenuContent>,\n \"side\" | \"align\"\n >;\n}\n\nexport interface MenuItemButtonProps extends Omit<\n React.ComponentProps<typeof PrimitiveDropdownMenuItem>,\n \"prefix\" | \"style\" | \"onClick\"\n> {\n /** Highlight as active. */\n isActive?: boolean;\n /** Disable the menu item button. */\n isDisabled?: boolean;\n /** Visual style of the button. */\n style?: MenuItemButtonStyle;\n /** Content rendered before the label. */\n prefix?: ReactNode;\n /** Content rendered after the label. */\n suffix?: ReactNode;\n /** Internal route (renders as anchor). */\n to?: string;\n /** External link (renders as anchor). */\n href?: string;\n /** Callback fired when the item is selected. */\n onClick?: (e: Event) => void;\n /** Children / label text. */\n children?: ReactNode;\n /** Additional CSS class names. */\n className?: string;\n}\n\nexport const DropdownContext = createContext({ closeOnSelect: true });\n","import { useCallback, useState } from \"react\";\n\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuTrigger,\n} from \"src/primitives/DropdownMenu\";\n\nimport { ALIGN_MAP, SIDE_MAP } from \"./constants\";\nimport { SplitTrigger } from \"./SplitTrigger\";\nimport { TriggerButton } from \"./TriggerButton\";\nimport { DropdownContext, type DropdownProps } from \"./types\";\n\nconst DropdownBase = ({\n label,\n icon,\n buttonStyle = \"primary\",\n buttonSize = \"medium\",\n buttonProps,\n customTarget,\n disabled = false,\n children,\n position = \"bottom-end\",\n closeOnEsc = true,\n closeOnSelect = true,\n closeOnOutsideClick = true,\n isOpen: isOpenProp,\n onClose,\n onClick,\n className,\n triggerRef,\n dropdownProps,\n}: DropdownProps) => {\n const [internalOpen, setInternalOpen] = useState(false);\n const isControlled = isOpenProp !== undefined;\n const open = isControlled ? isOpenProp : internalOpen;\n const handleOpenChange = useCallback(\n (next: boolean) => {\n if (!isControlled) setInternalOpen(next);\n if (!next) onClose?.();\n },\n [isControlled, onClose]\n );\n\n const side = SIDE_MAP[position] ?? \"bottom\";\n const align = ALIGN_MAP[position] ?? \"end\";\n\n // Split-button mode: onClick provided without a customTarget.\n const isSplit = !!onClick && !customTarget;\n\n const sharedTriggerProps = {\n label,\n icon,\n buttonStyle,\n buttonSize,\n buttonProps,\n disabled,\n isOpen: open,\n onClick,\n };\n\n const triggerNode = isSplit ? (\n <SplitTrigger\n {...sharedTriggerProps}\n actionButtonRef={triggerRef}\n className={className}\n />\n ) : (\n <DropdownMenuTrigger asChild disabled={disabled} className={className}>\n {customTarget ? (\n typeof customTarget === \"function\" ? (\n customTarget({ isOpen: open })\n ) : (\n customTarget\n )\n ) : (\n <TriggerButton ref={triggerRef} {...sharedTriggerProps} />\n )}\n </DropdownMenuTrigger>\n );\n\n return (\n <DropdownContext.Provider value={{ closeOnSelect }}>\n <DropdownMenu\n open={open}\n onOpenChange={handleOpenChange}\n modal={closeOnOutsideClick}\n >\n {triggerNode}\n <DropdownMenuContent\n side={side}\n align={align}\n onEscapeKeyDown={closeOnEsc ? undefined : e => e.preventDefault()}\n onInteractOutside={\n closeOnOutsideClick ? undefined : e => e.preventDefault()\n }\n {...dropdownProps}\n >\n {children}\n </DropdownMenuContent>\n </DropdownMenu>\n </DropdownContext.Provider>\n );\n};\n\nexport { DropdownBase };\n","import React, { forwardRef } from \"react\";\n\nimport { DropdownMenuSeparator } from \"src/primitives/DropdownMenu\";\n\nconst Divider = forwardRef<\n HTMLDivElement,\n React.ComponentProps<typeof DropdownMenuSeparator>\n>((props, ref) => <DropdownMenuSeparator ref={ref} {...props} />);\nDivider.displayName = \"Dropdown.Divider\";\n\nexport { Divider };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { DropdownMenuLabel } from \"src/primitives/DropdownMenu\";\n\ninterface MenuLabelProps extends React.ComponentProps<\"div\"> {\n children?: ReactNode;\n className?: string;\n}\n\nconst Label = forwardRef<HTMLDivElement, MenuLabelProps>(\n ({ children, className, ...otherProps }, ref) => (\n <DropdownMenuLabel ref={ref} className={className} {...otherProps}>\n {children}\n </DropdownMenuLabel>\n )\n);\nLabel.displayName = \"Dropdown.Label\";\n\nexport { Label };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { DropdownMenuGroup } from \"src/primitives/DropdownMenu\";\n\ninterface MenuProps extends React.ComponentProps<\"div\"> {\n children?: ReactNode;\n className?: string;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(\n ({ children, className, ...otherProps }, ref) => (\n <DropdownMenuGroup\n ref={ref}\n className={cn(\"flex flex-col\", className)}\n {...otherProps}\n >\n {children}\n </DropdownMenuGroup>\n )\n);\nMenu.displayName = \"Dropdown.Menu\";\n\nexport { Menu };\n","import React, { forwardRef, useCallback, useMemo, useContext } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { DropdownMenuItem as PrimitiveDropdownMenuItem } from \"src/primitives/DropdownMenu\";\n\nimport { MENU_ITEM_STYLE_MAP } from \"./constants\";\nimport { DropdownContext, type MenuItemButtonProps } from \"./types\";\n\nconst MenuItemButton = forwardRef<HTMLDivElement, MenuItemButtonProps>(\n (\n {\n children,\n isActive = false,\n isDisabled = false,\n style = \"default\",\n prefix,\n suffix,\n to,\n href,\n className,\n onClick,\n variant: _variant,\n disabled: _disabled,\n asChild: _asChild,\n onSelect: _onSelect,\n ...otherProps\n },\n ref\n ) => {\n const { closeOnSelect } = useContext(DropdownContext);\n const variant = MENU_ITEM_STYLE_MAP[style];\n const linkHref = to ?? href;\n\n const handleSelect = useCallback(\n (e: Event) => {\n if (!closeOnSelect) e.preventDefault();\n onClick?.(e);\n },\n [closeOnSelect, onClick]\n );\n\n const itemContent = useMemo(\n () => (\n <>\n {prefix && (\n <span data-slot=\"menu-item-prefix\" className=\"shrink-0\">\n {prefix}\n </span>\n )}\n <span className=\"flex-1 truncate\">{children}</span>\n {suffix && (\n <span\n data-slot=\"menu-item-suffix\"\n className=\"ms-auto shrink-0 text-muted-foreground\"\n >\n {suffix}\n </span>\n )}\n </>\n ),\n [prefix, children, suffix]\n );\n\n return (\n <PrimitiveDropdownMenuItem\n ref={ref}\n variant={variant}\n disabled={isDisabled}\n data-active={isActive || undefined}\n className={cn(isActive && \"bg-accent text-accent-foreground\", className)}\n asChild={!!linkHref}\n onSelect={handleSelect}\n {...otherProps}\n >\n {linkHref ? <a href={linkHref}>{itemContent}</a> : itemContent}\n </PrimitiveDropdownMenuItem>\n );\n }\n);\nMenuItemButton.displayName = \"Dropdown.MenuItem.Button\";\n\nexport { MenuItemButton };\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { MenuItemButton } from \"./MenuItemButton\";\n\ninterface MenuItemProps extends React.ComponentProps<\"div\"> {\n children?: ReactNode;\n className?: string;\n}\n\nconst MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n ({ children, className, ...otherProps }, ref) => {\n // When used without className or extra props, skip the wrapper div\n // so Radix's DropdownMenuItem sits directly inside the Group.\n const hasWrapper = className || ref || Object.keys(otherProps).length > 0;\n\n if (!hasWrapper) return <>{children}</>;\n\n return (\n <div ref={ref} className={className} role=\"none\" {...otherProps}>\n {children}\n </div>\n );\n }\n) as React.ForwardRefExoticComponent<\n MenuItemProps & React.RefAttributes<HTMLDivElement>\n> & {\n Button: typeof MenuItemButton;\n};\nMenuItem.displayName = \"Dropdown.MenuItem\";\nMenuItem.Button = MenuItemButton;\n\nexport { MenuItem };\n","import { forwardRef, type ReactNode } from \"react\";\n\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport {\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n} from \"src/primitives/DropdownMenu\";\n\ninterface SubMenuProps {\n label?: string;\n icon?: IconProp;\n children?: ReactNode;\n className?: string;\n}\n\nconst SubMenu = forwardRef<HTMLDivElement, SubMenuProps>(\n ({ label, icon, children, className }, ref) => (\n <DropdownMenuSub>\n <DropdownMenuSubTrigger ref={ref} className={className}>\n {icon && <span className=\"shrink-0\">{renderIcon(icon, \"size-4\")}</span>}\n {label && <span>{label}</span>}\n </DropdownMenuSubTrigger>\n <DropdownMenuSubContent>{children}</DropdownMenuSubContent>\n </DropdownMenuSub>\n )\n);\nSubMenu.displayName = \"Dropdown.SubMenu\";\n\nexport { SubMenu };\n","import { DropdownBase } from \"./DropdownBase\";\nimport { Divider } from \"./Divider\";\nimport { Label } from \"./Label\";\nimport { Menu } from \"./Menu\";\nimport { MenuItem } from \"./MenuItem\";\nimport { SubMenu } from \"./SubMenu\";\n\nexport type { DropdownProps, DropdownPosition } from \"./types\";\n\ntype DropdownComponent = typeof DropdownBase & {\n Menu: typeof Menu;\n MenuItem: typeof MenuItem;\n Divider: typeof Divider;\n Label: typeof Label;\n SubMenu: typeof SubMenu;\n};\n\nconst DropdownMenu = DropdownBase as DropdownComponent;\nDropdownMenu.displayName = \"DropdownMenu\";\nDropdownMenu.Menu = Menu;\nDropdownMenu.MenuItem = MenuItem;\nDropdownMenu.Divider = Divider;\nDropdownMenu.Label = Label;\nDropdownMenu.SubMenu = SubMenu;\n\nexport { DropdownMenu };\n"],"names":["_jsxs","PrimitiveButton","_jsx","DropdownMenu","_Fragment","PrimitiveDropdownMenuItem"],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FieldLabel } from "src/primitives/Field";
|
|
3
|
+
type InputSize = "small" | "medium" | "large";
|
|
4
|
+
export interface InputProps extends Omit<React.ComponentProps<"input">, "size" | "prefix"> {
|
|
5
|
+
/** Size of the input. */
|
|
6
|
+
size?: InputSize;
|
|
7
|
+
/** Input type. */
|
|
8
|
+
type?: string;
|
|
9
|
+
/** Label displayed above the input. */
|
|
10
|
+
label?: string;
|
|
11
|
+
/** Error message displayed below the input. */
|
|
12
|
+
error?: string;
|
|
13
|
+
/** Help text displayed below the input. Accepts string or ReactNode. */
|
|
14
|
+
helpText?: React.ReactNode;
|
|
15
|
+
/** Content rendered before the input. */
|
|
16
|
+
prefix?: React.ReactNode;
|
|
17
|
+
/** Content rendered after the input. */
|
|
18
|
+
suffix?: React.ReactNode;
|
|
19
|
+
/** Removes borders from the input. */
|
|
20
|
+
nakedInput?: boolean;
|
|
21
|
+
/** HTML size attribute for the input element. */
|
|
22
|
+
contentSize?: number;
|
|
23
|
+
/** Maximum character limit. Counter visible at 85%. */
|
|
24
|
+
maxLength?: number;
|
|
25
|
+
/** Allow typing past maxLength, show error styling on count. */
|
|
26
|
+
unlimitedChars?: boolean;
|
|
27
|
+
/** Regex to reject matching characters from input. */
|
|
28
|
+
rejectCharsRegex?: RegExp;
|
|
29
|
+
/** Prevent trimming whitespace on blur. */
|
|
30
|
+
disableTrimOnBlur?: boolean;
|
|
31
|
+
/** Decimal places for number formatting. -1 to disable. */
|
|
32
|
+
precision?: number;
|
|
33
|
+
/** Props forwarded to the Label element. */
|
|
34
|
+
labelProps?: React.ComponentProps<typeof FieldLabel>;
|
|
35
|
+
/** Additional class name for the outermost wrapper. */
|
|
36
|
+
className?: string;
|
|
37
|
+
}
|
|
38
|
+
declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
39
|
+
export { Input };
|