@deenruv/react-ui-devkit 1.0.0

package/dist/components/templates/DetailList/DetailListColumns/ActionsDropdown.js

@@ -0,0 +1,103 @@
+import { __awaiter, __generator } from "tslib";
+import { Button, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, } from "../../..";
+import { Copy, ExternalLink, MoreHorizontal, Trash } from "lucide-react";
+import { toast } from "sonner";
+import React, { useMemo } from "react";
+import { useServer } from "../../../../state";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+export var ActionsDropdown = function (navigate) {
+    return {
+        id: "actions",
+        enableHiding: false,
+        enablePinning: true,
+        cell: function (_a) {
+            var table = _a.table, row = _a.row;
+            if (!table.options.meta)
+                return null;
+            var _b = table.options.meta, route = _b.route, refetch = _b.refetch, onRemove = _b.onRemove, rowActions = _b.rowActions, deletePermissions = _b.deletePermissions;
+            var userPermissions = useServer().userPermissions;
+            var isPermittedToDelete = useMemo(function () {
+                return deletePermissions.every(function (permission) {
+                    return userPermissions.includes(permission);
+                });
+            }, [userPermissions]);
+            var t = useTranslation("table").t;
+            return (React.createElement("div", { className: "flex justify-end" },
+                React.createElement(DropdownMenu, null,
+                    React.createElement(DropdownMenuTrigger, { asChild: true },
+                        React.createElement(Button, { variant: "ghost", className: "size-8 p-0" },
+                            React.createElement("span", { className: "sr-only" }, t("actionsMenu.open")),
+                            React.createElement(MoreHorizontal, { className: "size-4" }))),
+                    React.createElement(DropdownMenuContent, { align: "end" },
+                        React.createElement(DropdownMenuItem, { onClick: function () { return navigator.clipboard.writeText(row.original.id); } },
+                            React.createElement("div", { className: "flex items-center gap-2" },
+                                React.createElement(Copy, { size: 14 }),
+                                t("actionsMenu.copyId"))),
+                        route ? (React.createElement(DropdownMenuItem, { onClick: function () {
+                                if ("edit" in route) {
+                                    route.edit(row.original.id, row, refetch);
+                                }
+                                else
+                                    navigate(route.to(row.original.id), {
+                                        viewTransition: true,
+                                    });
+                            } },
+                            React.createElement("div", { className: "flex items-center gap-2" },
+                                React.createElement(ExternalLink, { size: 14 }),
+                                "editTranslation" in route
+                                    ? route.editTranslation
+                                    : t("actionsMenu.view")))) : null,
+                        rowActions && (rowActions === null || rowActions === void 0 ? void 0 : rowActions.length) > 0 && (React.createElement(React.Fragment, null,
+                            React.createElement(DropdownMenuSeparator, null), rowActions === null || rowActions === void 0 ? void 0 :
+                            rowActions.map(function (action) {
+                                var _a;
+                                var onClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+                                    var result;
+                                    return __generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0: return [4 /*yield*/, action.onClick({
+                                                    data: row.original,
+                                                    table: table,
+                                                    refetch: refetch,
+                                                    row: row,
+                                                })];
+                                            case 1:
+                                                result = _a.sent();
+                                                if ("success" in result) {
+                                                    //show success message
+                                                    toast.success(result.success);
+                                                }
+                                                else {
+                                                    // show error message
+                                                    toast.error(result.error);
+                                                }
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); };
+                                var canShow = action.canShow
+                                    ? (_a = action.canShow) === null || _a === void 0 ? void 0 : _a.call(action, {
+                                        data: row.original,
+                                        table: table,
+                                        refetch: refetch,
+                                        row: row,
+                                    })
+                                    : true;
+                                return canShow ? (React.createElement(DropdownMenuItem, { key: action.label, className: "flex items-center gap-2", onClick: onClick },
+                                    action.icon,
+                                    action.label)) : null;
+                            }))),
+                        onRemove && isPermittedToDelete && (React.createElement(React.Fragment, null,
+                            React.createElement(DropdownMenuSeparator, null),
+                            React.createElement(DropdownMenuItem, { onClick: function () { return onRemove([row.original]); } },
+                                React.createElement("div", { className: "text-destructive flex items-center gap-2" },
+                                    React.createElement(Trash, { size: 14 }),
+                                    t("actionsMenu.delete")))))))));
+        },
+        size: 28,
+        minSize: 28,
+        maxSize: 28,
+        meta: { isFixedWidth: true },
+    };
+};
+//# sourceMappingURL=ActionsDropdown.js.map

package/dist/components/templates/DetailList/DetailListColumns/ActionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsDropdown.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/DetailListColumns/ActionsDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/templates/DetailList/DetailListColumns/BooleanCell.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BooleanCell: React.FC<{
+    value: boolean;
+}>;

package/dist/components/templates/DetailList/DetailListColumns/BooleanCell.js

@@ -0,0 +1,8 @@
+import { CircleCheck, CircleX } from "lucide-react";
+import React from "react";
+export var BooleanCell = function (_a) {
+    var value = _a.value;
+    var size = 20;
+    return value ? (React.createElement(CircleCheck, { className: "text-green-600", size: size })) : (React.createElement(CircleX, { className: "text-red-600", size: size }));
+};
+//# sourceMappingURL=BooleanCell.js.map

package/dist/components/templates/DetailList/DetailListColumns/BooleanCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanCell.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/DetailListColumns/BooleanCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,WAAW,GAAiC,UAAC,EAAS;QAAP,KAAK,WAAA;IAC/D,IAAM,IAAI,GAAG,EAAE,CAAC;IAChB,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,WAAW,IAAC,SAAS,EAAC,gBAAgB,EAAO,IAAI,MAAA,GAAM,CACzD,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,cAAc,EAAO,IAAI,MAAA,GAAM,CACnD,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/templates/DetailList/DetailListColumns/SelectIDColumn.d.ts

@@ -0,0 +1,4 @@
+import { ColumnDef } from "@tanstack/react-table";
+export declare const SelectIDColumn: <T extends {
+    id: string;
+}>() => ColumnDef<T>;

package/dist/components/templates/DetailList/DetailListColumns/SelectIDColumn.js

@@ -0,0 +1,43 @@
+import { Button, Checkbox, DropdownMenu, DropdownMenuTrigger, } from "../../..";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+import React from "react";
+export var SelectIDColumn = function () {
+    return {
+        id: "select-id",
+        enablePinning: true,
+        header: function (_a) {
+            var table = _a.table;
+            if (!table.options.meta)
+                return null;
+            var _b = table.options.meta, refetch = _b.refetch, onRemove = _b.onRemove, bulkActions = _b.bulkActions;
+            var t = useTranslation("table").t;
+            var checked = table.getIsAllPageRowsSelected() ||
+                (table.getIsSomePageRowsSelected() && "indeterminate");
+            if (table.getRowModel().rows.length === 0)
+                return null;
+            return (React.createElement("div", { className: "relative flex gap-2 items-center" },
+                React.createElement(Checkbox, { checked: checked, onCheckedChange: function (value) {
+                        return table.toggleAllPageRowsSelected(!!value);
+                    } }),
+                checked ? (React.createElement("div", { className: "" },
+                    React.createElement(DropdownMenu, null,
+                        React.createElement(DropdownMenuTrigger, { asChild: true },
+                            React.createElement(Button, { variant: "ghost", size: "icon" },
+                                React.createElement("span", { className: "sr-only" }, t("actions"))))))) : null));
+        },
+        cell: function (_a) {
+            var row = _a.row;
+            return (React.createElement(Checkbox, { checked: row.getIsSelected(), onCheckedChange: function (value) { return row.toggleSelected(!!value); } }));
+        },
+        enableSorting: false,
+        enableHiding: false,
+        enableColumnFilter: false,
+        size: 28,
+        minSize: 28,
+        maxSize: 28,
+        meta: {
+            isFixedWidth: true,
+        },
+    };
+};
+//# sourceMappingURL=SelectIDColumn.js.map

package/dist/components/templates/DetailList/DetailListColumns/SelectIDColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIDColumn.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/DetailListColumns/SelectIDColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,QAAQ,EACR,YAAY,EAKZ,mBAAmB,GAGpB,iBAAqB;AACtB,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAG3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,OAAO;QACL,EAAE,EAAE,WAAW;QACf,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC;YAC/B,IAAA,KAAqC,KAAK,CAAC,OAAO,CAAC,IAAI,EAArD,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAuB,CAAC;YACtD,IAAA,CAAC,GAAK,cAAc,CAAC,OAAO,CAAC,EAA5B,CAA6B;YACtC,IAAM,OAAO,GACX,KAAK,CAAC,wBAAwB,EAAE;gBAChC,CAAC,KAAK,CAAC,yBAAyB,EAAE,IAAI,eAAe,CAAC,CAAC;YACzD,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YAEvD,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;gBAC/C,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,UAAC,KAAK;wBACrB,OAAA,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC;oBAAxC,CAAwC,GAE1C;gBACD,OAAO,CAAC,CAAC,CAAC,CACT,6BAAK,SAAS,EAAC,EAAE;oBACf,oBAAC,YAAY;wBACX,oBAAC,mBAAmB,IAAC,OAAO;4BAC1B,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM;gCACjC,8BAAM,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,SAAS,CAAC,CAAQ,CACxC,CACW,CACT,CACX,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;QACJ,CAAC;QACD,IAAI,EAAE,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACjB,oBAAC,QAAQ,IACP,OAAO,EAAE,GAAG,CAAC,aAAa,EAAE,EAC5B,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,EAA3B,CAA2B,GACvD,CACH;QALkB,CAKlB;QACD,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,KAAK;QACnB,kBAAkB,EAAE,KAAK;QACzB,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;QACX,IAAI,EAAE;YACJ,YAAY,EAAE,IAAI;SACnB;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/templates/DetailList/DetailListColumns/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ActionsDropdown";
+export * from "./SelectIDColumn";
+export * from "./BooleanCell";

package/dist/components/templates/DetailList/DetailListColumns/index.js

@@ -0,0 +1,4 @@
+export * from "./ActionsDropdown";
+export * from "./SelectIDColumn";
+export * from "./BooleanCell";
+//# sourceMappingURL=index.js.map

package/dist/components/templates/DetailList/DetailListColumns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/DetailListColumns/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/components/templates/DetailList/_components/DeleteDialog.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type ConfirmationDialogProps = {
+    onConfirmDelete: () => void;
+    setDeleteDialogOpened: (e: boolean) => void;
+    itemsToDelete: {
+        id: string;
+    }[];
+    deleteDialogOpened: boolean;
+};
+export declare function DeleteDialog({ onConfirmDelete, setDeleteDialogOpened, deleteDialogOpened, itemsToDelete, }: ConfirmationDialogProps): React.JSX.Element;
+export {};

package/dist/components/templates/DetailList/_components/DeleteDialog.js

@@ -0,0 +1,23 @@
+import { Button, DialogTitle, Dialog, DialogContent, DialogFooter, DialogClose, DialogDescription, } from "../../..";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+import React from "react";
+export function DeleteDialog(_a) {
+    var onConfirmDelete = _a.onConfirmDelete, setDeleteDialogOpened = _a.setDeleteDialogOpened, deleteDialogOpened = _a.deleteDialogOpened, itemsToDelete = _a.itemsToDelete;
+    var t = useTranslation("table").t;
+    return (React.createElement(Dialog, { open: deleteDialogOpened, onOpenChange: setDeleteDialogOpened },
+        React.createElement(DialogContent, null,
+            React.createElement(DialogTitle, null, itemsToDelete.length > 1
+                ? t("bulk.delete.title.plural")
+                : t("bulk.delete.title.singular")),
+            React.createElement("div", { className: "flex max-h-[50vh] flex-col gap-2" },
+                React.createElement(DialogDescription, { className: "text-primary text-lg" }, t("bulk.delete.description")),
+                React.createElement(DialogDescription, null, itemsToDelete.map(function (_a) {
+                    var id = _a.id;
+                    return (React.createElement("div", { key: id }, id));
+                }))),
+            React.createElement(DialogFooter, null,
+                React.createElement(DialogClose, { asChild: true },
+                    React.createElement(Button, { variant: "ghost" }, t("bulk.delete.cancel"))),
+                React.createElement(Button, { variant: "destructive", onClick: onConfirmDelete }, t("bulk.delete.confirm", { amount: itemsToDelete.length }))))));
+}
+//# sourceMappingURL=DeleteDialog.js.map

package/dist/components/templates/DetailList/_components/DeleteDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteDialog.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/_components/DeleteDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,iBAAqB;AACtB,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,YAAY,CAAC,EAKH;QAJxB,eAAe,qBAAA,EACf,qBAAqB,2BAAA,EACrB,kBAAkB,wBAAA,EAClB,aAAa,mBAAA;IAEL,IAAA,CAAC,GAAK,cAAc,CAAC,OAAO,CAAC,EAA5B,CAA6B;IAEtC,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,kBAAkB,EAAE,YAAY,EAAE,qBAAqB;QACnE,oBAAC,aAAa;YACZ,oBAAC,WAAW,QACT,aAAa,CAAC,MAAM,GAAG,CAAC;gBACvB,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;gBAC/B,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,CACvB;YACd,6BAAK,SAAS,EAAC,kCAAkC;gBAC/C,oBAAC,iBAAiB,IAAC,SAAS,EAAC,sBAAsB,IAChD,CAAC,CAAC,yBAAyB,CAAC,CACX;gBACpB,oBAAC,iBAAiB,QACf,aAAa,CAAC,GAAG,CAAC,UAAC,EAAM;wBAAJ,EAAE,QAAA;oBAAO,OAAA,CAC7B,6BAAK,GAAG,EAAE,EAAE,IAAG,EAAE,CAAO,CACzB;gBAF8B,CAE9B,CAAC,CACgB,CAChB;YACN,oBAAC,YAAY;gBACX,oBAAC,WAAW,IAAC,OAAO;oBAClB,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,IAAE,CAAC,CAAC,oBAAoB,CAAC,CAAU,CAC9C;gBACd,oBAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,eAAe,IACnD,CAAC,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,CACpD,CACI,CACD,CACT,CACV,CAAC;AACJ,CAAC"}

package/dist/components/templates/DetailList/_components/TableLabel.d.ts

@@ -0,0 +1,3 @@
+import React, { PropsWithChildren } from "react";
+export declare const TABLE_LABEL_STYLES = "whitespace-nowrap text-[13px] text-accent-foreground font-semibold";
+export declare const TableLabel: React.FC<PropsWithChildren>;

package/dist/components/templates/DetailList/_components/TableLabel.js

@@ -0,0 +1,7 @@
+import React from "react";
+export var TABLE_LABEL_STYLES = "whitespace-nowrap text-[13px] text-accent-foreground font-semibold";
+export var TableLabel = function (_a) {
+    var children = _a.children;
+    return (React.createElement("span", { className: TABLE_LABEL_STYLES }, children));
+};
+//# sourceMappingURL=TableLabel.js.map

package/dist/components/templates/DetailList/_components/TableLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLabel.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/_components/TableLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,MAAM,CAAC,IAAM,kBAAkB,GAC7B,oEAAoE,CAAC;AAEvE,MAAM,CAAC,IAAM,UAAU,GAAgC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACvE,8BAAM,SAAS,EAAE,kBAAkB,IAAG,QAAQ,CAAQ,CACvD;AAFwE,CAExE,CAAC"}

package/dist/components/templates/DetailList/_components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DeleteDialog";
+export * from "./TableLabel";

package/dist/components/templates/DetailList/_components/index.js

@@ -0,0 +1,3 @@
+export * from "./DeleteDialog";
+export * from "./TableLabel";
+//# sourceMappingURL=index.js.map

package/dist/components/templates/DetailList/_components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/_components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/dist/components/templates/DetailList/_components/operators/ArrayInput.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from "../../../..";
+import React from "react";
+export declare const ArrayInput: React.ForwardRefExoticComponent<InputProps & {
+    value: string[];
+    onChange: (value: string[]) => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/templates/DetailList/_components/operators/ArrayInput.js

@@ -0,0 +1,42 @@
+import { __assign, __rest, __spreadArray } from "tslib";
+import { Badge, Button, Input, Popover, PopoverContent, PopoverTrigger, } from "../../../..";
+import { cn } from "../../../../../lib/utils.js";
+import { AppWindowMac, XIcon } from "lucide-react";
+import React from "react";
+import { forwardRef, useState } from "react";
+export var ArrayInput = forwardRef(function (_a, ref) {
+    var value = _a.value, onChange = _a.onChange, props = __rest(_a, ["value", "onChange"]);
+    var _b = useState(""), pendingDataPoint = _b[0], setPendingDataPoint = _b[1];
+    var addPendingDataPoint = function () {
+        if (pendingDataPoint) {
+            var newDataPoints = new Set(__spreadArray(__spreadArray([], value, true), [pendingDataPoint], false));
+            onChange(Array.from(newDataPoints));
+            setPendingDataPoint("");
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "flex" },
+            React.createElement(Input, __assign({ value: pendingDataPoint, onChange: function (e) { return setPendingDataPoint(e.target.value); }, onKeyDown: function (e) {
+                    if (e.key === "Enter") {
+                        e.preventDefault();
+                        addPendingDataPoint();
+                    }
+                    else if (e.key === "," || e.key === " ") {
+                        e.preventDefault();
+                        addPendingDataPoint();
+                    }
+                }, className: cn("rounded-r-none", props.className) }, props, { ref: ref })),
+            React.createElement(Button, { type: "button", variant: "secondary", className: "h-8 rounded-l-none border border-l-0", onClick: addPendingDataPoint }, "Add")),
+        React.createElement(Popover, null,
+            React.createElement(PopoverTrigger, { asChild: true },
+                React.createElement(Button, { disabled: !value.length, size: "icon", variant: "outline", className: cn("text-left font-normal size-8 rounded shrink-0", !value && "text-muted-foreground") },
+                    React.createElement(AppWindowMac, { className: "size-3.5" }))),
+            React.createElement(PopoverContent, { className: "w-auto p-0", align: "start" },
+                React.createElement("div", { className: "flex size-[180px] flex-wrap items-start gap-2 overflow-y-auto rounded-md border p-2" }, value.map(function (item, idx) { return (React.createElement(Badge, { key: idx, variant: "secondary" },
+                    item,
+                    React.createElement("button", { type: "button", className: "ml-2 w-3", onClick: function () {
+                            onChange(value.filter(function (i) { return i !== item; }));
+                        } },
+                        React.createElement(XIcon, { className: "w-3" })))); }))))));
+});
+//# sourceMappingURL=ArrayInput.js.map

package/dist/components/templates/DetailList/_components/operators/ArrayInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayInput.js","sourceRoot":"","sources":["../../../../../../src/components/templates/DetailList/_components/operators/ArrayInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/templates/DetailList/_components/operators/BooleanOperator.d.ts

@@ -0,0 +1,9 @@
+import { FilterInputType } from "../types";
+import React from "react";
+type BooleanOperator = Omit<FilterInputType["BooleanOperators"], "__typename">;
+type Props<T extends BooleanOperator> = {
+    currentValue?: T;
+    onSubmit: (value: T) => void;
+};
+export declare const BooleanOperator: React.FC<Props<BooleanOperator>>;
+export {};

package/dist/components/templates/DetailList/_components/operators/BooleanOperator.js

@@ -0,0 +1,33 @@
+import { Switch } from "../../../..";
+import { useState } from "react";
+import React from "react";
+import { OperatorSelect } from "../../useDetailListHook/OperatorSelect.js";
+import { useTranslation } from "../../../../../hooks/useTranslation.js";
+export var BooleanOperator = function (_a) {
+    var onSubmit = _a.onSubmit, currentValue = _a.currentValue;
+    var t = useTranslation("table").t;
+    var defaultType = currentValue
+        ? Object.keys(currentValue)[0]
+        : "eq";
+    var _b = useState(defaultType), currentType = _b[0], setCurrentType = _b[1];
+    var _c = useState(function () {
+        if (!currentValue)
+            return false;
+        return currentValue[defaultType];
+    }), value = _c[0], setValue = _c[1];
+    return (React.createElement("div", { className: "flex gap-2" },
+        React.createElement("div", { className: "flex items-center gap-4" },
+            React.createElement(OperatorSelect, { type: "BooleanOperators", currentValue: currentType, onChange: function (e) {
+                    var _a;
+                    setCurrentType(e);
+                    onSubmit((_a = {}, _a[e] = value, _a));
+                } }),
+            React.createElement("div", { className: "flex w-[174px] gap-2" },
+                React.createElement(Switch, { checked: value, onCheckedChange: function (e) {
+                        var _a;
+                        setValue(e);
+                        onSubmit((_a = {}, _a[currentType] = e, _a));
+                    } }),
+                t(value ? "true" : "false")))));
+};
+//# sourceMappingURL=BooleanOperator.js.map

package/dist/components/templates/DetailList/_components/operators/BooleanOperator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanOperator.js","sourceRoot":"","sources":["../../../../../../src/components/templates/DetailList/_components/operators/BooleanOperator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,oBAAqB;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,kDAA8E;AACvG,OAAO,EAAE,cAAc,EAAE,+CAAkC;AAQ3D,MAAM,CAAC,IAAM,eAAe,GAAqC,UAAC,EAGjE;QAFC,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEJ,IAAA,CAAC,GAAK,cAAc,CAAC,OAAO,CAAC,EAA5B,CAA6B;IACtC,IAAM,WAAW,GAAG,YAAY;QAC9B,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAA2B;QACzD,CAAC,CAAC,IAAI,CAAC;IACH,IAAA,KAAgC,QAAQ,CAAC,WAAW,CAAC,EAApD,WAAW,QAAA,EAAE,cAAc,QAAyB,CAAC;IACtD,IAAA,KAAoB,QAAQ,CAAU;QAC1C,IAAI,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC;QAChC,OAAO,YAAY,CAAC,WAAW,CAAY,CAAC;IAC9C,CAAC,CAAC,EAHK,KAAK,QAAA,EAAE,QAAQ,QAGpB,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACzB,6BAAK,SAAS,EAAC,yBAAyB;YACtC,oBAAC,cAAc,IACb,IAAI,EAAC,kBAAkB,EACvB,YAAY,EAAE,WAAoC,EAClD,QAAQ,EAAE,UAAC,CAAC;;oBACV,cAAc,CAAC,CAA0B,CAAC,CAAC;oBAC3C,QAAQ,WAAG,GAAC,CAA0B,IAAG,KAAK,MAAG,CAAC;gBACpD,CAAC,GACD;YACF,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,MAAM,IACL,OAAO,EAAE,KAAK,EACd,eAAe,EAAE,UAAC,CAAC;;wBACjB,QAAQ,CAAC,CAAC,CAAC,CAAC;wBACZ,QAAQ,WAAG,GAAC,WAAW,IAAG,CAAC,MAAG,CAAC;oBACjC,CAAC,GACD;gBACD,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CACxB,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/templates/DetailList/_components/operators/DateOperator.d.ts

@@ -0,0 +1,9 @@
+import { FilterInputType } from "../types";
+import React from "react";
+type DateOperator = Omit<FilterInputType["DateOperators"], "__typename">;
+type Props<T extends DateOperator> = {
+    currentValue?: T;
+    onSubmit: (value: T) => void;
+};
+export declare const DateOperator: React.FC<Props<DateOperator>>;
+export {};

package/dist/components/templates/DetailList/_components/operators/DateOperator.js

@@ -0,0 +1,88 @@
+import { endOfDay, format, startOfDay } from "date-fns";
+import { useCallback, useState } from "react";
+import { Button, Calendar, Checkbox, Popover, PopoverContent, PopoverTrigger, } from "../../../..";
+import React from "react";
+import { OperatorSelect } from "../../useDetailListHook/OperatorSelect.js";
+import { cn } from "../../../../../lib/utils.js";
+import { CalendarIcon } from "lucide-react";
+import { useTranslation } from "../../../../../hooks/useTranslation.js";
+function isDateRange(data) {
+    return !!data && typeof data === "object" && "from" in data;
+}
+export var DateOperator = function (_a) {
+    var currentValue = _a.currentValue, onSubmit = _a.onSubmit;
+    var t = useTranslation("table").t;
+    var defaultType = currentValue
+        ? Object.keys(currentValue)[0]
+        : "eq";
+    var _b = useState(defaultType), type = _b[0], setType = _b[1];
+    var _c = useState(function () {
+        if (currentValue) {
+            var curr = Object.values(currentValue)[0];
+            if (curr &&
+                typeof curr === "object" &&
+                "start" in curr &&
+                "end" in curr) {
+                return { from: new Date(curr.start), to: new Date(curr.end) };
+            }
+            else if (typeof curr === "boolean") {
+                return !!curr;
+            }
+            else {
+                return curr ? new Date(curr) : undefined;
+            }
+        }
+        else {
+            return undefined;
+        }
+    }), value = _c[0], setValue = _c[1];
+    var handleSubmit = useCallback(function (value) {
+        setTimeout(function () {
+            if (type &&
+                value &&
+                type === "between" &&
+                isDateRange(value) &&
+                value.to &&
+                value.from) {
+                onSubmit({
+                    between: { start: startOfDay(value.from), end: endOfDay(value.to) },
+                });
+            }
+            else if (type && value && !isDateRange(value)) {
+                onSubmit(type === "before"
+                    ? { before: endOfDay(value) }
+                    : { after: startOfDay(value) });
+            }
+        });
+    }, [type, value, onSubmit]);
+    return (React.createElement("div", { className: "flex gap-2" },
+        React.createElement(OperatorSelect, { type: "DateOperators", currentValue: type, onChange: function (e) {
+                var _a;
+                if (e === "between") {
+                    setType(e);
+                    setValue({ from: new Date() });
+                }
+                else {
+                    setType(e);
+                    setValue(new Date());
+                }
+                onSubmit((_a = {}, _a[e] = value, _a));
+            } }),
+        type === "isNull" && typeof value === "boolean" ? (React.createElement(Checkbox, { checked: !!value, onCheckedChange: function (e) {
+                var _a;
+                setValue(!!e);
+                onSubmit((_a = {}, _a[type] = !!e, _a));
+            } }, t("operators.isNull"))) : (React.createElement(Popover, null,
+            React.createElement(PopoverTrigger, { asChild: true },
+                React.createElement(Button, { disabled: !type, variant: "outline", className: cn("w-[182px] pl-3 text-left font-normal h-8 rounded", !value && "text-muted-foreground") },
+                    !isDateRange(value) && value ? (format(value, "PPP")) : value ? (React.createElement("span", null, "Data range")) : (React.createElement("span", null, "Pick a date")),
+                    React.createElement(CalendarIcon, { className: "ml-auto size-4 opacity-50" }))),
+            React.createElement(PopoverContent, { className: "w-auto p-0", align: "start" }, type === "between" ? (React.createElement(Calendar, { disabled: !type, mode: "range", numberOfMonths: 2, showOutsideDays: false, selected: value, onSelect: function (e) {
+                    setValue(e);
+                    handleSubmit(e);
+                }, className: "rounded-md border bg-white dark:bg-black" })) : (React.createElement(Calendar, { disabled: !type, mode: "single", showOutsideDays: false, selected: value, onSelect: function (e) {
+                    setValue(e);
+                    handleSubmit(e);
+                }, className: "rounded-md border bg-white dark:bg-black" })))))));
+};
+//# sourceMappingURL=DateOperator.js.map

package/dist/components/templates/DetailList/_components/operators/DateOperator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateOperator.js","sourceRoot":"","sources":["../../../../../../src/components/templates/DetailList/_components/operators/DateOperator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI9C,OAAO,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,GACf,oBAAqB;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,kDAA8E;AACvG,OAAO,EAAE,EAAE,EAAE,oCAAuB;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,+CAAkC;AAI3D,SAAS,WAAW,CAClB,IAA4C;IAE5C,OAAO,CAAC,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,MAAM,IAAI,IAAI,CAAC;AAC9D,CAAC;AAOD,MAAM,CAAC,IAAM,YAAY,GAAkC,UAAC,EAG3D;QAFC,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAEA,IAAA,CAAC,GAAK,cAAc,CAAC,OAAO,CAAC,EAA5B,CAA6B;IACtC,IAAM,WAAW,GAAG,YAAY;QAC9B,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAwB;QACtD,CAAC,CAAC,IAAI,CAAC;IACH,IAAA,KAAkB,QAAQ,CAAC,WAAW,CAAC,EAAtC,IAAI,QAAA,EAAE,OAAO,QAAyB,CAAC;IACxC,IAAA,KAAoB,QAAQ,CAChC;QACE,IAAI,YAAY,EAAE,CAAC;YACjB,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5C,IACE,IAAI;gBACJ,OAAO,IAAI,KAAK,QAAQ;gBACxB,OAAO,IAAI,IAAI;gBACf,KAAK,IAAI,IAAI,EACb,CAAC;gBACD,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAChE,CAAC;iBAAM,IAAI,OAAO,IAAI,KAAK,SAAS,EAAE,CAAC;gBACrC,OAAO,CAAC,CAAC,IAAI,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACrD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC,CACF,EApBM,KAAK,QAAA,EAAE,QAAQ,QAoBrB,CAAC;IAEF,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,KAAwB;QACvB,UAAU,CAAC;YACT,IACE,IAAI;gBACJ,KAAK;gBACL,IAAI,KAAK,SAAS;gBAClB,WAAW,CAAC,KAAK,CAAC;gBAClB,KAAK,CAAC,EAAE;gBACR,KAAK,CAAC,IAAI,EACV,CAAC;gBACD,QAAQ,CAAC;oBACP,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;iBACpE,CAAC,CAAC;YACL,CAAC;iBAAM,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChD,QAAQ,CACN,IAAI,KAAK,QAAQ;oBACf,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAa,CAAC,EAAE;oBACrC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAa,CAAC,EAAE,CACzC,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACzB,oBAAC,cAAc,IACb,IAAI,EAAC,eAAe,EACpB,YAAY,EAAE,IAA0B,EACxC,QAAQ,EAAE,UAAC,CAAC;;gBACV,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;oBACpB,OAAO,CAAC,CAAC,CAAC,CAAC;oBACX,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;gBACjC,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,CAAuB,CAAC,CAAC;oBACjC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;gBACvB,CAAC;gBACD,QAAQ,WAAG,GAAC,CAAuB,IAAG,KAAK,MAAG,CAAC;YACjD,CAAC,GACD;QAED,IAAI,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACjD,oBAAC,QAAQ,IACP,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,eAAe,EAAE,UAAC,CAAC;;gBACjB,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACd,QAAQ,WAAG,GAAC,IAAI,IAAG,CAAC,CAAC,CAAC,MAAG,CAAC;YAC5B,CAAC,IAEA,CAAC,CAAC,kBAAkB,CAAC,CACb,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO;YACN,oBAAC,cAAc,IAAC,OAAO;gBACrB,oBAAC,MAAM,IACL,QAAQ,EAAE,CAAC,IAAI,EACf,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,CAAC,KAAK,IAAI,uBAAuB,CAClC;oBAEA,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAC9B,MAAM,CAAC,KAAa,EAAE,KAAK,CAAC,CAC7B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,+CAAuB,CACxB,CAAC,CAAC,CAAC,CACF,gDAAwB,CACzB;oBACD,oBAAC,YAAY,IAAC,SAAS,EAAC,2BAA2B,GAAG,CAC/C,CACM;YACjB,oBAAC,cAAc,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,OAAO,IACjD,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,IAAI,EACf,IAAI,EAAC,OAAO,EACZ,cAAc,EAAE,CAAC,EACjB,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,KAA8B,EACxC,QAAQ,EAAE,UAAC,CAAC;oBACV,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACZ,YAAY,CAAC,CAAC,CAAC,CAAC;gBAClB,CAAC,EACD,SAAS,EAAC,0CAA0C,GACpD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IACP,QAAQ,EAAE,CAAC,IAAI,EACf,IAAI,EAAC,QAAQ,EACb,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,KAAyB,EACnC,QAAQ,EAAE,UAAC,CAAC;oBACV,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACZ,YAAY,CAAC,CAAC,CAAC,CAAC;gBAClB,CAAC,EACD,SAAS,EAAC,0CAA0C,GACpD,CACH,CACc,CACT,CACX,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/templates/DetailList/_components/operators/IDOperator.d.ts

@@ -0,0 +1,9 @@
+import { FilterInputType } from "../types";
+import React from "react";
+type IDOperator = Omit<FilterInputType["IDOperators"], "__typename">;
+type Props<T extends IDOperator> = {
+    currentValue?: T;
+    onSubmit: (value: T) => void;
+};
+export declare const IDOperator: React.FC<Props<IDOperator>>;
+export {};

package/dist/components/templates/DetailList/_components/operators/IDOperator.js

@@ -0,0 +1,43 @@
+import { useState } from "react";
+import { ArrayInput } from "./ArrayInput";
+import { Input } from "../../../..";
+import React from "react";
+import { OperatorSelect } from "../../useDetailListHook/OperatorSelect.js";
+var ARRAY_TYPES = ["in", "notIn"];
+export var IDOperator = function (_a) {
+    var currentValue = _a.currentValue, onSubmit = _a.onSubmit;
+    var defaultType = currentValue
+        ? Object.keys(currentValue || {})[0]
+        : "eq";
+    var _b = useState(defaultType), type = _b[0], setType = _b[1];
+    var _c = useState(function () {
+        if (!currentValue || !Object.keys(currentValue || {}).length)
+            return undefined;
+        if (ARRAY_TYPES.includes(defaultType))
+            return currentValue[defaultType].join(",");
+        else
+            return currentValue[defaultType];
+    }), value = _c[0], setValue = _c[1];
+    return (React.createElement("div", { className: "flex gap-2" },
+        React.createElement(OperatorSelect, { type: "IDOperators", currentValue: type, onChange: function (e) {
+                var _a;
+                setType(e);
+                onSubmit((_a = {}, _a[e] = value, _a));
+            } }),
+        React.createElement("div", { className: "flex gap-2" }, !ARRAY_TYPES.includes(type) ? (React.createElement(Input, { id: "string-input", className: "h-8 w-full rounded", disabled: !type, value: value, onChange: function (e) {
+                var _a;
+                setValue(e.currentTarget.value);
+                onSubmit((_a = {}, _a[type] = e.currentTarget.value, _a));
+            } })) : (React.createElement(ArrayInput, { type: "number", value: Array.isArray(value) && value.length ? value : [], className: "h-8 w-full rounded", disabled: !type, onChange: function (e) {
+                var _a, _b;
+                if (Array.isArray(e)) {
+                    setValue(e);
+                    onSubmit((_a = {}, _a[type] = e, _a));
+                }
+                else {
+                    setValue([e.target.value]);
+                    onSubmit((_b = {}, _b[type] = e.target.value, _b));
+                }
+            } })))));
+};
+//# sourceMappingURL=IDOperator.js.map

package/dist/components/templates/DetailList/_components/operators/IDOperator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDOperator.js","sourceRoot":"","sources":["../../../../../../src/components/templates/DetailList/_components/operators/IDOperator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,oBAAqB;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,kDAA8E;AAGvG,IAAM,WAAW,GAAG,CAAC,IAAI,EAAE,OAAO,CAAyB,CAAC;AAO5D,MAAM,CAAC,IAAM,UAAU,GAAgC,UAAC,EAGvD;QAFC,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,YAAY;QAC9B,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CAAsB;QAC1D,CAAC,CAAC,IAAI,CAAC;IACH,IAAA,KAAkB,QAAQ,CAAC,WAAW,CAAC,EAAtC,IAAI,QAAA,EAAE,OAAO,QAAyB,CAAC;IACxC,IAAA,KAAoB,QAAQ,CAAgC;QAChE,IAAI,CAAC,YAAY,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM;YAC1D,OAAO,SAAS,CAAC;QACnB,IAAI,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC;YACnC,OAAQ,YAAY,CAAC,WAAW,CAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;YACtD,OAAO,YAAY,CAAC,WAAW,CAAW,CAAC;IAClD,CAAC,CAAC,EANK,KAAK,QAAA,EAAE,QAAQ,QAMpB,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACzB,oBAAC,cAAc,IACb,IAAI,EAAC,aAAa,EAClB,YAAY,EAAE,IAAwB,EACtC,QAAQ,EAAE,UAAC,CAAC;;gBACV,OAAO,CAAC,CAAqB,CAAC,CAAC;gBAC/B,QAAQ,WAAG,GAAC,CAAqB,IAAG,KAAK,MAAG,CAAC;YAC/C,CAAC,GACD;QACF,6BAAK,SAAS,EAAC,YAAY,IACxB,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC7B,oBAAC,KAAK,IACJ,EAAE,EAAC,cAAc,EACjB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,CAAC,IAAI,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC;;gBACV,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAChC,QAAQ,WAAG,GAAC,IAAwB,IAAG,CAAC,CAAC,aAAa,CAAC,KAAK,MAAG,CAAC;YAClE,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EACxD,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,CAAC,IAAI,EACf,QAAQ,EAAE,UAAC,CAAC;;gBACV,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBACrB,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACZ,QAAQ,WAAG,GAAC,IAAwB,IAAG,CAAC,MAAG,CAAC;gBAC9C,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oBAC3B,QAAQ,WAAG,GAAC,IAAwB,IAAG,CAAC,CAAC,MAAM,CAAC,KAAK,MAAG,CAAC;gBAC3D,CAAC;YACH,CAAC,GACD,CACH,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/templates/DetailList/_components/operators/NumberOperator.d.ts

@@ -0,0 +1,10 @@
+import { FilterInputType } from "../types";
+import React from "react";
+type NumberOperator = Omit<FilterInputType["NumberOperators"], "__typename">;
+type Props<T extends NumberOperator> = {
+    currentValue?: T;
+    onSubmit: (value: T) => void;
+    isCurrency?: boolean;
+};
+export declare const NumberOperator: React.FC<Props<NumberOperator>>;
+export {};