@a-type/ui 1.3.0 → 1.3.2
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/cjs/components/actions/ActionButton.d.ts +1 -1
- package/dist/cjs/components/actions/ActionButton.js +4 -4
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +4 -2
- package/dist/cjs/components/box/Box.js +9 -6
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/box/Box.stories.d.ts +1 -1
- package/dist/cjs/components/button/Button.d.ts +3 -2
- package/dist/cjs/components/button/Button.js +4 -4
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +7 -5
- package/dist/cjs/components/camera/Camera.js +12 -10
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +2 -2
- package/dist/cjs/components/card/Card.d.ts +10 -18
- package/dist/cjs/components/card/Card.js +11 -10
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +2 -1
- package/dist/cjs/components/checkbox/Checkbox.js +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/chip/Chip.d.ts +3 -2
- package/dist/cjs/components/chip/Chip.js +4 -5
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +7 -4
- package/dist/cjs/components/collapsible/Collapsible.js +5 -5
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +7 -2
- package/dist/cjs/components/contextMenu/contextMenu.js +5 -5
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +37 -19
- package/dist/cjs/components/dialog/Dialog.js +20 -15
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +14 -7
- package/dist/cjs/components/divider/Divider.d.ts +3 -1
- package/dist/cjs/components/divider/Divider.js +5 -5
- package/dist/cjs/components/divider/Divider.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +6 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +3 -4
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -1
- package/dist/cjs/components/forms/TextField.d.ts +3 -1
- package/dist/cjs/components/forms/TextField.js +6 -5
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/icon/Icon.d.ts +3 -1
- package/dist/cjs/components/icon/Icon.js +4 -4
- package/dist/cjs/components/icon/Icon.js.map +1 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts +3 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +6 -5
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/cjs/components/input/Input.d.ts +3 -1
- package/dist/cjs/components/input/Input.js +4 -3
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.stories.d.ts +3 -1
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.d.ts +3 -2
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js +5 -4
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/cjs/components/marquee/marquee.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +10 -5
- package/dist/cjs/components/navBar/NavBar.js +8 -7
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +13 -8
- package/dist/cjs/components/popover/Popover.js +5 -5
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +4 -3
- package/dist/cjs/components/progress/Progress.js +3 -4
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +4 -3
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +12 -5
- package/dist/cjs/components/scrollArea/ScrollArea.js +12 -9
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +23 -13
- package/dist/cjs/components/select/Select.js +18 -15
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +10 -6
- package/dist/cjs/components/slider/Slider.d.ts +3 -1
- package/dist/cjs/components/slider/Slider.js +3 -4
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +3 -1
- package/dist/cjs/components/spinner/Spinner.d.ts +6 -2
- package/dist/cjs/components/spinner/Spinner.js +8 -6
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/switch/Switch.d.ts +3 -1
- package/dist/cjs/components/switch/Switch.js +15 -4
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.d.ts +3 -1
- package/dist/cjs/components/textArea/TextArea.js +4 -3
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.stories.d.ts +3 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +3 -1
- package/dist/cjs/components/tooltip/Tooltip.js +3 -4
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +3 -1
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.d.ts +3 -1
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js +5 -5
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/cjs/components/utility/SlotDiv.d.ts +1 -1
- package/dist/cjs/components/utility/SlotDiv.js +4 -4
- package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
- package/dist/cjs/hooks/useMergedRef.d.ts +1 -1
- package/dist/cjs/hooks/useMergedRef.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.d.ts +1 -1
- package/dist/esm/components/actions/ActionButton.js +4 -4
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +4 -2
- package/dist/esm/components/box/Box.js +9 -6
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/box/Box.stories.d.ts +1 -1
- package/dist/esm/components/button/Button.d.ts +3 -2
- package/dist/esm/components/button/Button.js +4 -4
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -1
- package/dist/esm/components/camera/Camera.d.ts +7 -5
- package/dist/esm/components/camera/Camera.js +7 -7
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +2 -2
- package/dist/esm/components/card/Card.d.ts +10 -18
- package/dist/esm/components/card/Card.js +6 -7
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.d.ts +2 -1
- package/dist/esm/components/checkbox/Checkbox.js +3 -3
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.d.ts +3 -2
- package/dist/esm/components/chip/Chip.js +3 -4
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.d.ts +7 -4
- package/dist/esm/components/collapsible/Collapsible.js +4 -5
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +7 -2
- package/dist/esm/components/contextMenu/contextMenu.js +4 -5
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +37 -19
- package/dist/esm/components/dialog/Dialog.js +16 -16
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +14 -7
- package/dist/esm/components/divider/Divider.d.ts +3 -1
- package/dist/esm/components/divider/Divider.js +4 -5
- package/dist/esm/components/divider/Divider.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +6 -2
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +3 -4
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -1
- package/dist/esm/components/forms/TextField.d.ts +3 -1
- package/dist/esm/components/forms/TextField.js +6 -6
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/icon/Icon.d.ts +3 -1
- package/dist/esm/components/icon/Icon.js +3 -4
- package/dist/esm/components/icon/Icon.js.map +1 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts +3 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +5 -5
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/esm/components/input/Input.d.ts +3 -1
- package/dist/esm/components/input/Input.js +4 -4
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.stories.d.ts +3 -1
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.d.ts +3 -2
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js +4 -4
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/esm/components/marquee/marquee.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +10 -5
- package/dist/esm/components/navBar/NavBar.js +6 -7
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +13 -8
- package/dist/esm/components/popover/Popover.js +4 -5
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +4 -3
- package/dist/esm/components/progress/Progress.js +3 -4
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +4 -3
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +12 -5
- package/dist/esm/components/scrollArea/ScrollArea.js +10 -9
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +23 -13
- package/dist/esm/components/select/Select.js +16 -16
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +10 -6
- package/dist/esm/components/slider/Slider.d.ts +3 -1
- package/dist/esm/components/slider/Slider.js +3 -4
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +3 -1
- package/dist/esm/components/spinner/Spinner.d.ts +6 -2
- package/dist/esm/components/spinner/Spinner.js +6 -6
- package/dist/esm/components/spinner/Spinner.js.map +1 -1
- package/dist/esm/components/switch/Switch.d.ts +3 -1
- package/dist/esm/components/switch/Switch.js +15 -4
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.d.ts +3 -1
- package/dist/esm/components/textArea/TextArea.js +4 -4
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.stories.d.ts +3 -1
- package/dist/esm/components/tooltip/Tooltip.d.ts +3 -1
- package/dist/esm/components/tooltip/Tooltip.js +3 -4
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +3 -1
- package/dist/esm/components/utility/HideWhileKeyboardOpen.d.ts +3 -1
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js +4 -5
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/esm/components/utility/SlotDiv.d.ts +1 -1
- package/dist/esm/components/utility/SlotDiv.js +3 -4
- package/dist/esm/components/utility/SlotDiv.js.map +1 -1
- package/dist/esm/hooks/useMergedRef.d.ts +1 -1
- package/dist/esm/hooks/useMergedRef.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionButton.tsx +45 -45
- package/src/components/box/Box.tsx +27 -24
- package/src/components/button/Button.tsx +54 -57
- package/src/components/camera/Camera.tsx +133 -133
- package/src/components/card/Card.tsx +24 -23
- package/src/components/checkbox/Checkbox.tsx +9 -10
- package/src/components/chip/Chip.tsx +9 -5
- package/src/components/collapsible/Collapsible.tsx +56 -54
- package/src/components/contextMenu/contextMenu.tsx +60 -56
- package/src/components/dialog/Dialog.tsx +328 -312
- package/src/components/divider/Divider.tsx +32 -26
- package/src/components/dropdownMenu/DropdownMenu.tsx +126 -123
- package/src/components/forms/TextField.tsx +137 -140
- package/src/components/icon/Icon.tsx +33 -28
- package/src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx +42 -38
- package/src/components/input/Input.tsx +75 -81
- package/src/components/liveUpdateTextField/LiveUpdateTextField.tsx +134 -138
- package/src/components/navBar/NavBar.tsx +105 -96
- package/src/components/popover/Popover.tsx +84 -87
- package/src/components/progress/Progress.tsx +40 -34
- package/src/components/scrollArea/ScrollArea.tsx +102 -94
- package/src/components/select/Select.tsx +294 -283
- package/src/components/slider/Slider.tsx +58 -55
- package/src/components/spinner/Spinner.tsx +66 -59
- package/src/components/switch/Switch.tsx +31 -27
- package/src/components/textArea/TextArea.tsx +114 -117
- package/src/components/tooltip/Tooltip.tsx +68 -63
- package/src/components/utility/HideWhileKeyboardOpen.tsx +30 -26
- package/src/components/utility/SlotDiv.tsx +16 -15
- package/src/hooks/useMergedRef.ts +3 -1
|
@@ -48,16 +48,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
48
48
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
49
|
exports.Collapsible = exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
|
|
50
50
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
51
|
-
const react_1 = require("react");
|
|
52
|
-
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
53
51
|
const CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
|
|
52
|
+
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
54
53
|
exports.CollapsibleRoot = CollapsiblePrimitive.Root;
|
|
55
54
|
const CollapsibleContentBase = (0, withClassName_js_1.withClassName)(CollapsiblePrimitive.Content, 'overflow-hidden', 'layer-components:[&[data-state=open]]:animate-radix-collapsible-open-vertical layer-components:[&[data-state=open]]:animate-duration-300 layer-components:[&[data-state=open]]:animate-ease-springy layer-components:[&[data-state=closed]]:animate-radix-collapsible-close-vertical layer-components:[&[data-state=closed]]:animate-duration-300 layer-components:[&[data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-horizontal][data-state=open]]:animate-radix-collapsible-open-horizontal layer-variants:[&[data-horizontal][data-state=open]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=open]]:animate-ease-springy layer-variants:[&[data-horizontal][data-state=closed]]:animate-radix-collapsible-close-horizontal layer-variants:[&[data-horizontal][data-state=closed]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-both][data-state=open]]:animate-radix-collapsible-open-both layer-variants:[&[data-both][data-state=open]]:animate-duration-300 layer-variants:[&[data-both][data-state=open]]:animate-ease-springy layer-variants:[&[data-both][data-state=closed]]:animate-radix-collapsible-close-both layer-variants:[&[data-both][data-state=closed]]:animate-duration-300 layer-variants:[&[data-both][data-state=closed]]:animate-ease-springy');
|
|
56
55
|
// specifically removing className... it's causing problems?
|
|
57
|
-
|
|
58
|
-
var { horizontal, both } = _a, props = __rest(_a, ["horizontal", "both"]);
|
|
56
|
+
const CollapsibleContent = function CollapsibleContent(_a) {
|
|
57
|
+
var { ref, horizontal, both } = _a, props = __rest(_a, ["ref", "horizontal", "both"]);
|
|
59
58
|
return ((0, jsx_runtime_1.jsx)(CollapsibleContentBase, Object.assign({ "data-horizontal": horizontal, "data-both": both }, props, { ref: ref })));
|
|
60
|
-
}
|
|
59
|
+
};
|
|
60
|
+
exports.CollapsibleContent = CollapsibleContent;
|
|
61
61
|
exports.CollapsibleTrigger = CollapsiblePrimitive.Trigger;
|
|
62
62
|
const CollapsibleSimple = (_a) => {
|
|
63
63
|
var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,kFAAoE;AAEpE,mEAA6D;AAEhD,QAAA,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,OAAO,EAC5B,iBAAiB,EACjB,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AACrD,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,OAAO,CACN,uBAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC;AAlBW,QAAA,kBAAkB,sBAkB7B;AACW,QAAA,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAExD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;CACzB,CAAC,CAAC"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
3
|
export declare const ContextMenuRoot: import("react").FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
3
|
-
export declare const ContextMenuContent:
|
|
4
|
+
export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
|
|
5
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
6
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
4
7
|
export declare const ContextMenuArrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
5
8
|
export declare const ContextMenuItem: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
9
|
export declare const ContextMenuTrigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
7
10
|
export declare const ContextMenu: import("react").FC<ContextMenuPrimitive.ContextMenuProps> & {
|
|
8
|
-
Content:
|
|
11
|
+
Content: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
|
|
12
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
13
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
14
|
Arrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
10
15
|
Item: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
16
|
Trigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -51,17 +51,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
51
51
|
exports.ContextMenu = exports.ContextMenuTrigger = exports.ContextMenuItem = exports.ContextMenuArrow = exports.ContextMenuContent = exports.ContextMenuRoot = void 0;
|
|
52
52
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
53
|
const ContextMenuPrimitive = __importStar(require("@radix-ui/react-context-menu"));
|
|
54
|
-
const react_1 = require("react");
|
|
55
|
-
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
56
54
|
const clsx_1 = __importDefault(require("clsx"));
|
|
55
|
+
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
57
56
|
exports.ContextMenuRoot = ContextMenuPrimitive.Root;
|
|
58
|
-
|
|
59
|
-
var { className, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
|
|
57
|
+
const ContextMenuContent = function Content(_a) {
|
|
58
|
+
var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
|
|
60
59
|
return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:border-default layer-components:overflow-hidden layer-components:p-2 layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--radix-context-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-context-menu-content-available-height)] layer-components:overflow-y-auto', 'important:motion-reduce:animate-none', className), onClick: (ev) => {
|
|
61
60
|
ev.stopPropagation();
|
|
62
61
|
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
63
62
|
}, ref: ref }, props)) }));
|
|
64
|
-
}
|
|
63
|
+
};
|
|
64
|
+
exports.ContextMenuContent = ContextMenuContent;
|
|
65
65
|
exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Arrow, 'fill-white');
|
|
66
66
|
exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Item, 'flex items-center py-1 px-2 relative pl-25px select-none outline-none cursor-pointer', 'hover:bg-gray2 [&[data-highlighted=true]]:bg-gray2 [&[data-disabled=true]]:opacity-50 [&[data-disabled=true]]:cursor-default disabled:opacity-50 disabled:cursor-default');
|
|
67
67
|
exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Trigger, '');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,
|
|
1
|
+
{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,gDAA8B;AAE9B,mEAA6D;AAEhD,QAAA,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAElD,MAAM,kBAAkB,GAAG,SAAS,OAAO,CAAC,EAOlD;QAPkD,EAClD,GAAG,EACH,SAAS,EACT,OAAO,OAIP,EAHG,KAAK,cAJ0C,+BAKlD,CADQ;IAIR,OAAO,CACN,uBAAC,oBAAoB,CAAC,MAAM,cAC3B,uBAAC,oBAAoB,CAAC,OAAO,kBAC5B,SAAS,EAAE,IAAA,cAAU,EACpB,wGAAwG,EACxG,gFAAgF,EAChF,0DAA0D,EAC1D,6DAA6D,EAC7D,+FAA+F,EAC/F,sCAAsC,EACtC,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;YACf,CAAC,EACD,GAAG,EAAE,GAAG,IACJ,KAAK,EACR,GAC2B,CAC9B,CAAC;AACH,CAAC,CAAC;AA7BW,QAAA,kBAAkB,sBA6B7B;AAEW,QAAA,gBAAgB,GAAG,IAAA,gCAAa,EAC5C,oBAAoB,CAAC,KAAK,EAC1B,YAAY,CACZ,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,sFAAsF,EACtF,6IAA6I,CAC7I,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,gCAAa,EAC9C,oBAAoB,CAAC,OAAO,EAC5B,EAAE,CACF,CAAC;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,KAAK,EAAE,wBAAgB;IACvB,IAAI,EAAE,uBAAe;IACrB,OAAO,EAAE,0BAAkB;CAC3B,CAAC,CAAC"}
|
|
@@ -1,38 +1,56 @@
|
|
|
1
1
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
2
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
width?: "
|
|
3
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
4
|
+
export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
5
|
+
width?: "sm" | "md" | "lg";
|
|
6
6
|
disableSheet?: boolean;
|
|
7
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
-
export declare const DialogSwipeHandle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
-
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
7
|
outerClassName?: string;
|
|
12
|
-
|
|
8
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
10
|
+
export declare const DialogSwipeHandle: ({ ref, className, ...props }: ComponentPropsWithoutRef<"div"> & {
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
13
|
+
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
15
|
+
width?: "sm" | "md" | "lg";
|
|
13
16
|
disableSheet?: boolean;
|
|
14
|
-
|
|
17
|
+
outerClassName?: string;
|
|
18
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
19
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
15
20
|
export declare const DialogTitle: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
16
21
|
export declare const DialogDescription: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
17
|
-
export declare const DialogClose:
|
|
22
|
+
export declare const DialogClose: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
|
|
23
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
24
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
18
25
|
export type { DialogProps } from '@radix-ui/react-dialog';
|
|
19
26
|
export declare const DialogActions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
20
|
-
export declare const DialogSelectTrigger:
|
|
27
|
+
export declare const DialogSelectTrigger: ({ ref, children, className, ...props }: DialogPrimitive.DialogTriggerProps & {
|
|
28
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
29
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
21
30
|
export declare const DialogSelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
31
|
export declare const DialogSelectItemRoot: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
23
|
-
export declare const DialogSelectItem:
|
|
32
|
+
export declare const DialogSelectItem: ({ ref, children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
|
|
33
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
34
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
24
35
|
export declare const Dialog: ((props: DialogPrimitive.DialogProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
25
36
|
Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
Content:
|
|
27
|
-
|
|
28
|
-
width?: "lg" | "md" | "sm";
|
|
37
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
|
|
38
|
+
width?: "sm" | "md" | "lg";
|
|
29
39
|
disableSheet?: boolean;
|
|
30
|
-
|
|
40
|
+
outerClassName?: string;
|
|
41
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
42
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
31
43
|
Title: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
32
44
|
Description: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
33
|
-
Close:
|
|
45
|
+
Close: ({ ref, asChild, children, ...props }: DialogPrimitive.DialogCloseProps & {
|
|
46
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
47
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
34
48
|
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
35
|
-
SelectTrigger:
|
|
49
|
+
SelectTrigger: ({ ref, children, className, ...props }: DialogPrimitive.DialogTriggerProps & {
|
|
50
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
51
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
36
52
|
SelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
37
|
-
SelectItem:
|
|
53
|
+
SelectItem: ({ ref, children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
|
|
54
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
55
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
38
56
|
};
|
|
@@ -68,8 +68,8 @@ const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Cont
|
|
|
68
68
|
const sheetClassNames = (0, clsx_1.default)('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:p-6 layer-variants:lt-sm:pt-8 layer-variants:lt-sm:w-full layer-variants:lt-sm:max-w-none layer-variants:lt-sm:pb-[calc(3rem+env(safe-area-inset-bottom,0px))] layer-variants:lt-sm:border-b-0', 'layer-variants:lt-sm:animate-ease-in layer-variants:lt-sm:animate-fade-in-up layer-variants:lt-sm:[&[data-state=closed]]:animate-fade-out-down');
|
|
69
69
|
const sheetClassNameWithOverlayKeyboard = (0, clsx_1.default)('layer-variants:lt-sm:bottom-[calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(95vh-var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)))]');
|
|
70
70
|
const sheetClassNameWithDisplaceKeyboard = (0, clsx_1.default)('layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))]');
|
|
71
|
-
|
|
72
|
-
var { children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className", "disableSheet"]);
|
|
71
|
+
const Content = function Content(_a) {
|
|
72
|
+
var { ref, children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet"]);
|
|
73
73
|
const particles = (0, index_js_2.useParticles)();
|
|
74
74
|
const wasOpenRef = (0, react_2.useRef)(false);
|
|
75
75
|
const openRef = (0, react_2.useCallback)((element) => {
|
|
@@ -125,9 +125,10 @@ exports.Content = (0, react_2.forwardRef)(function Content(_a, ref) {
|
|
|
125
125
|
sheetClassNameWithOverlayKeyboard, !disableSheet &&
|
|
126
126
|
virtualKeyboardBehavior === 'displace' &&
|
|
127
127
|
sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableSheet && (0, jsx_runtime_1.jsx)(exports.DialogSwipeHandle, {}), children] }))] }));
|
|
128
|
-
}
|
|
129
|
-
exports.
|
|
130
|
-
|
|
128
|
+
};
|
|
129
|
+
exports.Content = Content;
|
|
130
|
+
const DialogSwipeHandle = function DialogSwipeHandle(_a) {
|
|
131
|
+
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
131
132
|
const close = (0, react_2.useContext)(DialogCloseContext);
|
|
132
133
|
const innerRef = (0, react_2.useRef)(null);
|
|
133
134
|
(0, react_1.useDrag)(({ swipe: [, swipeY], movement: [, dy], velocity: [, vy], last }) => {
|
|
@@ -149,7 +150,8 @@ exports.DialogSwipeHandle = (0, react_2.forwardRef)(function DialogSwipeHandle(_
|
|
|
149
150
|
});
|
|
150
151
|
const finalRef = (0, useMergedRef_js_1.default)(ref, innerRef);
|
|
151
152
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: finalRef }, props, { className: (0, clsx_1.default)('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-full cursor-grab sm:hidden touch-none', className), children: (0, jsx_runtime_1.jsx)("div", { className: "w-full h-[4px] bg-gray-4 rounded-full" }) })));
|
|
152
|
-
}
|
|
153
|
+
};
|
|
154
|
+
exports.DialogSwipeHandle = DialogSwipeHandle;
|
|
153
155
|
function findParentDialogContent(element) {
|
|
154
156
|
if (!element)
|
|
155
157
|
return null;
|
|
@@ -179,21 +181,24 @@ exports.DialogTrigger = DialogPrimitive.Trigger;
|
|
|
179
181
|
exports.DialogContent = exports.Content;
|
|
180
182
|
exports.DialogTitle = StyledTitle;
|
|
181
183
|
exports.DialogDescription = StyledDescription;
|
|
182
|
-
|
|
183
|
-
var { asChild, children } = _a, props = __rest(_a, ["asChild", "children"]);
|
|
184
|
+
const DialogClose = function DialogClose(_a) {
|
|
185
|
+
var { ref, asChild, children } = _a, props = __rest(_a, ["ref", "asChild", "children"]);
|
|
184
186
|
return ((0, jsx_runtime_1.jsx)(DialogPrimitive.DialogClose, Object.assign({ asChild: true, ref: ref }, props, { children: asChild === true ? children : (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: children !== null && children !== void 0 ? children : 'Close' }) })));
|
|
185
|
-
}
|
|
187
|
+
};
|
|
188
|
+
exports.DialogClose = DialogClose;
|
|
186
189
|
exports.DialogActions = (0, withClassName_js_1.withClassName)('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-4 translate-y-6 flex-wrap', 'bottom--6', 'sm:bottom-0');
|
|
187
|
-
|
|
188
|
-
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
190
|
+
const DialogSelectTrigger = function DialogSelectTrigger(_a) {
|
|
191
|
+
var { ref, children, className } = _a, props = __rest(_a, ["ref", "children", "className"]);
|
|
189
192
|
return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Trigger, Object.assign({ className: (0, clsx_1.default)(index_js_3.selectTriggerClassName, className) }, props, { children: [(0, jsx_runtime_1.jsx)("span", { children: children }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {})] })));
|
|
190
|
-
}
|
|
193
|
+
};
|
|
194
|
+
exports.DialogSelectTrigger = DialogSelectTrigger;
|
|
191
195
|
exports.DialogSelectList = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Root, 'flex flex-col gap-2 overflow-y-auto p-2');
|
|
192
196
|
exports.DialogSelectItemRoot = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Item, 'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all', '[&[data-state=checked]]:bg-primary-wash [&[data-state=checked]]:text-primary-dark');
|
|
193
|
-
|
|
194
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
197
|
+
const DialogSelectItem = function DialogSelectItem(_a) {
|
|
198
|
+
var { ref, children } = _a, props = __rest(_a, ["ref", "children"]);
|
|
195
199
|
return ((0, jsx_runtime_1.jsxs)(exports.DialogSelectItemRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("span", { className: "flex-1", children: children }), (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, { className: "flex-0-0-auto", children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) })] })));
|
|
196
|
-
}
|
|
200
|
+
};
|
|
201
|
+
exports.DialogSelectItem = DialogSelectItem;
|
|
197
202
|
exports.Dialog = Object.assign(DialogRoot, {
|
|
198
203
|
Trigger: exports.DialogTrigger,
|
|
199
204
|
Content: exports.Content,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,wEAA0D;AAC1D,uDAAmE;AACnE,iFAAmE;AACnE,8CAA6C;AAC7C,gDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,18 +4,25 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: ((props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
6
6
|
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
Content: import("react").ForwardRefExoticComponent<
|
|
8
|
-
|
|
9
|
-
width?: "lg" | "md" | "sm";
|
|
7
|
+
Content: ({ ref, children, width, outerClassName, className, disableSheet, ...props }: import("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>> & {
|
|
8
|
+
width?: "sm" | "md" | "lg";
|
|
10
9
|
disableSheet?: boolean;
|
|
11
|
-
|
|
10
|
+
outerClassName?: string;
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
12
13
|
Title: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
13
14
|
Description: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
14
|
-
Close:
|
|
15
|
+
Close: ({ ref, asChild, children, ...props }: import("@radix-ui/react-dialog").DialogCloseProps & {
|
|
16
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
17
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
15
18
|
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
16
|
-
SelectTrigger:
|
|
19
|
+
SelectTrigger: ({ ref, children, className, ...props }: import("@radix-ui/react-dialog").DialogTriggerProps & {
|
|
20
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
21
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
17
22
|
SelectList: import("react").FunctionComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
-
SelectItem: import("react").
|
|
23
|
+
SelectItem: ({ ref, children, ...props }: import("react").ComponentPropsWithoutRef<typeof import("./Dialog.js").DialogSelectItemRoot> & {
|
|
24
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
25
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
19
26
|
};
|
|
20
27
|
argTypes: {};
|
|
21
28
|
parameters: {
|
|
@@ -3,4 +3,6 @@ export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
3
3
|
compensate?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
4
4
|
padded?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare const Divider:
|
|
6
|
+
export declare const Divider: ({ ref, compensate, padded, className, ...props }: DividerProps & {
|
|
7
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
8
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -17,15 +17,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Divider = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
22
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
|
+
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
23
22
|
const DividerBase = (0, withClassName_js_1.withClassName)('div', 'w-full h-1px bg-black relative');
|
|
24
|
-
|
|
25
|
-
var { compensate, padded, className } = _a, props = __rest(_a, ["compensate", "padded", "className"]);
|
|
23
|
+
const Divider = function Divider(_a) {
|
|
24
|
+
var { ref, compensate, padded, className } = _a, props = __rest(_a, ["ref", "compensate", "padded", "className"]);
|
|
26
25
|
return ((0, jsx_runtime_1.jsx)(DividerBase, Object.assign({ ref: ref, style: {
|
|
27
26
|
left: compensate ? `calc(${compensate} * 0.25rem)` : undefined,
|
|
28
27
|
width: compensate ? `calc(100% - ${compensate} * 0.5rem)` : undefined,
|
|
29
28
|
} }, props, { className: (0, clsx_1.default)(padded && 'my-4', className) })));
|
|
30
|
-
}
|
|
29
|
+
};
|
|
30
|
+
exports.Divider = Divider;
|
|
31
31
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAE9B,mEAA6D;AAE7D,MAAM,WAAW,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC;AAOpE,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAQvC;QARuC,EACvC,GAAG,EACH,UAAU,EACV,MAAM,EACN,SAAS,OAIT,EAHG,KAAK,cAL+B,4CAMvC,CADQ;IAIR,OAAO,CACN,uBAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,aAAa,CAAC,CAAC,CAAC,SAAS;YAC9D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS;SACrE,IACG,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,OAAO,WAoBlB"}
|
|
@@ -4,7 +4,9 @@ export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMen
|
|
|
4
4
|
}
|
|
5
5
|
export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
6
6
|
export declare const DropdownMenuTrigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export declare const DropdownMenuItem:
|
|
7
|
+
export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps & {
|
|
8
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
8
10
|
export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
11
|
export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
12
|
export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -21,7 +23,9 @@ export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.Drop
|
|
|
21
23
|
forceMount?: boolean;
|
|
22
24
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
23
25
|
Trigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
24
|
-
Item:
|
|
26
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps & {
|
|
27
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
28
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
25
29
|
CheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
26
30
|
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
31
|
RadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -50,16 +50,15 @@ exports.DropdownMenu = exports.DropdownMenuItemRightSlot = exports.DropdownMenuC
|
|
|
50
50
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
51
51
|
const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
|
|
52
52
|
const clsx_1 = __importStar(require("clsx"));
|
|
53
|
-
const react_1 = require("react");
|
|
54
53
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
55
54
|
const StyledContent = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Content, 'min-w-220px bg-white z-menu shadow-lg rounded-xl border-default', 'layer-components:transform-origin-[var(--radix-dropdown-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-dropdown-menu-content-available-height)]', 'important:motion-reduce:animate-none', 'will-change-transform');
|
|
56
55
|
const itemClassName = (0, clsx_1.default)('layer-components:text-md layer-components:leading-4 layer-components:color-black layer-components:rounded-sm layer-components:flex layer-components:items-center layer-components:pr-4 layer-components:pl-8 layer-components:py-3 layer-components:relative layer-components:text-left layer-components:select-none layer-components:cursor-pointer', 'layer-components:[&[data-disabled]]:color-gray9 layer-components:[&[data-disabled]]:pointer-events-none', 'layer-components:focus-visible:bg-gray2 layer-components:focus-visible:color-gray9', 'layer-components:focus:outline-none');
|
|
57
56
|
const StyledItemBase = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Item, itemClassName);
|
|
58
|
-
const StyledItem = (
|
|
59
|
-
var { className, color } = _a, props = __rest(_a, ["className", "color"]);
|
|
57
|
+
const StyledItem = (_a) => {
|
|
58
|
+
var { ref: forwardedRef, className, color } = _a, props = __rest(_a, ["ref", "className", "color"]);
|
|
60
59
|
return ((0, jsx_runtime_1.jsx)(StyledItemBase, Object.assign({}, props, { className: (0, clsx_1.clsx)(color === 'destructive' &&
|
|
61
60
|
'layer-variants:text-attention-dark layer-variants:hover:bg-attention-wash layer-variants:focus-visible:bg-attention-wash', className), ref: forwardedRef })));
|
|
62
|
-
}
|
|
61
|
+
};
|
|
63
62
|
const StyledCheckboxItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.CheckboxItem, itemClassName);
|
|
64
63
|
const StyledRadioItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.RadioItem, itemClassName);
|
|
65
64
|
const StyledLabel = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Label, 'pl-25px text-md leading-6 color-gray-9');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,9 @@ declare const meta: {
|
|
|
7
7
|
forceMount?: boolean;
|
|
8
8
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
9
|
Trigger: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
Item:
|
|
10
|
+
Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps & {
|
|
11
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
12
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
11
13
|
CheckboxItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
14
|
RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
15
|
RadioItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -13,7 +13,9 @@ export type TextFieldProps = {
|
|
|
13
13
|
autoFocusDelay?: number;
|
|
14
14
|
inputRef?: Ref<HTMLInputElement>;
|
|
15
15
|
} & ComponentProps<typeof Input>;
|
|
16
|
-
export declare const TextField:
|
|
16
|
+
export declare const TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, ...rest }: TextFieldProps & {
|
|
17
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
18
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
17
19
|
export type TextAreaFieldProps = {
|
|
18
20
|
name: string;
|
|
19
21
|
label?: string;
|
|
@@ -21,14 +21,14 @@ exports.TextAreaField = TextAreaField;
|
|
|
21
21
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
22
|
const formik_1 = require("formik");
|
|
23
23
|
const react_1 = require("react");
|
|
24
|
+
const hooks_js_1 = require("../../hooks.js");
|
|
25
|
+
const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
|
|
24
26
|
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
25
27
|
const Input_js_1 = require("../input/Input.js");
|
|
26
28
|
const TextArea_js_1 = require("../textArea/TextArea.js");
|
|
27
|
-
const hooks_js_1 = require("../../hooks.js");
|
|
28
|
-
const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
|
|
29
29
|
const emptyRef = (() => { });
|
|
30
|
-
|
|
31
|
-
var { name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id"]);
|
|
30
|
+
const TextField = function TextField(_a) {
|
|
31
|
+
var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id"]);
|
|
32
32
|
const [props] = (0, formik_1.useField)({
|
|
33
33
|
name,
|
|
34
34
|
onChange,
|
|
@@ -46,7 +46,8 @@ exports.TextField = (0, react_1.forwardRef)(function TextField(_a, ref) {
|
|
|
46
46
|
}
|
|
47
47
|
}, [autoFocusDelay]);
|
|
48
48
|
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, ref: ref, children: [label && (0, jsx_runtime_1.jsx)(exports.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, ref: (0, useMergedRef_js_1.default)(innerInputRef, inputRef || emptyRef) }))] }));
|
|
49
|
-
}
|
|
49
|
+
};
|
|
50
|
+
exports.TextField = TextField;
|
|
50
51
|
function TextAreaField(_a) {
|
|
51
52
|
var { name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter", "id"]);
|
|
52
53
|
const [props] = (0, formik_1.useField)(name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,4 +4,6 @@ export interface IconProps extends HTMLAttributes<SVGSVGElement> {
|
|
|
4
4
|
name: IconName;
|
|
5
5
|
size?: number;
|
|
6
6
|
}
|
|
7
|
-
export declare const Icon:
|
|
7
|
+
export declare const Icon: ({ ref, name, size, className, ...rest }: IconProps & {
|
|
8
|
+
ref?: React.Ref<SVGSVGElement>;
|
|
9
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Icon = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
|
-
|
|
23
|
-
var { name, size = 15, className } = _a, rest = __rest(_a, ["name", "size", "className"]);
|
|
21
|
+
const Icon = function Icon(_a) {
|
|
22
|
+
var { ref, name, size = 15, className } = _a, rest = __rest(_a, ["ref", "name", "size", "className"]);
|
|
24
23
|
return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ ref: ref, className: (0, clsx_1.default)('flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: `#icon-${name}` }) })));
|
|
25
|
-
}
|
|
24
|
+
};
|
|
25
|
+
exports.Icon = Icon;
|
|
26
26
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AASvB,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,EAQjC;QARiC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,OAIT,EAHG,IAAI,cAL0B,oCAMjC,CADO;IAIP,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,gCAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,IAAI,QAuBf"}
|
|
@@ -4,4 +4,6 @@ export interface InfiniteLoadTriggerProps {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
onVisible?: () => void;
|
|
6
6
|
}
|
|
7
|
-
export declare const InfiniteLoadTrigger:
|
|
7
|
+
export declare const InfiniteLoadTrigger: ({ ref, className, onVisible, ...rest }: InfiniteLoadTriggerProps & {
|
|
8
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
9
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -17,12 +17,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.InfiniteLoadTrigger = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
|
-
const
|
|
21
|
+
const react_1 = require("react");
|
|
23
22
|
const hooks_js_1 = require("../../hooks.js");
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
24
|
+
const InfiniteLoadTrigger = function InfiniteLoadTrigger(_a) {
|
|
25
|
+
var { ref, className, onVisible } = _a, rest = __rest(_a, ["ref", "className", "onVisible"]);
|
|
26
26
|
const innerRef = (0, react_1.useRef)(null);
|
|
27
27
|
const stableOnVisible = (0, hooks_js_1.useStableCallback)(onVisible);
|
|
28
28
|
(0, react_1.useEffect)(() => {
|
|
@@ -37,5 +37,6 @@ exports.InfiniteLoadTrigger = (0, react_1.forwardRef)(function InfiniteLoadTrigg
|
|
|
37
37
|
};
|
|
38
38
|
}, [stableOnVisible]);
|
|
39
39
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: (0, useMergedRef_js_1.default)(ref, innerRef), className: (0, clsx_1.default)('flex flex-col items-center', className) }, rest)));
|
|
40
|
-
}
|
|
40
|
+
};
|
|
41
|
+
exports.InfiniteLoadTrigger = InfiniteLoadTrigger;
|
|
41
42
|
//# sourceMappingURL=InfiniteLoadTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAAqD;AACrD,6CAAmD;AACnD,kFAAuD;AAQhD,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAO/D;QAP+D,EAC/D,GAAG,EACH,SAAS,EACT,SAAS,OAIT,EAHG,IAAI,cAJwD,iCAK/D,CADO;IAIP,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,4BAAiB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;gBAC/B,eAAe,EAAE,CAAC;YACnB,CAAC;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,8CACC,GAAG,EAAE,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,IAAA,cAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,mBAAmB,uBA8B9B"}
|
|
@@ -10,4 +10,6 @@ export interface InputProps extends ComponentProps<'input'> {
|
|
|
10
10
|
placeholdersIntervalMs?: number;
|
|
11
11
|
onValueChange?: (value: string) => void;
|
|
12
12
|
}
|
|
13
|
-
export declare const Input:
|
|
13
|
+
export declare const Input: ({ ref, className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs, ...props }: InputProps & {
|
|
14
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
15
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|