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

package/dist/components/ui/data-table.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { useMemo, useState } from "react";
 import { ArrowDown, ArrowUp, ArrowUpDown, ChevronDown } from "lucide-react";
 import { Button } from "./button.js";
@@ -88,12 +89,12 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
                             }),
                             /*#__PURE__*/ jsx(DropdownMenuContent, {
                                 align: "end",
-                                children: table.getAllColumns().filter((column)=>column.getCanHide()).map((column)=>/*#__PURE__*/ jsx(DropdownMenuCheckboxItem, {
+                                children: table.getAllColumns().filter((column)=>column.getCanHide()).map((column_0)=>/*#__PURE__*/ jsx(DropdownMenuCheckboxItem, {
                                         className: "capitalize",
-                                        checked: column.getIsVisible(),
-                                        onCheckedChange: (value)=>column.toggleVisibility(!!value),
-                                        children: column.id
-                                    }, column.id))
+                                        checked: column_0.getIsVisible(),
+                                        onCheckedChange: (value_0)=>column_0.toggleVisibility(!!value_0),
+                                        children: column_0.id
+                                    }, column_0.id))
                             })
                         ]
                     })
@@ -110,13 +111,13 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
                         /*#__PURE__*/ jsx(TableHeader, {
                             children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ jsx(TableRow, {
                                     children: headerGroup.headers.map((header)=>{
-                                        const { column } = header;
+                                        const { column: column_1 } = header;
                                         return /*#__PURE__*/ jsxs(TableHead, {
                                             className: compact ? 'relative h-8 px-2 py-1' : 'relative',
                                             style: {
-                                                width: resizable ? header.getSize() : 150 !== column.getSize() ? column.getSize() : void 0,
-                                                minWidth: column.columnDef.minSize,
-                                                maxWidth: column.columnDef.maxSize
+                                                width: resizable ? header.getSize() : 150 !== column_1.getSize() ? column_1.getSize() : void 0,
+                                                minWidth: column_1.columnDef.minSize,
+                                                maxWidth: column_1.columnDef.maxSize
                                             },
                                             children: [
                                                 header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()),
@@ -137,13 +138,13 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
                             children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row)=>/*#__PURE__*/ jsx(TableRow, {
                                     "data-state": row.getIsSelected() && 'selected',
                                     children: row.getVisibleCells().map((cell)=>{
-                                        const { column } = cell;
+                                        const { column: column_2 } = cell;
                                         return /*#__PURE__*/ jsx(TableCell, {
                                             className: compact ? 'truncate px-2 py-1' : 'truncate',
                                             style: {
-                                                width: resizable ? cell.column.getSize() : 150 !== column.getSize() ? column.getSize() : void 0,
-                                                minWidth: column.columnDef.minSize,
-                                                maxWidth: column.columnDef.maxSize
+                                                width: resizable ? cell.column.getSize() : 150 !== column_2.getSize() ? column_2.getSize() : void 0,
+                                                minWidth: column_2.columnDef.minSize,
+                                                maxWidth: column_2.columnDef.maxSize
                                             },
                                             children: flexRender(cell.column.columnDef.cell, cell.getContext())
                                         }, cell.id);
@@ -205,32 +206,68 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
         ]
     });
 }
-function DataTableColumnHeader({ column, title, children }) {
-    const sorted = column.getIsSorted();
-    const handleClick = ()=>{
-        if ('asc' === sorted) column.toggleSorting(true);
-        else if ('desc' === sorted) column.clearSorting();
-        else column.toggleSorting(false);
-    };
-    return /*#__PURE__*/ jsxs(Button, {
-        variant: "ghost",
-        size: "sm",
-        className: "-ml-3 h-8 data-[state=open]:bg-accent",
-        onClick: handleClick,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                children: title
-            }),
-            children,
-            'asc' === sorted ? /*#__PURE__*/ jsx(ArrowUp, {
-                className: "ml-2 h-4 w-4"
-            }) : 'desc' === sorted ? /*#__PURE__*/ jsx(ArrowDown, {
-                className: "ml-2 h-4 w-4"
-            }) : /*#__PURE__*/ jsx(ArrowUpDown, {
-                className: "ml-2 h-4 w-4"
-            })
-        ]
-    });
+function DataTableColumnHeader(t0) {
+    const $ = c(14);
+    const { column, title, children } = t0;
+    let t1;
+    if ($[0] !== column) {
+        t1 = column.getIsSorted();
+        $[0] = column;
+        $[1] = t1;
+    } else t1 = $[1];
+    const sorted = t1;
+    let t2;
+    if ($[2] !== column || $[3] !== sorted) {
+        t2 = ()=>{
+            if ("asc" === sorted) column.toggleSorting(true);
+            else if ("desc" === sorted) column.clearSorting();
+            else column.toggleSorting(false);
+        };
+        $[2] = column;
+        $[3] = sorted;
+        $[4] = t2;
+    } else t2 = $[4];
+    const handleClick = t2;
+    let t3;
+    if ($[5] !== title) {
+        t3 = /*#__PURE__*/ jsx("span", {
+            children: title
+        });
+        $[5] = title;
+        $[6] = t3;
+    } else t3 = $[6];
+    let t4;
+    if ($[7] !== sorted) {
+        t4 = "asc" === sorted ? /*#__PURE__*/ jsx(ArrowUp, {
+            className: "ml-2 h-4 w-4"
+        }) : "desc" === sorted ? /*#__PURE__*/ jsx(ArrowDown, {
+            className: "ml-2 h-4 w-4"
+        }) : /*#__PURE__*/ jsx(ArrowUpDown, {
+            className: "ml-2 h-4 w-4"
+        });
+        $[7] = sorted;
+        $[8] = t4;
+    } else t4 = $[8];
+    let t5;
+    if ($[9] !== children || $[10] !== handleClick || $[11] !== t3 || $[12] !== t4) {
+        t5 = /*#__PURE__*/ jsxs(Button, {
+            variant: "ghost",
+            size: "sm",
+            className: "-ml-3 h-8 data-[state=open]:bg-accent",
+            onClick: handleClick,
+            children: [
+                t3,
+                children,
+                t4
+            ]
+        });
+        $[9] = children;
+        $[10] = handleClick;
+        $[11] = t3;
+        $[12] = t4;
+        $[13] = t5;
+    } else t5 = $[13];
+    return t5;
 }
 function DataTableSelectColumn() {
     return {

package/dist/components/ui/date-picker.cjs

@@ -29,83 +29,194 @@ __webpack_require__.d(__webpack_exports__, {
     DateRangePicker: ()=>DateRangePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_date_fns_namespaceObject = require("date-fns");
 const external_lucide_react_namespaceObject = require("lucide-react");
 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 index_cjs_namespaceObject = require("../../lib/index.cjs");
-function DatePicker({ value, onValueChange, disabled, placeholder = 'Pick a date', className, calendarProps }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
-        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",
-                    "aria-label": value ? `Selected date: ${(0, external_date_fns_namespaceObject.format)(value, 'PPP')}` : placeholder,
-                    className: (0, index_cjs_namespaceObject.cn)('w-full justify-start text-left font-normal', !value && 'text-muted-foreground', className),
-                    disabled: disabled,
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {}),
-                        value ? (0, external_date_fns_namespaceObject.format)(value, 'PPP') : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            children: placeholder
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
-                className: "w-auto p-0",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar, {
-                    mode: "single",
-                    selected: value,
-                    onSelect: onValueChange,
-                    initialFocus: true,
-                    ...calendarProps
-                })
+function DatePicker(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(22);
+    const { value, onValueChange, disabled, placeholder: t1, className, calendarProps } = t0;
+    const placeholder = void 0 === t1 ? "Pick a date" : t1;
+    let t2;
+    if ($[0] !== placeholder || $[1] !== value) {
+        t2 = value ? `Selected date: ${(0, external_date_fns_namespaceObject.format)(value, "PPP")}` : placeholder;
+        $[0] = placeholder;
+        $[1] = value;
+        $[2] = t2;
+    } else t2 = $[2];
+    const t3 = !value && "text-muted-foreground";
+    let t4;
+    if ($[3] !== className || $[4] !== t3) {
+        t4 = (0, index_cjs_namespaceObject.cn)("w-full justify-start text-left font-normal", t3, className);
+        $[3] = className;
+        $[4] = t3;
+        $[5] = t4;
+    } else t4 = $[5];
+    let t5;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {});
+        $[6] = t5;
+    } else t5 = $[6];
+    let t6;
+    if ($[7] !== placeholder || $[8] !== value) {
+        t6 = value ? (0, external_date_fns_namespaceObject.format)(value, "PPP") : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            children: placeholder
+        });
+        $[7] = placeholder;
+        $[8] = value;
+        $[9] = t6;
+    } else t6 = $[9];
+    let t7;
+    if ($[10] !== disabled || $[11] !== t2 || $[12] !== t4 || $[13] !== 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",
+                "aria-label": t2,
+                className: t4,
+                disabled: disabled,
+                children: [
+                    t5,
+                    t6
+                ]
+            })
+        });
+        $[10] = disabled;
+        $[11] = t2;
+        $[12] = t4;
+        $[13] = t6;
+        $[14] = t7;
+    } else t7 = $[14];
+    let t8;
+    if ($[15] !== calendarProps || $[16] !== onValueChange || $[17] !== value) {
+        t8 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent, {
+            className: "w-auto p-0",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar, {
+                mode: "single",
+                selected: value,
+                onSelect: onValueChange,
+                initialFocus: true,
+                ...calendarProps
             })
-        ]
-    });
+        });
+        $[15] = calendarProps;
+        $[16] = onValueChange;
+        $[17] = value;
+        $[18] = t8;
+    } else t8 = $[18];
+    let t9;
+    if ($[19] !== t7 || $[20] !== t8) {
+        t9 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+            children: [
+                t7,
+                t8
+            ]
+        });
+        $[19] = t7;
+        $[20] = t8;
+        $[21] = t9;
+    } else t9 = $[21];
+    return t9;
 }
-function DateRangePicker({ value, onValueChange, disabled, placeholder = 'Pick a date range', className, calendarProps }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
-        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",
-                    "aria-label": value?.from ? value.to ? `Selected range: ${(0, external_date_fns_namespaceObject.format)(value.from, 'LLL dd, y')} to ${(0, external_date_fns_namespaceObject.format)(value.to, 'LLL dd, y')}` : `Selected date: ${(0, external_date_fns_namespaceObject.format)(value.from, 'LLL dd, y')}` : placeholder,
-                    className: (0, index_cjs_namespaceObject.cn)('w-[300px] justify-start text-left font-normal', !value && 'text-muted-foreground', className),
-                    disabled: disabled,
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {}),
-                        value?.from ? value.to ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-                            children: [
-                                (0, external_date_fns_namespaceObject.format)(value.from, 'LLL dd, y'),
-                                " - ",
-                                (0, external_date_fns_namespaceObject.format)(value.to, 'LLL dd, y')
-                            ]
-                        }) : (0, external_date_fns_namespaceObject.format)(value.from, 'LLL dd, y') : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            children: 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, {
-                    initialFocus: true,
-                    mode: "range",
-                    defaultMonth: value?.from,
-                    selected: value,
-                    onSelect: onValueChange,
-                    numberOfMonths: 2,
-                    required: false,
-                    ...calendarProps
-                })
+function DateRangePicker(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(23);
+    const { value, onValueChange, disabled, placeholder: t1, className, calendarProps } = t0;
+    const placeholder = void 0 === t1 ? "Pick a date range" : t1;
+    let t2;
+    if ($[0] !== placeholder || $[1] !== value) {
+        t2 = value?.from ? value.to ? `Selected range: ${(0, external_date_fns_namespaceObject.format)(value.from, "LLL dd, y")} to ${(0, external_date_fns_namespaceObject.format)(value.to, "LLL dd, y")}` : `Selected date: ${(0, external_date_fns_namespaceObject.format)(value.from, "LLL dd, y")}` : placeholder;
+        $[0] = placeholder;
+        $[1] = value;
+        $[2] = t2;
+    } else t2 = $[2];
+    const t3 = !value && "text-muted-foreground";
+    let t4;
+    if ($[3] !== className || $[4] !== t3) {
+        t4 = (0, index_cjs_namespaceObject.cn)("w-[300px] justify-start text-left font-normal", t3, className);
+        $[3] = className;
+        $[4] = t3;
+        $[5] = t4;
+    } else t4 = $[5];
+    let t5;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CalendarIcon, {});
+        $[6] = t5;
+    } else t5 = $[6];
+    let t6;
+    if ($[7] !== placeholder || $[8] !== value) {
+        t6 = value?.from ? value.to ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+            children: [
+                (0, external_date_fns_namespaceObject.format)(value.from, "LLL dd, y"),
+                " - ",
+                (0, external_date_fns_namespaceObject.format)(value.to, "LLL dd, y")
+            ]
+        }) : (0, external_date_fns_namespaceObject.format)(value.from, "LLL dd, y") : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            children: placeholder
+        });
+        $[7] = placeholder;
+        $[8] = value;
+        $[9] = t6;
+    } else t6 = $[9];
+    let t7;
+    if ($[10] !== disabled || $[11] !== t2 || $[12] !== t4 || $[13] !== 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",
+                "aria-label": t2,
+                className: t4,
+                disabled: disabled,
+                children: [
+                    t5,
+                    t6
+                ]
+            })
+        });
+        $[10] = disabled;
+        $[11] = t2;
+        $[12] = t4;
+        $[13] = t6;
+        $[14] = t7;
+    } else t7 = $[14];
+    const t8 = value?.from;
+    let t9;
+    if ($[15] !== calendarProps || $[16] !== onValueChange || $[17] !== t8 || $[18] !== 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, {
+                initialFocus: true,
+                mode: "range",
+                defaultMonth: t8,
+                selected: value,
+                onSelect: onValueChange,
+                numberOfMonths: 2,
+                required: false,
+                ...calendarProps
             })
-        ]
-    });
+        });
+        $[15] = calendarProps;
+        $[16] = onValueChange;
+        $[17] = t8;
+        $[18] = value;
+        $[19] = t9;
+    } else t9 = $[19];
+    let t10;
+    if ($[20] !== t7 || $[21] !== t9) {
+        t10 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+            children: [
+                t7,
+                t9
+            ]
+        });
+        $[20] = t7;
+        $[21] = t9;
+        $[22] = t10;
+    } else t10 = $[22];
+    return t10;
 }
 exports.DatePicker = __webpack_exports__.DatePicker;
 exports.DateRangePicker = __webpack_exports__.DateRangePicker;