@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

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

@@ -1,5 +1,6 @@
 'use client';
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-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";
@@ -10,89 +11,391 @@ 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"
-            })
-        ]
-    }));
+const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(14);
+    let children;
+    let className;
+    let inset;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, inset, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = inset;
+        $[4] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        inset = $[3];
+        props = $[4];
+    }
+    const t1 = inset && "pl-8";
+    let t2;
+    if ($[5] !== className || $[6] !== t1) {
+        t2 = 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", t1, className);
+        $[5] = className;
+        $[6] = t1;
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ jsx(ChevronRight, {
+            className: "ml-auto"
+        });
+        $[8] = t3;
+    } else t3 = $[8];
+    let t4;
+    if ($[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t2) {
+        t4 = /*#__PURE__*/ jsxs(SubTrigger, {
+            ref: ref,
+            className: t2,
+            ...props,
+            children: [
+                children,
+                t3
+            ]
+        });
+        $[9] = children;
+        $[10] = props;
+        $[11] = ref;
+        $[12] = t2;
+        $[13] = t4;
+    } else t4 = $[13];
+    return t4;
+});
 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, {
+const DropdownMenuSubContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = 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);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(SubContent, {
             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),
+            className: t1,
             ...props
-        })
-    }));
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
+DropdownMenuSubContent.displayName = SubContent.displayName;
+const DropdownMenuContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(11);
+    let className;
+    let props;
+    let t1;
+    if ($[0] !== t0) {
+        ({ className, sideOffset: t1, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+        $[3] = t1;
+    } else {
+        className = $[1];
+        props = $[2];
+        t1 = $[3];
+    }
+    const sideOffset = void 0 === t1 ? 4 : t1;
+    let t2;
+    if ($[4] !== className) {
+        t2 = 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);
+        $[4] = className;
+        $[5] = t2;
+    } else t2 = $[5];
+    let t3;
+    if ($[6] !== props || $[7] !== ref || $[8] !== sideOffset || $[9] !== t2) {
+        t3 = /*#__PURE__*/ jsx(Portal, {
+            children: /*#__PURE__*/ jsx(Content, {
+                ref: ref,
+                sideOffset: sideOffset,
+                className: t2,
+                ...props
+            })
+        });
+        $[6] = props;
+        $[7] = ref;
+        $[8] = sideOffset;
+        $[9] = t2;
+        $[10] = t3;
+    } else t3 = $[10];
+    return t3;
+});
 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
-    }));
+const DropdownMenuItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(11);
+    let className;
+    let inset;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, inset, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = inset;
+        $[3] = props;
+    } else {
+        className = $[1];
+        inset = $[2];
+        props = $[3];
+    }
+    const t1 = inset && "pl-8";
+    let t2;
+    if ($[4] !== className || $[5] !== t1) {
+        t2 = 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", t1, className);
+        $[4] = className;
+        $[5] = t1;
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== props || $[8] !== ref || $[9] !== t2) {
+        t3 = /*#__PURE__*/ jsx(Item, {
+            ref: ref,
+            className: t2,
+            ...props
+        });
+        $[7] = props;
+        $[8] = ref;
+        $[9] = t2;
+        $[10] = t3;
+    } else t3 = $[10];
+    return t3;
+});
 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"
-                    })
+const DropdownMenuCheckboxItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(14);
+    let checked;
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, checked, ...props } = t0);
+        $[0] = t0;
+        $[1] = checked;
+        $[2] = children;
+        $[3] = className;
+        $[4] = props;
+    } else {
+        checked = $[1];
+        children = $[2];
+        className = $[3];
+        props = $[4];
+    }
+    let t1;
+    if ($[5] !== className) {
+        t1 = 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);
+        $[5] = className;
+        $[6] = t1;
+    } else t1 = $[6];
+    let t2;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__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
-        ]
-    }));
+            })
+        });
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] !== checked || $[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t1) {
+        t3 = /*#__PURE__*/ jsxs(CheckboxItem, {
+            ref: ref,
+            className: t1,
+            checked: checked,
+            ...props,
+            children: [
+                t2,
+                children
+            ]
+        });
+        $[8] = checked;
+        $[9] = children;
+        $[10] = props;
+        $[11] = ref;
+        $[12] = t1;
+        $[13] = t3;
+    } else t3 = $[13];
+    return t3;
+});
 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"
-                    })
+const DropdownMenuRadioItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(12);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = 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);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__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
-        ]
-    }));
+            })
+        });
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+        t3 = /*#__PURE__*/ jsxs(RadioItem, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: [
+                t2,
+                children
+            ]
+        });
+        $[7] = children;
+        $[8] = props;
+        $[9] = ref;
+        $[10] = t1;
+        $[11] = t3;
+    } else t3 = $[11];
+    return t3;
+});
 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
-    }));
+const DropdownMenuLabel = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(11);
+    let className;
+    let inset;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, inset, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = inset;
+        $[3] = props;
+    } else {
+        className = $[1];
+        inset = $[2];
+        props = $[3];
+    }
+    const t1 = inset && "pl-8";
+    let t2;
+    if ($[4] !== className || $[5] !== t1) {
+        t2 = cn("px-2 py-1.5 text-sm font-semibold", t1, className);
+        $[4] = className;
+        $[5] = t1;
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== props || $[8] !== ref || $[9] !== t2) {
+        t3 = /*#__PURE__*/ jsx(Label, {
+            ref: ref,
+            className: t2,
+            ...props
+        });
+        $[7] = props;
+        $[8] = ref;
+        $[9] = t2;
+        $[10] = t3;
+    } else t3 = $[10];
+    return t3;
+});
 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
-    }));
+const DropdownMenuSeparator = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("-mx-1 my-1 h-px bg-muted", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Separator, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 DropdownMenuSeparator.displayName = Separator.displayName;
-const DropdownMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
-        className: cn('ml-auto text-xs tracking-widest opacity-60', className),
-        ...props
-    });
+const DropdownMenuShortcut = (t0)=>{
+    const $ = c(8);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("ml-auto text-xs tracking-widest opacity-60", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== t1) {
+        t2 = /*#__PURE__*/ jsx("span", {
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = t1;
+        $[7] = t2;
+    } else t2 = $[7];
+    return t2;
+};
 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

@@ -28,6 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
     createEditableColumn: ()=>createEditableColumn
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const external_date_fns_namespaceObject = require("date-fns");
 const external_lucide_react_namespaceObject = require("lucide-react");
@@ -98,9 +99,9 @@ function EditableCell({ cell, onUpdate }) {
     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();
+        onKeyDown: (e_0)=>{
+            if ('Enter' === e_0.key || ' ' === e_0.key) {
+                e_0.preventDefault();
                 setIsEditing(true);
             }
         },
@@ -157,7 +158,7 @@ function EditableCell({ cell, onUpdate }) {
                     ref: inputRef,
                     type: "number",
                     value: value,
-                    onChange: (e)=>setValue(e.target.valueAsNumber),
+                    onChange: (e_2)=>setValue(e_2.target.valueAsNumber),
                     onBlur: handleSave,
                     onKeyDown: handleKeyDown,
                     min: meta?.min,
@@ -170,7 +171,7 @@ function EditableCell({ cell, onUpdate }) {
                     ref: inputRef,
                     type: "text",
                     value: String(value ?? ''),
-                    onChange: (e)=>setValue(e.target.value),
+                    onChange: (e_1)=>setValue(e_1.target.value),
                     onBlur: handleSave,
                     onKeyDown: handleKeyDown,
                     placeholder: meta?.placeholder,
@@ -203,47 +204,110 @@ function createEditableColumn(accessorKey, header, meta) {
         meta
     };
 }
-function DatePickerCell({ value, onValueChange, onClose, placeholder }) {
+function DatePickerCell(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(24);
+    const { value, onValueChange, onClose, placeholder } = t0;
     const [open, setOpen] = external_react_namespaceObject.useState(true);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
-        open: open,
-        onOpenChange: (isOpen)=>{
+    let t1;
+    if ($[0] !== onClose) {
+        t1 = (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
-                })
+        };
+        $[0] = onClose;
+        $[1] = t1;
+    } else t1 = $[1];
+    const t2 = !value && "text-muted-foreground";
+    let t3;
+    if ($[2] !== t2) {
+        t3 = (0, index_cjs_namespaceObject.cn)("h-8 -mx-2 w-full justify-start text-left font-normal text-sm", t2);
+        $[2] = t2;
+        $[3] = t3;
+    } else t3 = $[3];
+    let t4;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {
+            className: "mr-2 h-4 w-4 shrink-0"
+        });
+        $[4] = t4;
+    } else t4 = $[4];
+    let t5;
+    if ($[5] !== placeholder || $[6] !== value) {
+        t5 = value ? (0, external_date_fns_namespaceObject.format)(value, "PP") : placeholder;
+        $[5] = placeholder;
+        $[6] = value;
+        $[7] = t5;
+    } else t5 = $[7];
+    let t6;
+    if ($[8] !== t5) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "truncate",
+            children: t5
+        });
+        $[8] = t5;
+        $[9] = t6;
+    } else t6 = $[9];
+    let t7;
+    if ($[10] !== t3 || $[11] !== t6) {
+        t7 = /*#__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: t3,
+                children: [
+                    t4,
+                    t6
+                ]
             })
-        ]
-    });
+        });
+        $[10] = t3;
+        $[11] = t6;
+        $[12] = t7;
+    } else t7 = $[12];
+    let t8;
+    if ($[13] !== onClose || $[14] !== onValueChange) {
+        t8 = (date)=>{
+            onValueChange(date);
+            setOpen(false);
+            onClose();
+        };
+        $[13] = onClose;
+        $[14] = onValueChange;
+        $[15] = t8;
+    } else t8 = $[15];
+    let t9;
+    if ($[16] !== t8 || $[17] !== value) {
+        t9 = /*#__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: t8,
+                initialFocus: true
+            })
+        });
+        $[16] = t8;
+        $[17] = value;
+        $[18] = t9;
+    } else t9 = $[18];
+    let t10;
+    if ($[19] !== open || $[20] !== t1 || $[21] !== t7 || $[22] !== t9) {
+        t10 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+            open: open,
+            onOpenChange: t1,
+            children: [
+                t7,
+                t9
+            ]
+        });
+        $[19] = open;
+        $[20] = t1;
+        $[21] = t7;
+        $[22] = t9;
+        $[23] = t10;
+    } else t10 = $[23];
+    return t10;
 }
 exports.EditableCell = __webpack_exports__.EditableCell;
 exports.createEditableColumn = __webpack_exports__.createEditableColumn;