@deenruv/react-ui-devkit 1.0.0

package/dist/components/templates/DetailList/useDetailListHook/ColumnView.js

@@ -0,0 +1,102 @@
+import { __assign } from "tslib";
+import { Button } from "../../../atoms/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../../atoms/dropdown-menu.js";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors, } from "@dnd-kit/core";
+import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
+import { Grip, PanelsTopLeft } from "lucide-react";
+import React from "react";
+import { CSS } from "@dnd-kit/utilities";
+import { EXCLUDED_COLUMNS } from "./constants.js";
+import { Checkbox } from "../../../atoms/checkbox.js";
+import { camelCaseToSpaces } from "../../../../utils/camel-case-to-spaces.js";
+import { useServer } from "../../../../state/server.js";
+import { useSettings } from "../../../../state/settings.js";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+var CUSTOM_FIELDS_PREFIX = "customFields_";
+export var ColumnView = function (_a) {
+    var _b, _c, _d;
+    var table = _a.table, entityName = _a.entityName;
+    var t = useTranslation("table").t;
+    var language = useSettings().language;
+    var columnsTranslations = t("columns", { returnObjects: true });
+    var hideColumns = (_c = (_b = table.options.meta) === null || _b === void 0 ? void 0 : _b.hideColumns) !== null && _c !== void 0 ? _c : [];
+    var entityCustomFields = (_d = useServer(function (p) {
+        var _a, _b;
+        return (_b = (_a = p.serverConfig) === null || _a === void 0 ? void 0 : _a.entityCustomFields) === null || _b === void 0 ? void 0 : _b.find(function (el) { return el.entityName === entityName; });
+    })) === null || _d === void 0 ? void 0 : _d.customFields;
+    var allColumns = table.getAllColumns().filter(function (column) {
+        var isHideable = column.getCanHide();
+        var isNotExcluded = !EXCLUDED_COLUMNS.includes(column.id);
+        var isNotHidden = !hideColumns.includes(column.id);
+        return isHideable && isNotExcluded && isNotHidden;
+    });
+    var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    function arrayMove(array, from, to) {
+        var newArray = array.slice();
+        newArray.splice(to < 0 ? newArray.length + to : to, 0, newArray.splice(from, 1)[0]);
+        return newArray;
+    }
+    var getCustomFieldLabel = function (key) {
+        var _a, _b, _c, _d;
+        var fromTable = table.getColumn(key);
+        if (fromTable && "label" in fromTable) {
+            return fromTable.label;
+        }
+        var field = entityCustomFields === null || entityCustomFields === void 0 ? void 0 : entityCustomFields.find(function (el) { return el.name === key.split(".")[1]; });
+        var fieldTranslation = ((_b = (_a = field === null || field === void 0 ? void 0 : field.label) === null || _a === void 0 ? void 0 : _a.find(function (el) { return el.languageCode === language; })) === null || _b === void 0 ? void 0 : _b.value) ||
+            ((_d = (_c = field === null || field === void 0 ? void 0 : field.label) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.value);
+        return (fieldTranslation ||
+            camelCaseToSpaces(key.replace(CUSTOM_FIELDS_PREFIX, "")));
+    };
+    return (React.createElement("div", { className: "text-right" },
+        React.createElement(DropdownMenu, null,
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(Button, { variant: "outline", size: "sm", className: "h-8 gap-2 py-0", "aria-label": "Open filters" },
+                    React.createElement(PanelsTopLeft, { className: "size-4", "aria-hidden": "true" }),
+                    t("actionsMenu.view"))),
+            React.createElement(DropdownMenuContent, { align: "start", className: "max-h-[350px] space-y-2.5 overflow-y-auto p-2" },
+                React.createElement(DropdownMenuLabel, null, t("actionsMenu.label")),
+                React.createElement(DropdownMenuSeparator, null),
+                React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: function (e) {
+                        var active = e.active, over = e.over;
+                        if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+                            var oldIndex = allColumns.findIndex(function (column) { return column.id === active.id; });
+                            var newIndex = allColumns.findIndex(function (column) { return column.id === (over === null || over === void 0 ? void 0 : over.id); });
+                            var newOrder = arrayMove(allColumns.map(function (column) { return column.id; }), oldIndex, newIndex);
+                            table.setColumnOrder(newOrder);
+                        }
+                    } },
+                    React.createElement(SortableContext, { items: allColumns.map(function (column) { return column.id; }), strategy: verticalListSortingStrategy }, allColumns
+                        .sort(function (a, b) {
+                        var order = table.getState().columnOrder;
+                        return order.indexOf(a.id) - order.indexOf(b.id);
+                    })
+                        .map(function (column) {
+                        var _a;
+                        return (React.createElement(DraggableMenuItem, { key: column.id, id: column.id },
+                            React.createElement("div", { className: "flex items-center gap-3 pr-4" },
+                                React.createElement(Checkbox, { id: "checkbox-".concat(column.id), checked: column.getIsVisible(), onCheckedChange: function (value) {
+                                        return column.toggleVisibility(!!value);
+                                    } }),
+                                React.createElement("label", { htmlFor: "checkbox-".concat(column.id), className: "flex-1 cursor-pointer" }, (_a = columnsTranslations[column.id]) !== null && _a !== void 0 ? _a : (column.id.startsWith(CUSTOM_FIELDS_PREFIX)
+                                    ? getCustomFieldLabel(column.id)
+                                    : camelCaseToSpaces(column.id))))));
+                    })))))));
+};
+var DraggableMenuItem = function (_a) {
+    var id = _a.id, children = _a.children;
+    var _b = useSortable({
+        id: id,
+    }), attributes = _b.attributes, listeners = _b.listeners, setNodeRef = _b.setNodeRef, transform = _b.transform, transition = _b.transition;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition,
+    };
+    return (React.createElement("div", __assign({ ref: setNodeRef, style: style }, attributes, { className: "flex items-center" }),
+        React.createElement(Button, __assign({ variant: "outline" }, listeners, { className: "mr-2 h-auto cursor-move p-1" }),
+            React.createElement(Grip, { className: "size-3.5" })),
+        children));
+};
+//# sourceMappingURL=ColumnView.js.map

package/dist/components/templates/DetailList/useDetailListHook/ColumnView.js.map

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

package/dist/components/templates/DetailList/useDetailListHook/FiltersDialog.d.ts

@@ -0,0 +1,117 @@
+import { FilterInputTypeUnion } from "../_components/types.js";
+import { ListTypeKeys } from "./types.js";
+import { ModelTypes } from "@deenruv/admin-types";
+import React from "react";
+export declare const FiltersDialog: <T extends "assets" | "channels" | "collections" | "customers" | "facets" | "orders" | "products" | "promotions" | "roles" | "sellers" | "zones" | "productVariants" | "customerGroups" | "paymentMethods" | "shippingMethods" | "stockLocations" | "taxCategories" | "taxRates" | "administrators" | "jobs" | "countries-list" | "modal-assets-list" | "modal-product-variants-list" | "modal-products-list">({ filterLabels, filter, setFilterField, removeFilterField, resetFilterFields, }: {
+    filterLabels: {
+        name: string | number | symbol;
+        translation?: string;
+        type?: string;
+        component?: React.ComponentType<any>;
+    }[];
+    filter: ModelTypes[{
+        administrators: "AdministratorFilterParameter";
+        jobs: "JobFilterParameter";
+        assets: "AssetFilterParameter";
+        channels: "ChannelFilterParameter";
+        collections: "CollectionFilterParameter";
+        "countries-list": "CountryFilterParameter";
+        facets: "FacetFilterParameter";
+        "modal-assets-list": "AssetFilterParameter";
+        "modal-product-variants-list": "ProductVariantFilterParameter";
+        "modal-products-list": "ProductFilterParameter";
+        orders: "OrderFilterParameter";
+        paymentMethods: "PaymentMethodFilterParameter";
+        products: "ProductFilterParameter";
+        productVariants: "ProductVariantFilterParameter";
+        roles: "RoleFilterParameter";
+        sellers: "SellerFilterParameter";
+        shippingMethods: "ShippingMethodFilterParameter";
+        stockLocations: "StockLocationFilterParameter";
+        taxCategories: "TaxCategoryFilterParameter";
+        taxRates: "TaxRateFilterParameter";
+        zones: "ZoneFilterParameter";
+        promotions: "PromotionFilterParameter";
+        customers: "CustomerFilterParameter";
+        customerGroups: "CustomerGroupFilterParameter";
+    }[T]] | undefined;
+    setFilterField: (field: keyof ModelTypes[{
+        administrators: "AdministratorFilterParameter";
+        jobs: "JobFilterParameter";
+        assets: "AssetFilterParameter";
+        channels: "ChannelFilterParameter";
+        collections: "CollectionFilterParameter";
+        "countries-list": "CountryFilterParameter";
+        facets: "FacetFilterParameter";
+        "modal-assets-list": "AssetFilterParameter";
+        "modal-product-variants-list": "ProductVariantFilterParameter";
+        "modal-products-list": "ProductFilterParameter";
+        orders: "OrderFilterParameter";
+        paymentMethods: "PaymentMethodFilterParameter";
+        products: "ProductFilterParameter";
+        productVariants: "ProductVariantFilterParameter";
+        roles: "RoleFilterParameter";
+        sellers: "SellerFilterParameter";
+        shippingMethods: "ShippingMethodFilterParameter";
+        stockLocations: "StockLocationFilterParameter";
+        taxCategories: "TaxCategoryFilterParameter";
+        taxRates: "TaxRateFilterParameter";
+        zones: "ZoneFilterParameter";
+        promotions: "PromotionFilterParameter";
+        customers: "CustomerFilterParameter";
+        customerGroups: "CustomerGroupFilterParameter";
+    }[T]], value: FilterInputTypeUnion | undefined) => void;
+    removeFilterField: (field: keyof ModelTypes[{
+        administrators: "AdministratorFilterParameter";
+        jobs: "JobFilterParameter";
+        assets: "AssetFilterParameter";
+        channels: "ChannelFilterParameter";
+        collections: "CollectionFilterParameter";
+        "countries-list": "CountryFilterParameter";
+        facets: "FacetFilterParameter";
+        "modal-assets-list": "AssetFilterParameter";
+        "modal-product-variants-list": "ProductVariantFilterParameter";
+        "modal-products-list": "ProductFilterParameter";
+        orders: "OrderFilterParameter";
+        paymentMethods: "PaymentMethodFilterParameter";
+        products: "ProductFilterParameter";
+        productVariants: "ProductVariantFilterParameter";
+        roles: "RoleFilterParameter";
+        sellers: "SellerFilterParameter";
+        shippingMethods: "ShippingMethodFilterParameter";
+        stockLocations: "StockLocationFilterParameter";
+        taxCategories: "TaxCategoryFilterParameter";
+        taxRates: "TaxRateFilterParameter";
+        zones: "ZoneFilterParameter";
+        promotions: "PromotionFilterParameter";
+        customers: "CustomerFilterParameter";
+        customerGroups: "CustomerGroupFilterParameter";
+    }[T]]) => void;
+    resetFilterFields: () => void;
+    changeFilterField: (index: number, field: keyof ModelTypes[{
+        administrators: "AdministratorFilterParameter";
+        jobs: "JobFilterParameter";
+        assets: "AssetFilterParameter";
+        channels: "ChannelFilterParameter";
+        collections: "CollectionFilterParameter";
+        "countries-list": "CountryFilterParameter";
+        facets: "FacetFilterParameter";
+        "modal-assets-list": "AssetFilterParameter";
+        "modal-product-variants-list": "ProductVariantFilterParameter";
+        "modal-products-list": "ProductFilterParameter";
+        orders: "OrderFilterParameter";
+        paymentMethods: "PaymentMethodFilterParameter";
+        products: "ProductFilterParameter";
+        productVariants: "ProductVariantFilterParameter";
+        roles: "RoleFilterParameter";
+        sellers: "SellerFilterParameter";
+        shippingMethods: "ShippingMethodFilterParameter";
+        stockLocations: "StockLocationFilterParameter";
+        taxCategories: "TaxCategoryFilterParameter";
+        taxRates: "TaxRateFilterParameter";
+        zones: "ZoneFilterParameter";
+        promotions: "PromotionFilterParameter";
+        customers: "CustomerFilterParameter";
+        customerGroups: "CustomerGroupFilterParameter";
+    }[T]]) => void;
+}) => React.JSX.Element;

package/dist/components/templates/DetailList/useDetailListHook/FiltersDialog.js

@@ -0,0 +1,139 @@
+import { __spreadArray } from "tslib";
+import { Badge } from "../../../atoms/badge.js";
+import { Button } from "../../../atoms/button.js";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../atoms/command.js";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../../atoms/popover.js";
+import { SimpleSelect } from "../../../molecules/SimpleSelect.js";
+import { SimpleTooltip } from "../../../molecules/SimpleTooltip.js";
+import { OperatorValue } from "./OperatorValue.js";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+import { cn } from "../../../../lib/utils.js";
+import { Check, ChevronsUpDown, ListFilter, Trash2 } from "lucide-react";
+import React, { useCallback, useMemo, useState } from "react";
+var joinOperatorOptions = [
+    { label: "and", value: "and" },
+    { label: "or", value: "or" },
+];
+export var FiltersDialog = function (_a) {
+    var filterLabels = _a.filterLabels, filter = _a.filter, setFilterField = _a.setFilterField, removeFilterField = _a.removeFilterField, resetFilterFields = _a.resetFilterFields;
+    var t = useTranslation("table").t;
+    var _b = useState(function () {
+        return Object.entries(filter || {});
+    }), filtersArray = _b[0], setFiltersArray = _b[1];
+    var _c = useState(joinOperatorOptions[0].value), joinOperator = _c[0], setJoinOperator = _c[1];
+    var appliedFilterFieldsLength = useMemo(function () { return filtersArray.length; }, [filtersArray]);
+    var allFiltersApplied = appliedFilterFieldsLength === filterLabels.length;
+    var addFilter = useCallback(function () {
+        var appliedFiltersNames = filtersArray.map(function (_a) {
+            var key = _a[0];
+            return key;
+        });
+        var unappliedFilterNames = filterLabels
+            .map(function (l) { return l.name; })
+            .filter(function (n) { return !appliedFiltersNames.includes(n.toString()); });
+        if (unappliedFilterNames.length) {
+            setFiltersArray(function (prev) { return __spreadArray(__spreadArray([], prev, true), [
+                [unappliedFilterNames[0], {}],
+            ], false); });
+        }
+    }, [filtersArray]);
+    var handleOpen = useCallback(function (open) {
+        if (open && !filtersArray.length)
+            addFilter(); // add initial filter on dialog open
+    }, [filtersArray]);
+    var applyFilters = useCallback(function () {
+        resetFilterFields();
+        filtersArray.forEach(function (f) {
+            setFilterField(f[0], f[1]);
+        });
+    }, [filtersArray]);
+    return (React.createElement(Popover, { onOpenChange: handleOpen },
+        React.createElement(PopoverTrigger, { asChild: true },
+            React.createElement(Button, { variant: "outline", size: "sm", className: "h-8 gap-2 py-0", "aria-label": "Open filters" },
+                React.createElement(ListFilter, { className: "size-4", "aria-hidden": "true" }),
+                t("filterDialog.title"),
+                Object.keys(filter || {}).length > 0 && (React.createElement(Badge, { variant: "secondary", className: "h-[1.14rem] rounded-[0.2rem] px-[0.32rem] font-mono text-[0.65rem] font-normal" }, Object.keys(filter || {}).length)))),
+        React.createElement(PopoverContent, { id: "-filter-dialog", align: "center", collisionPadding: 16, className: cn("flex w-[calc(100vw-theme(spacing.12))] min-w-60vw origin-[var(--radix-popover-content-transform-origin)] flex-col p-4 sm:w-[38rem]", filtersArray.length > 0 ? "gap-3.5" : "gap-2") },
+            filtersArray.length > 0 ? (React.createElement("h4", { className: "font-medium leading-none" }, t("filterDialog.title"))) : (React.createElement("div", { className: "flex flex-col gap-1" },
+                React.createElement("h4", { className: "font-medium leading-none" }, t("filterDialog.noFiltersApplied")),
+                React.createElement("p", { className: "text-muted-foreground text-sm" }, t("filterDialog.emptyState")))),
+            React.createElement("div", { className: "max-h-50 min-w-50vw flex flex-col gap-2  py-1 pr-1" }, filtersArray.map(function (_a, index) {
+                var filterKey = _a[0];
+                var filter = filterLabels.find(function (field) { return field.name === filterKey; });
+                return (React.createElement("div", { className: "flex gap-2 items-start" },
+                    React.createElement("div", { className: "flex items-center gap-2" },
+                        React.createElement("div", { className: "min-w-[4.5rem] text-center" }, index === 0 ? (React.createElement("span", { className: "text-muted-foreground text-sm" }, t("filterDialog.where"))) : index === 1 ? (React.createElement(SimpleSelect, { disabled: true, value: joinOperator, onValueChange: setJoinOperator, options: joinOperatorOptions, className: "h-8 rounded lowercase" })) : (React.createElement("span", { className: "text-muted-foreground text-sm" }, joinOperator)))),
+                    React.createElement(Popover, { modal: true },
+                        React.createElement(PopoverTrigger, { asChild: true },
+                            React.createElement(Button, { id: filterKey + "trigger", variant: "outline", size: "sm", role: "combobox", className: "focus:ring-ring h-8 w-32 max-w-[109px] justify-between gap-2 rounded focus:outline-none focus:ring-1 focus-visible:ring-0" },
+                                React.createElement("span", { className: "overflow-hidden truncate" }, (filter === null || filter === void 0 ? void 0 : filter.translation)
+                                    ? filter === null || filter === void 0 ? void 0 : filter.translation
+                                    : (filter === null || filter === void 0 ? void 0 : filter.name)
+                                        ? t("columns." + (filter === null || filter === void 0 ? void 0 : filter.name.toString()))
+                                        : "Select field"),
+                                React.createElement(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50" }))),
+                        React.createElement(PopoverContent, { id: filterKey + "box", align: "start", className: "w-64 p-0" },
+                            React.createElement(Command, null,
+                                React.createElement(CommandInput, { placeholder: t("filterDialog.searchFields") }),
+                                React.createElement(CommandList, null,
+                                    React.createElement(CommandEmpty, null, t("filterDialog.noFieldsFound")),
+                                    React.createElement(CommandGroup, null, filterLabels.map(function (field) { return (React.createElement(CommandItem, { key: field.name.toString(), value: field.name.toString(), onSelect: function (value) {
+                                            setFiltersArray(function (prev) {
+                                                var newArray = __spreadArray([], prev, true);
+                                                newArray[index][0] = value.toString();
+                                                newArray[index][1] = {};
+                                                return newArray;
+                                            });
+                                        } },
+                                        React.createElement("span", { className: "mr-1.5 truncate" }, field.translation
+                                            ? field.translation
+                                            : t("columns." + field.name.toString())),
+                                        React.createElement(Check, { className: cn("ml-auto size-4 shrink-0", field.name.toString() === filterKey
+                                                ? "opacity-100"
+                                                : "opacity-0") }))); })))))),
+                    (filter === null || filter === void 0 ? void 0 : filter.type) ? (React.createElement(OperatorValue, { currentValue: filtersArray[index][1], filterType: filter === null || filter === void 0 ? void 0 : filter.type, onChange: function (value) {
+                            setFiltersArray(function (prev) {
+                                var newFilters = __spreadArray([], prev, true);
+                                newFilters[index] = [filterKey, value];
+                                return newFilters;
+                            });
+                        } })) : (filter === null || filter === void 0 ? void 0 : filter.component) ? (React.createElement(filter === null || filter === void 0 ? void 0 : filter.component, {
+                        key: filterKey,
+                        value: filtersArray[index][1],
+                        onChange: function (value) {
+                            setFiltersArray(function (prev) {
+                                var newFilters = __spreadArray([], prev, true);
+                                if (value === null || value === undefined) {
+                                    return newFilters.filter(function (_a) {
+                                        var key = _a[0];
+                                        return key !== filterKey;
+                                    });
+                                }
+                                newFilters[index] = [filterKey, value];
+                                return newFilters;
+                            });
+                        },
+                    })) : null,
+                    React.createElement(Button, { variant: "outline", size: "icon", "aria-label": "Remove filter ".concat(index + 1), className: "size-8 shrink-0 rounded", onClick: function () {
+                            setFiltersArray(function (prev) {
+                                return prev.filter(function (_a) {
+                                    var key = _a[0];
+                                    return key !== filterKey;
+                                });
+                            });
+                            removeFilterField(filterKey);
+                        } },
+                        React.createElement(Trash2, { className: "size-3.5", "aria-hidden": "true" }))));
+            })),
+            React.createElement("div", { className: "flex w-full items-center gap-2" },
+                React.createElement(SimpleTooltip, { content: allFiltersApplied
+                        ? t("filterDialog.allFiltersApplied")
+                        : undefined },
+                    React.createElement(Button, { size: "sm", className: "h-[1.85rem] rounded", onClick: addFilter, disabled: allFiltersApplied }, t("filterDialog.add"))),
+                filtersArray.length > 0 ? (React.createElement(Button, { size: "sm", variant: "outline", className: "rounded", onClick: function () {
+                        setFiltersArray([]);
+                        resetFilterFields();
+                    } }, t("filterDialog.reset"))) : null,
+                React.createElement(Button, { size: "sm", className: "ml-auto h-[1.85rem] rounded", onClick: applyFilters, disabled: filtersArray.length === 0 }, t("filterDialog.apply"))))));
+};
+//# sourceMappingURL=FiltersDialog.js.map

package/dist/components/templates/DetailList/useDetailListHook/FiltersDialog.js.map

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

package/dist/components/templates/DetailList/useDetailListHook/OperatorSelect.d.ts

@@ -0,0 +1,15 @@
+import { FilterInputType } from "../_components/types.js";
+import React from "react";
+type IDOperator = Omit<FilterInputType["IDOperators"], "__typename">;
+type StringOperator = Omit<FilterInputType["StringOperators"], "__typename">;
+type NumberOperator = Omit<FilterInputType["NumberOperators"], "__typename">;
+type DateOperator = Omit<FilterInputType["DateOperators"], "__typename">;
+type BooleanOperator = Omit<FilterInputType["BooleanOperators"], "__typename">;
+export type Operator = StringOperator | IDOperator | NumberOperator | DateOperator | BooleanOperator;
+interface OperatorSelectProps {
+    type: "IDOperators" | "DateOperators" | "StringOperators" | "NumberOperators" | "BooleanOperators" | undefined;
+    currentValue: keyof StringOperator | keyof IDOperator | keyof NumberOperator | keyof DateOperator | keyof BooleanOperator;
+    onChange: (value: string) => void;
+}
+export declare const OperatorSelect: React.FC<OperatorSelectProps>;
+export {};

package/dist/components/templates/DetailList/useDetailListHook/OperatorSelect.js

@@ -0,0 +1,74 @@
+import { SimpleSelect } from "../../../molecules/SimpleSelect.js";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+import React, { useMemo } from "react";
+var ID_TYPES = [
+    "eq",
+    "notEq",
+    "in",
+    "notIn",
+    "isNull",
+];
+var STRING_TYPES = [
+    "eq",
+    "notEq",
+    "in",
+    "notIn",
+    "contains",
+    "notContains",
+    "regex",
+    "isNull",
+];
+var NUMBER_TYPES = [
+    "eq",
+    "lt",
+    "lte",
+    "gt",
+    "gte",
+    "between",
+    "isNull",
+];
+var DATE_TYPES = [
+    "eq",
+    "before",
+    "after",
+    "between",
+    "isNull",
+];
+var BOOLEAN_TYPES = ["eq", "isNull"];
+export var OperatorSelect = function (_a) {
+    var type = _a.type, currentValue = _a.currentValue, onChange = _a.onChange;
+    var t = useTranslation("table").t;
+    var options = useMemo(function () {
+        switch (type) {
+            case "IDOperators":
+                return ID_TYPES.map(function (type) { return ({
+                    value: type,
+                    label: t("operators.".concat(type)),
+                }); });
+            case "DateOperators":
+                return DATE_TYPES.map(function (type) { return ({
+                    value: type,
+                    label: t("operators.".concat(type)),
+                }); });
+            case "StringOperators":
+                return STRING_TYPES.map(function (type) { return ({
+                    value: type,
+                    label: t("operators.".concat(type)),
+                }); });
+            case "NumberOperators":
+                return NUMBER_TYPES.map(function (type) { return ({
+                    value: type,
+                    label: t("operators.".concat(type)),
+                }); });
+            case "BooleanOperators":
+                return BOOLEAN_TYPES.map(function (type) { return ({
+                    value: type,
+                    label: t("operators.".concat(type)),
+                }); });
+            default:
+                return [];
+        }
+    }, [type, t]);
+    return (React.createElement(SimpleSelect, { value: currentValue, onValueChange: onChange, options: options, placeholder: t("filterDialog.operatorPlaceholder"), wrapperClassName: "w-36 max-w-36", className: "h-8 rounded lowercase p-2" }));
+};
+//# sourceMappingURL=OperatorSelect.js.map

package/dist/components/templates/DetailList/useDetailListHook/OperatorSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperatorSelect.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/useDetailListHook/OperatorSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,2CAA+C;AAEtE,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAC3D,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQvC,IAAM,QAAQ,GAAG;IACf,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,QAAQ;CACe,CAAC;AAC1B,IAAM,YAAY,GAAG;IACnB,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,UAAU;IACV,aAAa;IACb,OAAO;IACP,QAAQ;CACmB,CAAC;AAC9B,IAAM,YAAY,GAAG;IACnB,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,KAAK;IACL,SAAS;IACT,QAAQ;CACmB,CAAC;AAC9B,IAAM,UAAU,GAAG;IACjB,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,SAAS;IACT,QAAQ;CACiB,CAAC;AAC5B,IAAM,aAAa,GAAG,CAAC,IAAI,EAAE,QAAQ,CAA8B,CAAC;AA0BpE,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAEA,IAAA,CAAC,GAAK,cAAc,CAAC,OAAO,CAAC,EAA5B,CAA6B;IAEtC,IAAM,OAAO,GAAa,OAAO,CAAC;QAChC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,aAAa;gBAChB,OAAO,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;oBAC7B,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,CAAC,CAAC,oBAAa,IAAI,CAAE,CAAC;iBAC9B,CAAC,EAH4B,CAG5B,CAAC,CAAC;YACN,KAAK,eAAe;gBAClB,OAAO,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;oBAC/B,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,CAAC,CAAC,oBAAa,IAAI,CAAE,CAAC;iBAC9B,CAAC,EAH8B,CAG9B,CAAC,CAAC;YACN,KAAK,iBAAiB;gBACpB,OAAO,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;oBACjC,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,CAAC,CAAC,oBAAa,IAAI,CAAE,CAAC;iBAC9B,CAAC,EAHgC,CAGhC,CAAC,CAAC;YACN,KAAK,iBAAiB;gBACpB,OAAO,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;oBACjC,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,CAAC,CAAC,oBAAa,IAAI,CAAE,CAAC;iBAC9B,CAAC,EAHgC,CAGhC,CAAC,CAAC;YACN,KAAK,kBAAkB;gBACrB,OAAO,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;oBAClC,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,CAAC,CAAC,oBAAa,IAAI,CAAE,CAAC;iBAC9B,CAAC,EAHiC,CAGjC,CAAC,CAAC;YACN;gBACE,OAAO,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,YAAsB,EAC7B,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAC,CAAC,kCAAkC,CAAC,EAClD,gBAAgB,EAAC,eAAe,EAChC,SAAS,EAAC,2BAA2B,GACrC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/templates/DetailList/useDetailListHook/OperatorValue.d.ts

@@ -0,0 +1,15 @@
+import { FilterInputType } from "../_components/types.js";
+import React from "react";
+export type IDOperator = Omit<FilterInputType["IDOperators"], "__typename">;
+export type StringOperator = Omit<FilterInputType["StringOperators"], "__typename">;
+export type NumberOperator = Omit<FilterInputType["NumberOperators"], "__typename">;
+export type DateOperator = Omit<FilterInputType["DateOperators"], "__typename">;
+export type BooleanOperator = Omit<FilterInputType["BooleanOperators"], "__typename">;
+export type Operator = StringOperator | IDOperator | NumberOperator | DateOperator | BooleanOperator;
+interface OperatorValueProps<T extends Operator> {
+    currentValue?: T;
+    onChange: (value: T) => void;
+    filterType: string | undefined;
+}
+export declare const OperatorValue: React.FC<OperatorValueProps<Operator>>;
+export {};

package/dist/components/templates/DetailList/useDetailListHook/OperatorValue.js

@@ -0,0 +1,38 @@
+import { BooleanOperator as BooleanOperatorInput } from "../_components/operators/BooleanOperator.js";
+import { DateOperator as DateOperatorInput } from "../_components/operators/DateOperator.js";
+import { IDOperator as IDOperatorInput } from "../_components/operators/IDOperator.js";
+import { NumberOperator } from "../_components/operators/NumberOperator.js";
+import { StringOperator as StringOperatorInput } from "../_components/operators/StringOperator.js";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+import React, { useMemo } from "react";
+export var OperatorValue = function (_a) {
+    var filterType = _a.filterType, currentValue = _a.currentValue, onChange = _a.onChange;
+    var t = useTranslation("table").t;
+    var operatorValueInput = useMemo(function () {
+        switch (filterType) {
+            case "DateOperators":
+                return (React.createElement(DateOperatorInput, { currentValue: currentValue, onSubmit: function (e) {
+                        onChange(e);
+                    } }));
+            case "BooleanOperators":
+                return (React.createElement(BooleanOperatorInput, { currentValue: currentValue, onSubmit: function (e) {
+                        onChange(e);
+                    } }));
+            case "NumberOperators":
+                return (React.createElement(NumberOperator, { currentValue: currentValue, onSubmit: function (e) {
+                        onChange(e);
+                    } }));
+            case "IDOperators":
+                return (React.createElement(IDOperatorInput, { currentValue: currentValue, onSubmit: function (e) {
+                        onChange(e);
+                    } }));
+            case "StringOperators":
+            default:
+                return (React.createElement(StringOperatorInput, { currentValue: currentValue, onSubmit: function (e) {
+                        onChange(e);
+                    } }));
+        }
+    }, [filterType, t]);
+    return operatorValueInput;
+};
+//# sourceMappingURL=OperatorValue.js.map

package/dist/components/templates/DetailList/useDetailListHook/OperatorValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperatorValue.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/useDetailListHook/OperatorValue.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,oBAAoB,EAAE,oDAAmF;AACrI,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,iDAAgF;AAC5H,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,+CAA8E;AACtH,OAAO,EAAE,cAAc,EAAE,mDAAkF;AAC3G,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,mDAAkF;AAElI,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAC3D,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AA8BvC,MAAM,CAAC,IAAM,aAAa,GAA2C,UAAC,EAIrE;QAHC,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAEA,IAAA,CAAC,GAAK,cAAc,CAAC,OAAO,CAAC,EAA5B,CAA6B;IAEtC,IAAM,kBAAkB,GAAG,OAAO,CAAC;QACjC,QAAQ,UAAU,EAAE,CAAC;YACnB,KAAK,eAAe;gBAClB,OAAO,CACL,oBAAC,iBAAiB,IAChB,YAAY,EAAE,YAA4B,EAC1C,QAAQ,EAAE,UAAC,CAAC;wBACV,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC,GACD,CACH,CAAC;YACJ,KAAK,kBAAkB;gBACrB,OAAO,CACL,oBAAC,oBAAoB,IACnB,YAAY,EAAE,YAA+B,EAC7C,QAAQ,EAAE,UAAC,CAAC;wBACV,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC,GACD,CACH,CAAC;YACJ,KAAK,iBAAiB;gBACpB,OAAO,CACL,oBAAC,cAAc,IACb,YAAY,EAAE,YAA8B,EAC5C,QAAQ,EAAE,UAAC,CAAC;wBACV,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC,GACD,CACH,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO,CACL,oBAAC,eAAe,IACd,YAAY,EAAE,YAA0B,EACxC,QAAQ,EAAE,UAAC,CAAC;wBACV,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC,GACD,CACH,CAAC;YACJ,KAAK,iBAAiB,CAAC;YACvB;gBACE,OAAO,CACL,oBAAC,mBAAmB,IAClB,YAAY,EAAE,YAA8B,EAC5C,QAAQ,EAAE,UAAC,CAAC;wBACV,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC,GACD,CACH,CAAC;QACN,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAEpB,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC"}

package/dist/components/templates/DetailList/useDetailListHook/Paginate.d.ts

@@ -0,0 +1,11 @@
+import { ItemsPerPageType } from "./types";
+import React from "react";
+import { PaginationInput } from "../../../../types";
+export declare const Paginate: ({ itemsPerPage, searchParamValues, total, totalPages, searchParams, setSearchParams, }: {
+    itemsPerPage: ItemsPerPageType;
+    searchParamValues: PaginationInput;
+    total: number;
+    totalPages: number;
+    searchParams: URLSearchParams;
+    setSearchParams: (searchParams: URLSearchParams) => void;
+}) => React.JSX.Element;