@donotdev/components 0.0.12 → 0.0.14
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/advanced/Bento/Bento.d.ts +0 -9
- package/dist/advanced/Bento/Bento.d.ts.map +1 -1
- package/dist/advanced/Bento/Bento.js +10 -0
- package/dist/advanced/Code/Code.d.ts +1 -9
- package/dist/advanced/Code/Code.d.ts.map +1 -1
- package/dist/advanced/Code/CodeContent.d.ts.map +1 -1
- package/dist/advanced/Code/CodeContent.js +5 -1
- package/dist/advanced/Code/CodeSkeleton.d.ts.map +1 -1
- package/dist/advanced/Code/CodeSkeleton.js +2 -1
- package/dist/advanced/JsonViewer/JsonViewer.d.ts.map +1 -1
- package/dist/advanced/JsonViewer/JsonViewer.js +2 -1
- package/dist/atomic/Accordion/index.d.ts.map +1 -1
- package/dist/atomic/Accordion/index.js +1 -1
- package/dist/atomic/ActionButton/index.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/AlertDialog/index.js +2 -2
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.d.ts.map +1 -1
- package/dist/atomic/Avatar/AvatarPrimitive.js +0 -1
- package/dist/atomic/Blockquote/index.d.ts +1 -9
- package/dist/atomic/Blockquote/index.d.ts.map +1 -1
- package/dist/atomic/Button/index.d.ts +18 -1
- package/dist/atomic/Button/index.d.ts.map +1 -1
- package/dist/atomic/Button/index.js +15 -5
- package/dist/atomic/Calendar/index.d.ts.map +1 -1
- package/dist/atomic/Calendar/index.js +3 -2
- package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts.map +1 -1
- package/dist/atomic/Checkbox/CheckboxPrimitive.js +0 -1
- package/dist/atomic/Checkbox/index.d.ts +17 -3
- package/dist/atomic/Checkbox/index.d.ts.map +1 -1
- package/dist/atomic/Checkbox/index.js +22 -6
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts +1 -1
- package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts.map +1 -1
- package/dist/atomic/Collapsible/CollapsiblePrimitive.js +0 -1
- package/dist/atomic/Collapsible/index.d.ts.map +1 -1
- package/dist/atomic/Collapsible/index.js +6 -2
- package/dist/atomic/Combobox/index.d.ts.map +1 -1
- package/dist/atomic/Combobox/index.js +4 -4
- package/dist/atomic/CommandDialog/index.d.ts.map +1 -1
- package/dist/atomic/CommandDialog/index.js +1 -1
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts +1 -1
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/ContextMenu/ContextMenuPrimitive.js +0 -1
- package/dist/atomic/ContextMenu/index.d.ts.map +1 -1
- package/dist/atomic/Dialog/DialogPrimitive.d.ts.map +1 -1
- package/dist/atomic/Dialog/index.d.ts.map +1 -1
- package/dist/atomic/Dialog/index.js +1 -1
- package/dist/atomic/DropdownMenu/index.d.ts.map +1 -1
- package/dist/atomic/DropdownMenu/index.js +17 -3
- package/dist/atomic/DualCard/index.d.ts +10 -2
- package/dist/atomic/DualCard/index.d.ts.map +1 -1
- package/dist/atomic/DualCard/index.js +3 -3
- package/dist/atomic/FeatureFallback/index.js +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts.map +1 -1
- package/dist/atomic/HoverCard/HoverCardPrimitive.js +0 -1
- package/dist/atomic/HoverCard/index.js +1 -1
- package/dist/atomic/Icons/Partner/providerIcons.d.ts.map +1 -1
- package/dist/atomic/Icons/Partner/providerIcons.js +17 -1
- package/dist/atomic/Input/index.d.ts +6 -1
- package/dist/atomic/Input/index.d.ts.map +1 -1
- package/dist/atomic/Input/index.js +17 -5
- package/dist/atomic/Label/FloatingLabel.d.ts +26 -10
- package/dist/atomic/Label/FloatingLabel.d.ts.map +1 -1
- package/dist/atomic/Label/FloatingLabel.js +14 -14
- package/dist/atomic/Label/index.d.ts +1 -1
- package/dist/atomic/Label/index.d.ts.map +1 -1
- package/dist/atomic/Label/index.js +1 -1
- package/dist/atomic/List/index.d.ts +8 -0
- package/dist/atomic/List/index.d.ts.map +1 -1
- package/dist/atomic/List/index.js +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts.map +1 -1
- package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.js +0 -1
- package/dist/atomic/NavigationMenu/index.d.ts +1 -1
- package/dist/atomic/NavigationMenu/index.d.ts.map +1 -1
- package/dist/atomic/NavigationMenu/index.js +10 -1
- package/dist/atomic/Pagination/index.d.ts +7 -29
- package/dist/atomic/Pagination/index.d.ts.map +1 -1
- package/dist/atomic/Pagination/index.js +101 -71
- package/dist/atomic/PasswordInput/index.d.ts +1 -1
- package/dist/atomic/PasswordInput/index.d.ts.map +1 -1
- package/dist/atomic/PasswordInput/index.js +5 -1
- package/dist/atomic/Popover/index.d.ts +0 -8
- package/dist/atomic/Popover/index.d.ts.map +1 -1
- package/dist/atomic/Popover/index.js +1 -1
- package/dist/atomic/PortalButton/index.d.ts +8 -0
- package/dist/atomic/PortalButton/index.d.ts.map +1 -1
- package/dist/atomic/PortalButton/index.js +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.d.ts +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.d.ts.map +1 -1
- package/dist/atomic/Progress/ProgressPrimitive.js +0 -1
- package/dist/atomic/Progress/index.d.ts +8 -0
- package/dist/atomic/Progress/index.d.ts.map +1 -1
- package/dist/atomic/Progress/index.js +1 -1
- package/dist/atomic/RadioGroup/index.d.ts +0 -9
- package/dist/atomic/RadioGroup/index.d.ts.map +1 -1
- package/dist/atomic/RadioGroup/index.js +2 -2
- package/dist/atomic/RangeInput/index.d.ts +45 -0
- package/dist/atomic/RangeInput/index.d.ts.map +1 -0
- package/dist/atomic/RangeInput/index.js +63 -0
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts.map +1 -1
- package/dist/atomic/ScrollArea/ScrollAreaPrimitive.js +0 -1
- package/dist/atomic/Section/index.d.ts +0 -32
- package/dist/atomic/Section/index.d.ts.map +1 -1
- package/dist/atomic/Section/index.js +4 -4
- package/dist/atomic/Select/SelectPrimitive.d.ts +1 -1
- package/dist/atomic/Select/SelectPrimitive.d.ts.map +1 -1
- package/dist/atomic/Select/SelectPrimitive.js +0 -1
- package/dist/atomic/Select/index.d.ts.map +1 -1
- package/dist/atomic/Select/index.js +2 -1
- package/dist/atomic/Separator/SeparatorPrimitive.d.ts +1 -1
- package/dist/atomic/Separator/SeparatorPrimitive.d.ts.map +1 -1
- package/dist/atomic/Separator/SeparatorPrimitive.js +0 -1
- package/dist/atomic/Separator/index.d.ts +1 -1
- package/dist/atomic/Separator/index.d.ts.map +1 -1
- package/dist/atomic/Separator/index.js +0 -1
- package/dist/atomic/Sheet/index.d.ts +3 -1
- package/dist/atomic/Sheet/index.d.ts.map +1 -1
- package/dist/atomic/Sheet/index.js +3 -3
- package/dist/atomic/Slider/SliderPrimitive.d.ts +1 -1
- package/dist/atomic/Slider/SliderPrimitive.d.ts.map +1 -1
- package/dist/atomic/Slider/SliderPrimitive.js +0 -1
- package/dist/atomic/Slider/index.d.ts +3 -2
- package/dist/atomic/Slider/index.d.ts.map +1 -1
- package/dist/atomic/Slider/index.js +9 -7
- package/dist/atomic/Slot/index.d.ts.map +1 -1
- package/dist/atomic/Stepper/index.js +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.d.ts +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.d.ts.map +1 -1
- package/dist/atomic/Switch/SwitchPrimitive.js +0 -1
- package/dist/atomic/Switch/index.d.ts +3 -2
- package/dist/atomic/Switch/index.d.ts.map +1 -1
- package/dist/atomic/Switch/index.js +2 -3
- package/dist/atomic/Table/index.d.ts +20 -5
- package/dist/atomic/Table/index.d.ts.map +1 -1
- package/dist/atomic/Table/index.js +92 -22
- package/dist/atomic/Tabs/TabsPrimitive.d.ts +1 -1
- package/dist/atomic/Tabs/TabsPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tabs/TabsPrimitive.js +0 -1
- package/dist/atomic/Tabs/index.js +1 -1
- package/dist/atomic/Tag/index.d.ts +8 -0
- package/dist/atomic/Tag/index.d.ts.map +1 -1
- package/dist/atomic/Tag/index.js +1 -1
- package/dist/atomic/Text/index.js +1 -1
- package/dist/atomic/Textarea/index.d.ts +4 -0
- package/dist/atomic/Textarea/index.d.ts.map +1 -1
- package/dist/atomic/Textarea/index.js +3 -3
- package/dist/atomic/Toaster/Toast.types.d.ts +17 -0
- package/dist/atomic/Toaster/Toast.types.d.ts.map +1 -0
- package/dist/atomic/Toaster/Toast.types.js +2 -0
- package/dist/atomic/Toaster/ToastPrimitive.d.ts +1 -1
- package/dist/atomic/Toaster/ToastPrimitive.d.ts.map +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts +1 -1
- package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.d.ts +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.d.ts.map +1 -1
- package/dist/atomic/Tooltip/TooltipPrimitive.js +0 -1
- package/dist/atomic/Tooltip/index.d.ts +6 -12
- package/dist/atomic/Tooltip/index.d.ts.map +1 -1
- package/dist/atomic/Tooltip/index.js +13 -23
- package/dist/atomic/VideoPlayer/index.d.ts +11 -1
- package/dist/atomic/VideoPlayer/index.d.ts.map +1 -1
- package/dist/atomic/VideoPlayer/index.js +6 -8
- package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.d.ts.map +1 -1
- package/dist/atomic/index.d.ts +2 -0
- package/dist/atomic/index.d.ts.map +1 -1
- package/dist/atomic/index.js +1 -0
- package/dist/hooks/index.d.ts +2 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useToast.d.ts +2 -33
- package/dist/hooks/useToast.d.ts.map +1 -1
- package/dist/hooks/useToast.js +1 -0
- package/dist/index.js +4 -4
- package/dist/styles/index.css +489 -95
- package/dist/utils/variants.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -32,15 +32,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
32
32
|
* @since 0.0.1
|
|
33
33
|
* @author AMBROISE PARK Consulting
|
|
34
34
|
*/
|
|
35
|
+
import { CirclePlus, CircleMinus } from 'lucide-react';
|
|
35
36
|
import { createElement, forwardRef, useState, } from 'react';
|
|
36
|
-
import { Plus, Minus } from 'lucide-react';
|
|
37
37
|
import { GAP_VARIANT } from '../../styles/componentConstants';
|
|
38
38
|
import { cn } from '../../utils/helpers';
|
|
39
|
+
import CollapsiblePrimitive, { CollapsibleTrigger, CollapsibleContent, } from '../Collapsible/CollapsiblePrimitive';
|
|
39
40
|
import Grid, {} from '../Grid';
|
|
40
41
|
import Separator, { SEPARATOR_VARIANT } from '../Separator';
|
|
41
|
-
import Text from '../Text';
|
|
42
42
|
import Stack from '../Stack';
|
|
43
|
-
import
|
|
43
|
+
import Text from '../Text';
|
|
44
44
|
import './Section.css';
|
|
45
45
|
/**
|
|
46
46
|
* Minimal layout section with title, optional separator, and tone backgrounds.
|
|
@@ -63,7 +63,7 @@ const Section = forwardRef(function Section({ as = 'section', children, title, s
|
|
|
63
63
|
const handleOpenChange = isControlled ? onOpenChange : setInternalOpen;
|
|
64
64
|
const content = gridCols ? (_jsx(Grid, { cols: gridCols, gap: gridGap || GAP_VARIANT.MEDIUM, children: children })) : (children);
|
|
65
65
|
const titleElement = title &&
|
|
66
|
-
(collapsible ? (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Stack, { as: "div", direction: "row", align: "center", justify: "between", className: "dndev-section-title-trigger", children: [_jsx(Text, { as: "div", level: "h2", className: "dndev-section-title", children: title }), isOpen ? (_jsx(
|
|
66
|
+
(collapsible ? (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Stack, { as: "div", direction: "row", align: "center", justify: "between", className: "dndev-section-title-trigger", children: [_jsx(Text, { as: "div", level: "h2", className: "dndev-section-title", children: title }), isOpen ? (_jsx(CircleMinus, { className: "dndev-section-icon", "aria-hidden": "true" })) : (_jsx(CirclePlus, { className: "dndev-section-icon", "aria-hidden": "true" }))] }) })) : (_jsx(Text, { as: "div", level: "h2", className: "dndev-section-title", children: title })));
|
|
67
67
|
const sectionContent = collapsible ? (_jsxs(CollapsiblePrimitive, { ...(isControlled
|
|
68
68
|
? { open: isOpen, onOpenChange: handleOpenChange }
|
|
69
69
|
: { defaultOpen: defaultOpen, onOpenChange: handleOpenChange }), children: [titleElement, _jsx(CollapsibleContent, { className: "dndev-collapsible-content", children: content })] })) : (_jsxs(_Fragment, { children: [titleElement, content] }));
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
9
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
10
|
-
import {
|
|
10
|
+
import type { ComponentProps } from 'react';
|
|
11
11
|
declare const SelectRootPrimitive: import("react").FC<SelectPrimitive.SelectProps>;
|
|
12
12
|
declare const SelectGroupPrimitive: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Group>) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare const SelectValuePrimitive: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Value>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/SelectPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/SelectPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,mBAAmB,iDAAuB,CAAC;AAEjD,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,yBAG7B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAE9C,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE7C,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAElD,CAAC;AAEF,eAAe,mBAAmB,CAAC;AACnC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,GACzB,CAAC"}
|
|
@@ -9,7 +9,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
12
|
-
import {} from 'react';
|
|
13
12
|
import { cn } from '../../utils/helpers';
|
|
14
13
|
const SelectRootPrimitive = SelectPrimitive.Root;
|
|
15
14
|
const SelectGroupPrimitive = ({ className, ...props }) => (_jsx(SelectPrimitive.Group, { className: cn(className), ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Select/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,mBAON,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAC1C,UAAU,CACX;IACC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,MAAM,GAAI,uHAYb,WAAW,4CAyHb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -40,7 +40,8 @@ const Select = ({ value, onValueChange, placeholder = 'Select an option...', opt
|
|
|
40
40
|
const id = useId();
|
|
41
41
|
const [isOpen, setIsOpen] = useState(false);
|
|
42
42
|
const hasLabel = !!label;
|
|
43
|
-
const
|
|
43
|
+
const triggerElement = (_jsxs(SelectTriggerPrimitive, { id: id, className: "dndev-input dndev-select-trigger", disabled: disabled, "data-bare": hasLabel || undefined, children: [isLoading ? (_jsxs("div", { className: "dndev-select-loading-container", children: [_jsx("div", { className: "dndev-animate-spin dndev-select-loading-spinner" }), _jsx("span", { children: "Loading..." })] })) : (_jsx(SelectValuePrimitive, { placeholder: placeholder })), _jsx(SelectRadix.Icon, { asChild: true, children: _jsx(ChevronDown, {}) })] }));
|
|
44
|
+
const customTrigger = trigger ? (_jsx(SelectTriggerPrimitive, { asChild: true, disabled: disabled, className: "dndev-input dndev-select-trigger", children: trigger })) : hasLabel ? (_jsx(FloatingLabel, { htmlFor: id, label: label, disabled: disabled, required: required, children: triggerElement })) : (triggerElement);
|
|
44
45
|
return (_jsxs(SelectRootPrimitive, { value: value, onValueChange: onValueChange, defaultValue: defaultValue, disabled: disabled, onOpenChange: setIsOpen, ...props, children: [customTrigger, _jsx(SelectRadix.Portal, { children: _jsx(SelectContentPrimitive, { className: "dndev-floating dndev-menu-content dndev-z-tooltip dndev-select-content", position: "popper", side: "bottom", sideOffset: 4, align: "start", "data-glow": "blank", children: _jsx(SelectRadix.Viewport, { children: _jsx(ScrollArea, { className: "dndev-menu-scroll-area", end: true, children: options.map((option) => {
|
|
45
46
|
if (option.value === '__label__') {
|
|
46
47
|
return (_jsx(SelectLabelPrimitive, { className: "dndev-menu-label", children: option.label }, option.label));
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @author AMBROISE PARK Consulting
|
|
7
7
|
*/
|
|
8
8
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
9
|
-
import {
|
|
9
|
+
import type { ComponentProps } from 'react';
|
|
10
10
|
export interface SeparatorPrimitiveProps extends ComponentProps<typeof SeparatorPrimitive.Root> {
|
|
11
11
|
}
|
|
12
12
|
declare const SeparatorPrimitiveComponent: ({ className, ...props }: SeparatorPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeparatorPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/SeparatorPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"SeparatorPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/SeparatorPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAC7D,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,uBAAuB,4CAOzB,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -8,7 +8,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
8
8
|
* @author AMBROISE PARK Consulting
|
|
9
9
|
*/
|
|
10
10
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
11
|
-
import {} from 'react';
|
|
12
11
|
import { cn } from '../../utils/helpers';
|
|
13
12
|
const SeparatorPrimitiveComponent = ({ className, ...props }) => {
|
|
14
13
|
return (_jsx(SeparatorPrimitive.Root, { className: cn('dndev-separator', className), ...props }));
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
* @since 0.0.1
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
|
-
import { type ComponentProps } from 'react';
|
|
10
9
|
import SeparatorPrimitive from './SeparatorPrimitive';
|
|
10
|
+
import type { ComponentProps } from 'react';
|
|
11
11
|
import './Separator.css';
|
|
12
12
|
/**
|
|
13
13
|
* Separator variant constants - DRY single source of truth
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Separator/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAGtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,MAAM,WAAW,cAAe,SAAQ,cAAc,CACpD,OAAO,kBAAkB,CAC1B;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;CACtE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,SAAS,GAAI,kEAOhB,cAAc,4CAahB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -8,7 +8,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
8
8
|
* @since 0.0.1
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
|
-
import {} from 'react';
|
|
12
11
|
import SeparatorPrimitive from './SeparatorPrimitive';
|
|
13
12
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
14
13
|
import './Separator.css';
|
|
@@ -29,6 +29,8 @@ export interface SheetProps extends Omit<ComponentProps<typeof DialogPrimitive.C
|
|
|
29
29
|
* @default 'right'
|
|
30
30
|
*/
|
|
31
31
|
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
32
|
+
/** Footer content (pinned at bottom) */
|
|
33
|
+
footer?: ReactNode;
|
|
32
34
|
/** Visual variant of the sheet (uses surface variants: default, muted, primary, secondary, accent, success, warning, destructive) */
|
|
33
35
|
variant?: SurfaceVariant;
|
|
34
36
|
/** Whether to disable swipe-to-close functionality */
|
|
@@ -53,7 +55,7 @@ export interface SheetProps extends Omit<ComponentProps<typeof DialogPrimitive.C
|
|
|
53
55
|
* @param {SheetProps} props - The props for the sheet
|
|
54
56
|
* @returns {JSX.Element} The rendered sheet
|
|
55
57
|
*/
|
|
56
|
-
declare const Sheet: ({ trigger, title, description, children, open, onOpenChange, side, showOverlay, variant, className, noSwipe, ...contentProps }: SheetProps) => import("react/jsx-runtime").JSX.Element;
|
|
58
|
+
declare const Sheet: ({ trigger, title, description, children, open, onOpenChange, side, showOverlay, footer, variant, className, noSwipe, ...contentProps }: SheetProps) => import("react/jsx-runtime").JSX.Element;
|
|
57
59
|
export default Sheet;
|
|
58
60
|
export { SURFACE_VARIANT as SHEET_VARIANT } from '../../utils/constants';
|
|
59
61
|
export type { SurfaceVariant as SheetVariant } from '../../utils/constants';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Sheet/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Sheet/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI7E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9C,OAAO,GAAG,UAAU,CACrB;IACC,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qIAAqI;IACrI,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,KAAK,GAAI,wIAcZ,UAAU,4CAsGZ,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,eAAe,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACzE,YAAY,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -11,9 +11,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
11
11
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
12
12
|
import { X } from 'lucide-react';
|
|
13
13
|
import { useRef, useId } from 'react';
|
|
14
|
+
import { useSwipeToClose } from '../../hooks';
|
|
14
15
|
import { SURFACE_VARIANT } from '../../utils/constants';
|
|
15
16
|
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
16
|
-
import { useSwipeToClose } from '../../hooks';
|
|
17
17
|
import Button, { BUTTON_VARIANT } from '../Button';
|
|
18
18
|
/**
|
|
19
19
|
* Accessible sheet (slide-out) component built on Radix UI Dialog.
|
|
@@ -34,7 +34,7 @@ import Button, { BUTTON_VARIANT } from '../Button';
|
|
|
34
34
|
* @param {SheetProps} props - The props for the sheet
|
|
35
35
|
* @returns {JSX.Element} The rendered sheet
|
|
36
36
|
*/
|
|
37
|
-
const Sheet = ({ trigger, title, description, children, open, onOpenChange, side = 'right', showOverlay = true, variant, className = '', noSwipe = false, ...contentProps }) => {
|
|
37
|
+
const Sheet = ({ trigger, title, description, children, open, onOpenChange, side = 'right', showOverlay = true, footer, variant, className = '', noSwipe = false, ...contentProps }) => {
|
|
38
38
|
const closeButtonRef = useRef(null);
|
|
39
39
|
const getSwipeDirection = () => {
|
|
40
40
|
switch (side) {
|
|
@@ -60,7 +60,7 @@ const Sheet = ({ trigger, title, description, children, open, onOpenChange, side
|
|
|
60
60
|
side,
|
|
61
61
|
variant: variant !== SURFACE_VARIANT.DEFAULT ? variant : undefined,
|
|
62
62
|
});
|
|
63
|
-
return (_jsxs(DialogPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: [trigger && (_jsx(DialogPrimitive.Trigger, { asChild: true, children: trigger })), _jsxs(DialogPrimitive.Portal, { children: [showOverlay && _jsx(DialogPrimitive.Overlay, { className: "dndev-overlay" }), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('dndev-surface dndev-sheet-content', className), "data-side": side, onPointerDown: noSwipe ? undefined : onPointerDown, onPointerMove: noSwipe ? undefined : onPointerMove, onPointerUp: noSwipe ? undefined : onPointerUp, onPointerCancel: noSwipe ? undefined : onPointerCancel, ...variantAttrs, ...contentProps, children: [title ? (_jsxs("div", { className: "dndev-sheet-header", children: [_jsx(DialogPrimitive.Title, { className: "dndev-sheet-title", children: title }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(DialogPrimitive.Title, { className: "dndev-sr-only", children: "Sheet" }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx("div", { className: "dndev-sheet-header", children: _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) }) })] })), children] })] })] }));
|
|
63
|
+
return (_jsxs(DialogPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: [trigger && (_jsx(DialogPrimitive.Trigger, { asChild: true, children: trigger })), _jsxs(DialogPrimitive.Portal, { children: [showOverlay && _jsx(DialogPrimitive.Overlay, { className: "dndev-overlay" }), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('dndev-surface dndev-sheet-content', className), "data-side": side, onPointerDown: noSwipe ? undefined : onPointerDown, onPointerMove: noSwipe ? undefined : onPointerMove, onPointerUp: noSwipe ? undefined : onPointerUp, onPointerCancel: noSwipe ? undefined : onPointerCancel, ...variantAttrs, ...contentProps, children: [(side === 'bottom' || side === 'top') && !noSwipe && (_jsx("div", { className: "dndev-sheet-drag-handle", "aria-hidden": "true" })), title ? (_jsxs("div", { className: "dndev-sheet-header", children: [_jsx(DialogPrimitive.Title, { className: "dndev-sheet-title", children: title }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(DialogPrimitive.Title, { className: "dndev-sr-only", children: "Sheet" }), _jsx(DialogPrimitive.Description, { className: "dndev-sr-only", children: description || 'Sheet content' }), _jsx("div", { className: "dndev-sheet-header", children: _jsx(DialogPrimitive.Close, { ref: closeButtonRef, asChild: true, children: _jsx(Button, { variant: BUTTON_VARIANT.GHOST, icon: X, className: "dndev-sheet-close", "aria-label": "Close sheet" }) }) })] })), _jsx("div", { className: "dndev-sheet-body", children: children }), footer && _jsx("div", { className: "dndev-sheet-footer", children: footer })] })] })] }));
|
|
64
64
|
};
|
|
65
65
|
export default Sheet;
|
|
66
66
|
export { SURFACE_VARIANT as SHEET_VARIANT } from '../../utils/constants';
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
9
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
10
|
-
import {
|
|
10
|
+
import type { ComponentProps } from 'react';
|
|
11
11
|
/**
|
|
12
12
|
* Props for the Slider component.
|
|
13
13
|
* Extends Radix UI Slider Root props.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/SliderPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"SliderPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/SliderPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B;CAAG;AAEJ;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAStB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -9,7 +9,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
* @author AMBROISE PARK Consulting
|
|
10
10
|
*/
|
|
11
11
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
12
|
-
import {} from 'react';
|
|
13
12
|
import { cn } from '../../utils/helpers';
|
|
14
13
|
/**
|
|
15
14
|
* Accessible slider component built on Radix UI Slider.
|
|
@@ -7,8 +7,9 @@
|
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
9
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
11
|
+
import type { ControlVariant } from '../../utils/constants';
|
|
12
|
+
import type { ComponentProps } from 'react';
|
|
12
13
|
import './Slider.css';
|
|
13
14
|
export interface SliderProps extends ComponentProps<typeof SliderPrimitive.Root> {
|
|
14
15
|
/** Semantic color variant */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slider/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CACjD,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoBD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM,GAAI,kEAOb,WAAW,4CAmCb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
|
|
@@ -10,10 +10,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
10
10
|
*/
|
|
11
11
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
12
12
|
import { cva } from 'class-variance-authority';
|
|
13
|
-
import {} from 'react';
|
|
14
|
-
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
15
|
-
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
16
13
|
import SliderPrimitiveComponent from './SliderPrimitive';
|
|
14
|
+
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
15
|
+
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
17
16
|
import './Slider.css';
|
|
18
17
|
const sliderVariants = cva('dndev-slider', {
|
|
19
18
|
variants: {
|
|
@@ -48,10 +47,13 @@ const sliderVariants = cva('dndev-slider', {
|
|
|
48
47
|
const Slider = ({ className, variant, showValue, value, defaultValue, ...props }) => {
|
|
49
48
|
const variantAttrs = getVariantDataAttrs({ variant });
|
|
50
49
|
const currentValue = value ?? defaultValue;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
50
|
+
// Handle array values (for range sliders) or single values
|
|
51
|
+
const values = Array.isArray(currentValue)
|
|
52
|
+
? currentValue
|
|
53
|
+
: currentValue !== undefined
|
|
54
|
+
? [currentValue]
|
|
55
|
+
: [];
|
|
56
|
+
return (_jsx("div", { className: "dndev-slider-container", children: _jsxs(SliderPrimitive.Root, { className: cn(sliderVariants({ variant }), className), value: value, defaultValue: defaultValue, ...variantAttrs, ...props, children: [_jsx(SliderPrimitive.Track, { className: cn('dndev-slider-track'), children: _jsx(SliderPrimitive.Range, { className: cn('dndev-slider-range') }) }), values.map((val, index) => (_jsx(SliderPrimitive.Thumb, { className: cn('dndev-slider-thumb'), children: showValue && val !== undefined && (_jsx("span", { className: "dndev-slider-value", children: val })) }, index)))] }) }));
|
|
55
57
|
};
|
|
56
58
|
export default Slider;
|
|
57
59
|
export { SliderPrimitive, CONTROL_VARIANT as SLIDER_VARIANT };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slot/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Slot/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE7D;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI,GAAI,yBAAyB,SAAS,4CAE/C,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -11,8 +11,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
11
11
|
import { cva } from 'class-variance-authority';
|
|
12
12
|
import { ChevronLeft, ChevronRight } from 'lucide-react';
|
|
13
13
|
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
14
|
-
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
15
14
|
import { THEME_VARIANT } from '../../utils/constants';
|
|
15
|
+
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
16
16
|
import Button, { BUTTON_VARIANT } from '../Button';
|
|
17
17
|
import Card from '../Card';
|
|
18
18
|
import Stack from '../Stack';
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @author AMBROISE PARK Consulting
|
|
8
8
|
*/
|
|
9
9
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
10
|
-
import {
|
|
10
|
+
import type { ComponentProps } from 'react';
|
|
11
11
|
import './Switch.css';
|
|
12
12
|
export interface SwitchPrimitiveProps extends ComponentProps<typeof SwitchPrimitives.Root> {
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/SwitchPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"SwitchPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/SwitchPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAI3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAC1D,OAAO,gBAAgB,CAAC,IAAI,CAC7B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,wBAAwB,GAAI,yBAG/B,oBAAoB,4CAMtB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -8,9 +8,10 @@
|
|
|
8
8
|
* @author AMBROISE PARK Consulting
|
|
9
9
|
*/
|
|
10
10
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
11
|
-
import { type ComponentProps } from 'react';
|
|
12
|
-
import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
|
|
13
11
|
import SwitchPrimitive from './SwitchPrimitive';
|
|
12
|
+
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
13
|
+
import type { ControlVariant } from '../../utils/constants';
|
|
14
|
+
import type { ComponentProps } from 'react';
|
|
14
15
|
import './Switch.css';
|
|
15
16
|
export interface SwitchProps extends ComponentProps<typeof SwitchPrimitives.Root> {
|
|
16
17
|
/** Semantic color variant */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Switch/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAG3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CACjD,OAAO,gBAAgB,CAAC,IAAI,CAC7B;IACC,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAoBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,MAAM,GAAI,yEAOb,WAAW,4CAyCb,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}
|
|
@@ -11,10 +11,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
11
11
|
*/
|
|
12
12
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
13
13
|
import { cva } from 'class-variance-authority';
|
|
14
|
-
import {} from 'react';
|
|
15
|
-
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
16
|
-
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
17
14
|
import SwitchPrimitive from './SwitchPrimitive';
|
|
15
|
+
import { CONTROL_VARIANT } from '../../utils/constants';
|
|
16
|
+
import { cn, getVariantDataAttrs } from '../../utils/helpers';
|
|
18
17
|
import './Switch.css';
|
|
19
18
|
const switchVariants = cva('dndev-switch', {
|
|
20
19
|
variants: {
|
|
@@ -18,6 +18,7 @@ export interface TableColumn<T = any> {
|
|
|
18
18
|
title: string | ReactNode;
|
|
19
19
|
dataIndex?: keyof T;
|
|
20
20
|
sortable?: boolean;
|
|
21
|
+
/** Enable column header filter (Excel-style dropdown) */
|
|
21
22
|
filterable?: boolean;
|
|
22
23
|
/**
|
|
23
24
|
* Render prop for custom cell content - RENDER PROP EXCEPTION
|
|
@@ -56,12 +57,26 @@ export interface DataTableProps<T = any> {
|
|
|
56
57
|
selectable?: boolean;
|
|
57
58
|
/** Enable search */
|
|
58
59
|
searchable?: boolean;
|
|
59
|
-
/** Enable filtering (placeholder UI) */
|
|
60
|
-
filterable?: boolean;
|
|
61
60
|
/** Enable pagination */
|
|
62
61
|
pagination?: boolean;
|
|
62
|
+
/** Current page (1-indexed) */
|
|
63
|
+
currentPage?: number;
|
|
63
64
|
/** Page size */
|
|
64
65
|
pageSize?: number;
|
|
66
|
+
/** Total number of items (for server-side pagination) */
|
|
67
|
+
total?: number;
|
|
68
|
+
/** Callback when page changes */
|
|
69
|
+
onPageChange?: (page: number) => void;
|
|
70
|
+
/** Callback when page size changes */
|
|
71
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
72
|
+
/** Label for "Showing X to Y of Z" text (default: "Showing {{from}} to {{to}} of {{total}} results") */
|
|
73
|
+
showingLabel?: string;
|
|
74
|
+
/** Label for previous button (passed to Pagination) */
|
|
75
|
+
paginationPreviousLabel?: string;
|
|
76
|
+
/** Label for next button (passed to Pagination) */
|
|
77
|
+
paginationNextLabel?: string;
|
|
78
|
+
/** Placeholder for items per page selector (passed to Pagination) */
|
|
79
|
+
paginationItemsPerPagePlaceholder?: string;
|
|
65
80
|
/** Loading state */
|
|
66
81
|
loading?: boolean;
|
|
67
82
|
/** Excel-like grid lines (borders on all cells) */
|
|
@@ -72,8 +87,8 @@ export interface DataTableProps<T = any> {
|
|
|
72
87
|
onSelect?: (selectedRows: T[]) => void;
|
|
73
88
|
/** Callback when search query changes */
|
|
74
89
|
onSearch?: (query: string) => void;
|
|
75
|
-
/** Callback when
|
|
76
|
-
|
|
90
|
+
/** Callback when a row is clicked */
|
|
91
|
+
onRowClick?: (row: T) => void;
|
|
77
92
|
/** Additional CSS classes */
|
|
78
93
|
className?: string;
|
|
79
94
|
}
|
|
@@ -108,7 +123,7 @@ declare function TableCaption({ className, ...props }: HTMLAttributes<HTMLTableC
|
|
|
108
123
|
* @param {DataTableProps} props - The props for the data table
|
|
109
124
|
* @returns {ReactNode} The rendered data table
|
|
110
125
|
*/
|
|
111
|
-
declare const DataTable: <T = any>({ data, columns, sortable, selectable, searchable,
|
|
126
|
+
declare const DataTable: <T = any>({ data, columns, sortable, selectable, searchable, pagination, currentPage: currentPageProp, pageSize: pageSizeProp, total: totalProp, onPageChange, onPageSizeChange, showingLabel, paginationPreviousLabel, paginationNextLabel, paginationItemsPerPagePlaceholder, loading, gridLines, onSort, onSelect, onSearch, onRowClick, className, }: DataTableProps<T>) => ReactNode;
|
|
112
127
|
export default Table;
|
|
113
128
|
export { TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, DataTable, };
|
|
114
129
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Table/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Table/index.tsx"],"names":[],"mappings":"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"}
|