@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/dropdown-menu.cjs

@@ -0,0 +1,174 @@
+'use client';
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DropdownMenuLabel: ()=>DropdownMenuLabel,
+    DropdownMenuTrigger: ()=>DropdownMenuTrigger,
+    DropdownMenuItem: ()=>DropdownMenuItem,
+    DropdownMenuShortcut: ()=>DropdownMenuShortcut,
+    DropdownMenu: ()=>DropdownMenu,
+    DropdownMenuGroup: ()=>DropdownMenuGroup,
+    DropdownMenuCheckboxItem: ()=>DropdownMenuCheckboxItem,
+    DropdownMenuSub: ()=>DropdownMenuSub,
+    DropdownMenuSubContent: ()=>DropdownMenuSubContent,
+    DropdownMenuPortal: ()=>DropdownMenuPortal,
+    DropdownMenuSeparator: ()=>DropdownMenuSeparator,
+    DropdownMenuSubTrigger: ()=>DropdownMenuSubTrigger,
+    DropdownMenuRadioGroup: ()=>DropdownMenuRadioGroup,
+    DropdownMenuRadioItem: ()=>DropdownMenuRadioItem,
+    DropdownMenuContent: ()=>DropdownMenuContent
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_dropdown_menu_namespaceObject = require("@radix-ui/react-dropdown-menu");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const DropdownMenu = react_dropdown_menu_namespaceObject.Root;
+const DropdownMenuTrigger = react_dropdown_menu_namespaceObject.Trigger;
+const DropdownMenuGroup = react_dropdown_menu_namespaceObject.Group;
+const DropdownMenuPortal = react_dropdown_menu_namespaceObject.Portal;
+const DropdownMenuSub = react_dropdown_menu_namespaceObject.Sub;
+const DropdownMenuRadioGroup = react_dropdown_menu_namespaceObject.RadioGroup;
+const DropdownMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.SubTrigger, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+                className: "ml-auto"
+            })
+        ]
+    }));
+DropdownMenuSubTrigger.displayName = react_dropdown_menu_namespaceObject.SubTrigger.displayName;
+const DropdownMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
+        ...props
+    }));
+DropdownMenuSubContent.displayName = react_dropdown_menu_namespaceObject.SubContent.displayName;
+const DropdownMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
+            ref: ref,
+            sideOffset: sideOffset,
+            className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
+            ...props
+        })
+    }));
+DropdownMenuContent.displayName = react_dropdown_menu_namespaceObject.Content.displayName;
+const DropdownMenuItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
+        ...props
+    }));
+DropdownMenuItem.displayName = react_dropdown_menu_namespaceObject.Item.displayName;
+const DropdownMenuCheckboxItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        checked: checked,
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+DropdownMenuCheckboxItem.displayName = react_dropdown_menu_namespaceObject.CheckboxItem.displayName;
+const DropdownMenuRadioItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Circle, {
+                        className: "h-2 w-2 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+DropdownMenuRadioItem.displayName = react_dropdown_menu_namespaceObject.RadioItem.displayName;
+const DropdownMenuLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Label, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
+        ...props
+    }));
+DropdownMenuLabel.displayName = react_dropdown_menu_namespaceObject.Label.displayName;
+const DropdownMenuSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator, {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-muted', className),
+        ...props
+    }));
+DropdownMenuSeparator.displayName = react_dropdown_menu_namespaceObject.Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, index_cjs_namespaceObject.cn)('ml-auto text-xs tracking-widest opacity-60', className),
+        ...props
+    });
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
+exports.DropdownMenu = __webpack_exports__.DropdownMenu;
+exports.DropdownMenuCheckboxItem = __webpack_exports__.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = __webpack_exports__.DropdownMenuContent;
+exports.DropdownMenuGroup = __webpack_exports__.DropdownMenuGroup;
+exports.DropdownMenuItem = __webpack_exports__.DropdownMenuItem;
+exports.DropdownMenuLabel = __webpack_exports__.DropdownMenuLabel;
+exports.DropdownMenuPortal = __webpack_exports__.DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = __webpack_exports__.DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = __webpack_exports__.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = __webpack_exports__.DropdownMenuSeparator;
+exports.DropdownMenuShortcut = __webpack_exports__.DropdownMenuShortcut;
+exports.DropdownMenuSub = __webpack_exports__.DropdownMenuSub;
+exports.DropdownMenuSubContent = __webpack_exports__.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = __webpack_exports__.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = __webpack_exports__.DropdownMenuTrigger;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DropdownMenu",
+    "DropdownMenuCheckboxItem",
+    "DropdownMenuContent",
+    "DropdownMenuGroup",
+    "DropdownMenuItem",
+    "DropdownMenuLabel",
+    "DropdownMenuPortal",
+    "DropdownMenuRadioGroup",
+    "DropdownMenuRadioItem",
+    "DropdownMenuSeparator",
+    "DropdownMenuShortcut",
+    "DropdownMenuSub",
+    "DropdownMenuSubContent",
+    "DropdownMenuSubTrigger",
+    "DropdownMenuTrigger"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,27 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,98 @@
+'use client';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const DropdownMenu = Root;
+const DropdownMenuTrigger = Trigger;
+const DropdownMenuGroup = Group;
+const DropdownMenuPortal = Portal;
+const DropdownMenuSub = Sub;
+const DropdownMenuRadioGroup = RadioGroup;
+const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
+        ref: ref,
+        className: cn('flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRight, {
+                className: "ml-auto"
+            })
+        ]
+    }));
+DropdownMenuSubTrigger.displayName = SubTrigger.displayName;
+const DropdownMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
+        ref: ref,
+        className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
+        ...props
+    }));
+DropdownMenuSubContent.displayName = SubContent.displayName;
+const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            ref: ref,
+            sideOffset: sideOffset,
+            className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]', className),
+            ...props
+        })
+    }));
+DropdownMenuContent.displayName = Content.displayName;
+const DropdownMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
+        ref: ref,
+        className: cn('relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', inset && 'pl-8', className),
+        ...props
+    }));
+DropdownMenuItem.displayName = Item.displayName;
+const DropdownMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
+        ref: ref,
+        className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        checked: checked,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+DropdownMenuCheckboxItem.displayName = CheckboxItem.displayName;
+const DropdownMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
+        ref: ref,
+        className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Circle, {
+                        className: "h-2 w-2 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+DropdownMenuRadioItem.displayName = RadioItem.displayName;
+const DropdownMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
+        ref: ref,
+        className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className),
+        ...props
+    }));
+DropdownMenuLabel.displayName = Label.displayName;
+const DropdownMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        className: cn('-mx-1 my-1 h-px bg-muted', className),
+        ...props
+    }));
+DropdownMenuSeparator.displayName = Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
+        className: cn('ml-auto text-xs tracking-widest opacity-60', className),
+        ...props
+    });
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/ui/editable-cell.cjs

@@ -0,0 +1,256 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    EditableCell: ()=>EditableCell,
+    createEditableColumn: ()=>createEditableColumn
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_date_fns_namespaceObject = require("date-fns");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_checkbox_cjs_namespaceObject = require("./checkbox.cjs");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_calendar_cjs_namespaceObject = require("./calendar.cjs");
+const external_popover_cjs_namespaceObject = require("./popover.cjs");
+const external_select_cjs_namespaceObject = require("./select.cjs");
+function EditableCell({ cell, onUpdate }) {
+    const initialValue = cell.getValue();
+    const meta = cell.column.columnDef.meta;
+    const type = meta?.type ?? 'text';
+    const [isEditing, setIsEditing] = external_react_namespaceObject.useState(false);
+    const [value, setValue] = external_react_namespaceObject.useState(initialValue);
+    const inputRef = external_react_namespaceObject.useRef(null);
+    external_react_namespaceObject.useEffect(()=>{
+        setValue(initialValue);
+    }, [
+        initialValue
+    ]);
+    external_react_namespaceObject.useEffect(()=>{
+        if (isEditing && inputRef.current) {
+            inputRef.current.focus();
+            inputRef.current.select();
+        }
+    }, [
+        isEditing
+    ]);
+    const handleSave = external_react_namespaceObject.useCallback(()=>{
+        if (value !== initialValue) onUpdate(value);
+        setIsEditing(false);
+    }, [
+        value,
+        initialValue,
+        onUpdate
+    ]);
+    const handleCancel = external_react_namespaceObject.useCallback(()=>{
+        setValue(initialValue);
+        setIsEditing(false);
+    }, [
+        initialValue
+    ]);
+    const handleKeyDown = external_react_namespaceObject.useCallback((e)=>{
+        if ('Enter' === e.key) {
+            e.preventDefault();
+            handleSave();
+        } else if ('Escape' === e.key) {
+            e.preventDefault();
+            handleCancel();
+        }
+    }, [
+        handleSave,
+        handleCancel
+    ]);
+    if ('checkbox' === type) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "flex items-center justify-center",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox, {
+            checked: Boolean(value),
+            onCheckedChange: (checked)=>{
+                setValue(checked);
+                onUpdate(checked);
+            },
+            "aria-label": "Toggle"
+        })
+    });
+    const cellContent = isEditing ? renderEditMode() : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('min-h-[32px] px-2 py-1.5 -mx-2 rounded cursor-pointer', 'hover:bg-muted/50 transition-colors', 'flex items-center w-full'),
+        onClick: ()=>setIsEditing(true),
+        onKeyDown: (e)=>{
+            if ('Enter' === e.key || ' ' === e.key) {
+                e.preventDefault();
+                setIsEditing(true);
+            }
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-label": `Edit ${cell.column.id}`,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: (0, index_cjs_namespaceObject.cn)('truncate', !value && 'text-muted-foreground'),
+            children: formatDisplayValue(value, type, meta?.options)
+        })
+    });
+    return cellContent;
+    function renderEditMode() {
+        switch(type){
+            case 'select':
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select, {
+                    value: String(value ?? ''),
+                    onValueChange: (newValue)=>{
+                        setValue(newValue);
+                        onUpdate(newValue);
+                        setIsEditing(false);
+                    },
+                    open: true,
+                    onOpenChange: (open)=>{
+                        if (!open) setIsEditing(false);
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger, {
+                            className: "h-8 -mx-2 w-full",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue, {
+                                placeholder: meta?.placeholder ?? 'Select...'
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectContent, {
+                            children: meta?.options?.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem, {
+                                    value: option.value,
+                                    children: option.label
+                                }, option.value))
+                        })
+                    ]
+                });
+            case 'date':
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DatePickerCell, {
+                    value: value instanceof Date ? value : value ? new Date(value) : void 0,
+                    onValueChange: (date)=>{
+                        setValue(date);
+                        onUpdate(date);
+                    },
+                    onClose: ()=>setIsEditing(false),
+                    placeholder: meta?.placeholder ?? 'Pick date'
+                });
+            case 'number':
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+                    ref: inputRef,
+                    type: "number",
+                    value: value,
+                    onChange: (e)=>setValue(e.target.valueAsNumber),
+                    onBlur: handleSave,
+                    onKeyDown: handleKeyDown,
+                    min: meta?.min,
+                    max: meta?.max,
+                    className: "h-8 -mx-2 w-full"
+                });
+            case 'text':
+            default:
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+                    ref: inputRef,
+                    type: "text",
+                    value: String(value ?? ''),
+                    onChange: (e)=>setValue(e.target.value),
+                    onBlur: handleSave,
+                    onKeyDown: handleKeyDown,
+                    placeholder: meta?.placeholder,
+                    className: "h-8 -mx-2 w-full"
+                });
+        }
+    }
+}
+function formatDisplayValue(value, type, options) {
+    if (null == value || '' === value) return '—';
+    switch(type){
+        case 'select':
+            {
+                const option = options?.find((o)=>o.value === value);
+                return option?.label ?? String(value);
+            }
+        case 'date':
+            if (value instanceof Date) return (0, external_date_fns_namespaceObject.format)(value, 'PP');
+            return (0, external_date_fns_namespaceObject.format)(new Date(value), 'PP');
+        case 'checkbox':
+            return value ? 'Yes' : 'No';
+        default:
+            return String(value);
+    }
+}
+function createEditableColumn(accessorKey, header, meta) {
+    return {
+        accessorKey,
+        header,
+        meta
+    };
+}
+function DatePickerCell({ value, onValueChange, onClose, placeholder }) {
+    const [open, setOpen] = external_react_namespaceObject.useState(true);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+        open: open,
+        onOpenChange: (isOpen)=>{
+            setOpen(isOpen);
+            if (!isOpen) onClose();
+        },
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                    variant: "outline",
+                    className: (0, index_cjs_namespaceObject.cn)('h-8 -mx-2 w-full justify-start text-left font-normal text-sm', !value && 'text-muted-foreground'),
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {
+                            className: "mr-2 h-4 w-4 shrink-0"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "truncate",
+                            children: value ? (0, external_date_fns_namespaceObject.format)(value, 'PP') : placeholder
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
+                className: "w-auto p-0",
+                align: "start",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar, {
+                    mode: "single",
+                    selected: value,
+                    onSelect: (date)=>{
+                        onValueChange(date);
+                        setOpen(false);
+                        onClose();
+                    },
+                    initialFocus: true
+                })
+            })
+        ]
+    });
+}
+exports.EditableCell = __webpack_exports__.EditableCell;
+exports.createEditableColumn = __webpack_exports__.createEditableColumn;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "EditableCell",
+    "createEditableColumn"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/editable-cell.d.ts

@@ -0,0 +1,24 @@
+import type { CellContext } from '@tanstack/react-table';
+export type EditableCellType = 'text' | 'number' | 'select' | 'date' | 'checkbox';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface EditableCellMeta {
+    type?: EditableCellType;
+    options?: SelectOption[];
+    placeholder?: string;
+    min?: number;
+    max?: number;
+}
+interface EditableCellProps<TData, TValue> {
+    cell: CellContext<TData, TValue>;
+    onUpdate: (value: TValue) => void;
+}
+export declare function EditableCell<TData, TValue>({ cell, onUpdate }: EditableCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function createEditableColumn<TData>(accessorKey: keyof TData & string, header: string, meta?: EditableCellMeta): {
+    accessorKey: keyof TData & string;
+    header: string;
+    meta: EditableCellMeta | undefined;
+};
+export {};