@deenruv/react-ui-devkit 1.0.0

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

@@ -0,0 +1,71 @@
+import { __spreadArray } from "tslib";
+import { useMemo } from "react";
+import { Pagination, PaginationContent, PaginationPrevious, PaginationItem, PaginationEllipsis, PaginationLink, PaginationNext, PaginationFirst, PaginationLast, SimpleSelect, } from "../../..";
+import { arrayRange } from "./types";
+import React from "react";
+import { cn } from "../../../../lib";
+import { useTranslation } from "../../../../hooks/useTranslation.js";
+export var Paginate = function (_a) {
+    var _b;
+    var itemsPerPage = _a.itemsPerPage, searchParamValues = _a.searchParamValues, total = _a.total, totalPages = _a.totalPages, searchParams = _a.searchParams, setSearchParams = _a.setSearchParams;
+    var t = useTranslation("common").t;
+    var pagesToShow = useMemo(function () {
+        return totalPages <= 7
+            ? arrayRange(1, totalPages)
+            : searchParamValues.page < 4
+                ? __spreadArray(__spreadArray([], arrayRange(1, 5), true), ["ellipsis", totalPages], false) : searchParamValues.page >= totalPages - 2
+                ? __spreadArray([1, "ellipsis"], arrayRange(totalPages - 4, totalPages), true) : __spreadArray(__spreadArray([
+                1,
+                "ellipsis"
+            ], arrayRange(searchParamValues.page - 1, searchParamValues.page + 1), true), [
+                "ellipsis",
+                totalPages,
+            ], false);
+    }, [totalPages, searchParamValues]);
+    return (React.createElement("div", { className: "flex gap-8" },
+        React.createElement("div", { className: "mx-auto flex items-center gap-2" },
+            React.createElement("span", { className: "whitespace-nowrap" }, t("rowsPerPage")),
+            React.createElement(SimpleSelect, { options: itemsPerPage.map(function (i) { return ({
+                    value: i.value.toString(),
+                    label: t("perPage.".concat(i.name)),
+                }); }), value: (_b = itemsPerPage
+                    .find(function (i) { return i.value === searchParamValues.perPage; })) === null || _b === void 0 ? void 0 : _b.value.toString(), onValueChange: function (e) {
+                    searchParams.set("per" /* SearchParamKey.PER_PAGE */, e);
+                    searchParams.set("page" /* SearchParamKey.PAGE */, "1");
+                    setSearchParams(searchParams);
+                }, className: "h-8 w-[120px]" })),
+        React.createElement("div", { className: "m-auto whitespace-nowrap text-center text-[15px]" }, t("page", { current: searchParamValues.page, total: totalPages })),
+        React.createElement(Pagination, null,
+            React.createElement(PaginationContent, null,
+                React.createElement(PaginationFirst, { className: cn("opacity-100", searchParamValues.page === 1 && "cursor-not-allowed opacity-50"), isActive: searchParamValues.page !== 1, onClick: function () {
+                        if (searchParamValues.page === 1)
+                            return;
+                        searchParams.set("page" /* SearchParamKey.PAGE */, "1");
+                        setSearchParams(searchParams);
+                    } }),
+                React.createElement(PaginationPrevious, { className: cn("opacity-100", searchParamValues.page === 1 && "cursor-not-allowed opacity-50"), isActive: searchParamValues.page !== 1, onClick: function () {
+                        if (searchParamValues.page === 1)
+                            return;
+                        searchParams.set("page" /* SearchParamKey.PAGE */, (searchParamValues.page - 1).toString());
+                        setSearchParams(searchParams);
+                    } }),
+                pagesToShow.map(function (i, index) { return (React.createElement(PaginationItem, { key: index, className: cn("hidden select-none", i !== (searchParamValues.page - 1).toString() && "md:block") }, i === "ellipsis" ? (React.createElement(PaginationEllipsis, null)) : (React.createElement(PaginationLink, { isActive: i === searchParamValues.page, onClick: function () {
+                        searchParams.set("page" /* SearchParamKey.PAGE */, i.toString());
+                        setSearchParams(searchParams);
+                    } }, i)))); }),
+                React.createElement(PaginationNext, { className: cn("opacity-100", searchParamValues.page === totalPages &&
+                        "cursor-not-allowed opacity-50"), isActive: searchParamValues.page !== totalPages, onClick: function () {
+                        if (searchParamValues.page === totalPages)
+                            return;
+                        searchParams.set("page" /* SearchParamKey.PAGE */, (searchParamValues.page + 1).toString());
+                        setSearchParams(searchParams);
+                    } }),
+                React.createElement(PaginationLast, { className: cn("opacity-100", searchParamValues.page === totalPages &&
+                        "cursor-not-allowed opacity-50"), isActive: searchParamValues.page !== totalPages, onClick: function () {
+                        if (searchParamValues.page === totalPages)
+                            return;
+                        searchParams.set("page" /* SearchParamKey.PAGE */, totalPages.toString());
+                        setSearchParams(searchParams);
+                    } })))));
+};
+//# sourceMappingURL=Paginate.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { PromisePaginated } from "../../../../types/models";
+import React from "react";
+export declare const Search: ({ initialSearchQuery, setSearchQuery, searchFields, searchTranslations, }: {
+    initialSearchQuery?: string | null | undefined;
+    setSearchQuery: (query: string | null) => void;
+    searchFields?: (string | number | symbol)[] | undefined;
+    searchTranslations?: {
+        key: keyof Awaited<ReturnType<PromisePaginated>>["items"][number];
+        value: string;
+    }[] | undefined;
+}) => React.JSX.Element;

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

@@ -0,0 +1,31 @@
+import { Input } from "../../..";
+import { useDebounce, useTranslation } from "../../../../hooks";
+import React from "react";
+import { useEffect, useState } from "react";
+import { Search as SearchIcon } from "lucide-react";
+export var Search = function (_a) {
+    var initialSearchQuery = _a.initialSearchQuery, setSearchQuery = _a.setSearchQuery, searchFields = _a.searchFields, searchTranslations = _a.searchTranslations;
+    var t = useTranslation("table").t;
+    var _b = useState(initialSearchQuery !== null && initialSearchQuery !== void 0 ? initialSearchQuery : ""), searchQuery = _b[0], setSearchQueryState = _b[1];
+    var debouncedSearch = useDebounce(searchQuery, 500);
+    useEffect(function () {
+        if (debouncedSearch.length > 0)
+            setSearchQuery(debouncedSearch);
+        else
+            setSearchQuery(null);
+    }, [debouncedSearch]);
+    var placeholder = t("placeholders.search", {
+        fields: searchFields === null || searchFields === void 0 ? void 0 : searchFields.map(function (f) {
+            var translation = searchTranslations === null || searchTranslations === void 0 ? void 0 : searchTranslations.find(function (t) { return t.key === f; });
+            if (translation)
+                return translation.value;
+            return t("columns." + f.toString());
+        }).join(", "),
+    }).toLowerCase();
+    var onlyFirstLetterCapitalized = function (str) {
+        return str.charAt(0).toUpperCase() + str.slice(1);
+    };
+    return (React.createElement("div", { className: "flex w-[38rem] items-center justify-center gap-3" },
+        React.createElement(Input, { className: "h-8 w-full pl-4", placeholder: onlyFirstLetterCapitalized(placeholder), value: searchQuery, onChange: function (e) { return setSearchQueryState(e.target.value); }, startAdornment: React.createElement(SearchIcon, { size: 20 }), adornmentPlain: true })));
+};
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/useDetailListHook/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,iBAAqB;AACrC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,0BAAgB;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAetB;QAdC,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAYV,IAAA,CAAC,GAAK,cAAc,CAAC,OAAO,CAAC,EAA5B,CAA6B;IAChC,IAAA,KAAqC,QAAQ,CAAC,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAC,EAAtE,WAAW,QAAA,EAAE,mBAAmB,QAAsC,CAAC;IAC9E,IAAM,eAAe,GAAG,WAAW,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IACtD,SAAS,CAAC;QACR,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,cAAc,CAAC,eAAe,CAAC,CAAC;;YAC3D,cAAc,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,IAAM,WAAW,GAAG,CAAC,CAAC,qBAAqB,EAAE;QAC3C,MAAM,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAChB,GAAG,CAAC,UAAC,CAAC;YACN,IAAM,WAAW,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,GAAG,KAAK,CAAC,EAAX,CAAW,CAAC,CAAC;YACjE,IAAI,WAAW;gBAAE,OAAO,WAAW,CAAC,KAAK,CAAC;YAC1C,OAAO,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtC,CAAC,EACA,IAAI,CAAC,IAAI,CAAC;KACd,CAAC,CAAC,WAAW,EAAE,CAAC;IACjB,IAAM,0BAA0B,GAAG,UAAC,GAAW;QAC7C,OAAA,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAA1C,CAA0C,CAAC;IAE7C,OAAO,CACL,6BAAK,SAAS,EAAC,kDAAkD;QAC/D,oBAAC,KAAK,IACJ,SAAS,EAAC,iBAAiB,EAC3B,WAAW,EAAE,0BAA0B,CAAC,WAAW,CAAC,EACpD,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,cAAc,EAAE,oBAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,EACxC,cAAc,SACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import React, { PropsWithChildren } from "react";
+import { SortOrder } from "@deenruv/admin-types";
+import { PaginationInput } from "../../../../types/models";
+export declare const SortSelect: React.FC<PropsWithChildren<{
+    sortKey: string;
+    currSort: PaginationInput["sort"];
+    onClick: (sortDirection: SortOrder | undefined) => void;
+    className?: string;
+}>>;

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { ArrowDown, ArrowUp, ChevronsUpDown } from "lucide-react";
+import { SortOrder } from "@deenruv/admin-types";
+import { Select, SelectContent, SelectItem, SelectTrigger, } from "../../../atoms";
+import { SelectIcon } from "@radix-ui/react-select";
+import { cn } from "../../../../lib/utils.js";
+import { TABLE_LABEL_STYLES } from "../_components/TableLabel.js";
+var DEFAULT_SORT = "default";
+export var SortSelect = function (_a) {
+    var currSort = _a.currSort, onClick = _a.onClick, children = _a.children, sortKey = _a.sortKey, className = _a.className;
+    var isCurrentSort = (currSort === null || currSort === void 0 ? void 0 : currSort.key) === sortKey;
+    var value = isCurrentSort ? currSort === null || currSort === void 0 ? void 0 : currSort.sortDir : DEFAULT_SORT;
+    return (React.createElement("div", { className: cn("flex items-center gap-2", className) },
+        React.createElement(Select, { value: value, onValueChange: function (direction) {
+                onClick(direction === DEFAULT_SORT ? undefined : direction);
+            } },
+            React.createElement(SelectTrigger, { className: cn("-ml-3 h-8 w-fit border-none text-xs hover:bg-accent data-[state=open]:bg-accent [&>svg:last-child]:hidden", TABLE_LABEL_STYLES) },
+                children,
+                React.createElement(SelectIcon, { asChild: true }, !isCurrentSort ? (React.createElement(ChevronsUpDown, { className: "ml-2.5 size-4", "aria-hidden": "true" })) : (currSort === null || currSort === void 0 ? void 0 : currSort.sortDir) === SortOrder.ASC ? (React.createElement(ArrowUp, { className: "ml-2.5 size-4", "aria-hidden": "true" })) : (currSort === null || currSort === void 0 ? void 0 : currSort.sortDir) === SortOrder.DESC ? (React.createElement(ArrowDown, { className: "ml-2.5 size-4", "aria-hidden": "true" })) : (React.createElement(ChevronsUpDown, { className: "ml-2.5 size-4", "aria-hidden": "true" })))),
+            React.createElement(SelectContent, { align: "start" },
+                React.createElement(React.Fragment, null,
+                    React.createElement(SelectItem, { value: SortOrder.ASC, checkmarkAtEnd: true },
+                        React.createElement("span", { className: "flex items-center" },
+                            React.createElement(ArrowUp, { className: "text-muted-foreground/70 mr-2 size-3.5", "aria-hidden": "true" }),
+                            "Asc")),
+                    React.createElement(SelectItem, { value: SortOrder.DESC, checkmarkAtEnd: true },
+                        React.createElement("span", { className: "flex items-center" },
+                            React.createElement(ArrowDown, { className: "text-muted-foreground/70 mr-2 size-3.5", "aria-hidden": "true" }),
+                            "Desc")),
+                    React.createElement(SelectItem, { value: DEFAULT_SORT, checkmarkAtEnd: true },
+                        React.createElement("span", { className: "flex items-center" },
+                            React.createElement(ChevronsUpDown, { className: "text-muted-foreground/70 mr-2 size-3.5", "aria-hidden": "true" }),
+                            "Default")))))));
+};
+//# sourceMappingURL=SortSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortSelect.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/useDetailListHook/SortSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,iCAAuB;AACpC,OAAO,EAAE,kBAAkB,EAAE,qCAAoE;AAEjG,IAAM,YAAY,GAAG,SAAS,CAAC;AAE/B,MAAM,CAAC,IAAM,UAAU,GAOnB,UAAC,EAAmD;QAAjD,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA;IACpD,IAAM,aAAa,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,MAAK,OAAO,CAAC;IAChD,IAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;IAE/D,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC;QACtD,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,UAAC,SAAS;gBACvB,OAAO,CACL,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,SAAuB,CAClE,CAAC;YACJ,CAAC;YAED,oBAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,kBAAkB,CACnB;gBAEA,QAAQ;gBACT,oBAAC,UAAU,IAAC,OAAO,UAChB,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,oBAAC,cAAc,IAAC,SAAS,EAAC,eAAe,iBAAa,MAAM,GAAG,CAChE,CAAC,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,MAAK,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CACxC,oBAAC,OAAO,IAAC,SAAS,EAAC,eAAe,iBAAa,MAAM,GAAG,CACzD,CAAC,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,MAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CACzC,oBAAC,SAAS,IAAC,SAAS,EAAC,eAAe,iBAAa,MAAM,GAAG,CAC3D,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IAAC,SAAS,EAAC,eAAe,iBAAa,MAAM,GAAG,CAChE,CACU,CACC;YAChB,oBAAC,aAAa,IAAC,KAAK,EAAC,OAAO;gBAC1B;oBACE,oBAAC,UAAU,IAAC,KAAK,EAAE,SAAS,CAAC,GAAG,EAAE,cAAc;wBAC9C,8BAAM,SAAS,EAAC,mBAAmB;4BACjC,oBAAC,OAAO,IACN,SAAS,EAAC,wCAAwC,iBACtC,MAAM,GAClB;kCAEG,CACI;oBACb,oBAAC,UAAU,IAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,cAAc;wBAC/C,8BAAM,SAAS,EAAC,mBAAmB;4BACjC,oBAAC,SAAS,IACR,SAAS,EAAC,wCAAwC,iBACtC,MAAM,GAClB;mCAEG,CACI;oBACb,oBAAC,UAAU,IAAC,KAAK,EAAE,YAAY,EAAE,cAAc;wBAC7C,8BAAM,SAAS,EAAC,mBAAmB;4BACjC,oBAAC,cAAc,IACb,SAAS,EAAC,wCAAwC,iBACtC,MAAM,GAClB;sCAEG,CACI,CACZ,CACW,CACT,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const DEFAULT_COLUMNS: string[];
+export declare const EXCLUDED_COLUMNS: string[];
+export declare const DEFAULT_COLUMN_PRIORITIES: Record<string, number>;

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

@@ -0,0 +1,13 @@
+export var DEFAULT_COLUMNS = ["id", "createdAt", "updatedAt"];
+export var EXCLUDED_COLUMNS = ["actions", "select-id"];
+export var DEFAULT_COLUMN_PRIORITIES = {
+    "select-id": 0,
+    id: 1,
+    code: 2,
+    featuredAsset: 2,
+    name: 2,
+    createdAt: 3,
+    updatedAt: 4,
+    actions: 999,
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/useDetailListHook/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AAChE,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACzD,MAAM,CAAC,IAAM,yBAAyB,GAA2B;IAC/D,WAAW,EAAE,CAAC;IACd,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,CAAC;IAChB,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG;CACJ,CAAC"}

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

@@ -0,0 +1,82 @@
+import { ModelTypes } from "@deenruv/admin-types";
+import { Paginate } from "./Paginate";
+import { Search } from "./Search";
+import { GenericReturn, PaginationInput, PromisePaginated } from "../../../../types/models";
+import { ItemsPerPageType, ListType } from "./types";
+type FIELD = keyof ModelTypes[ListType[keyof ListType]];
+type VALUE = ModelTypes[ListType[keyof ListType]][FIELD];
+export declare const useDetailListHook: <T extends PromisePaginated, K 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", S extends string | number | symbol>({ fetch, refetchTimeout, customItemsPerPage, searchFields, fakeURLParams, searchTranslations, }: {
+    fetch: T;
+    customItemsPerPage?: ItemsPerPageType | undefined;
+    searchFields?: S[] | undefined;
+    fakeURLParams?: boolean | undefined;
+    searchTranslations?: {
+        key: S;
+        value: string;
+    }[] | undefined;
+    refetchTimeout?: number | undefined;
+}) => {
+    Paginate: JSX.Element;
+    Search: JSX.Element;
+    SortButton: (key: keyof Awaited<ReturnType<PromisePaginated>>["items"][number], translated?: string) => JSX.Element;
+    objects: GenericReturn<T> | undefined;
+    searchParamValues: PaginationInput;
+    refetch: (initialFilterState?: 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";
+    }[K]] | undefined) => void;
+    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";
+    }[K]] | undefined;
+    setFilterField: (field: FIELD, value: VALUE) => void;
+    removeFilterField: (field: FIELD) => void;
+    resetFilterFields: () => void;
+    changeFilterField: (index: number, field: FIELD) => void;
+    loading: boolean;
+};
+export {};

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

@@ -0,0 +1,212 @@
+import { __assign } from "tslib";
+import { LogicalOperator, SortOrder } from "@deenruv/admin-types";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Paginate } from "./Paginate";
+import { Search } from "./Search";
+import React from "react";
+import { ITEMS_PER_PAGE, } from "./types";
+import { useCustomSearchParams } from "../../../../hooks/useCustomSearchParams";
+import { SortSelect } from "./SortSelect.js";
+import { useSettings } from "../../../../state/settings.js";
+import { useDetailView } from "../../DetailView/useDetailView.js";
+export var useDetailListHook = function (_a) {
+    var fetch = _a.fetch, refetchTimeout = _a.refetchTimeout, customItemsPerPage = _a.customItemsPerPage, searchFields = _a.searchFields, fakeURLParams = _a.fakeURLParams, searchTranslations = _a.searchTranslations;
+    var _b = useDetailView(), additionalData = _b.additionalData, setAdditionalData = _b.setAdditionalData;
+    var translationsLanguage = useSettings(function (_a) {
+        var translationsLanguage = _a.translationsLanguage;
+        return ({
+            translationsLanguage: translationsLanguage,
+        });
+    }).translationsLanguage;
+    var _c = useCustomSearchParams({
+        fakeURLParams: fakeURLParams,
+    }), searchParams = _c[0], setSearchParams = _c[1];
+    var _d = useState(0), total = _d[0], setTotal = _d[1];
+    var _e = useState(), objects = _e[0], setObjects = _e[1];
+    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var setSearchQuery = function (query) {
+        if (query) {
+            searchParams.set("q" /* SearchParamKey.SEARCH */, query);
+            setSearchParams(searchParams);
+        }
+        else if (searchParams.has("q" /* SearchParamKey.SEARCH */)) {
+            searchParams.delete("q" /* SearchParamKey.SEARCH */);
+            setSearchParams(searchParams);
+        }
+    };
+    var setFilterField = function (field, value) {
+        var _a, _b;
+        try {
+            var filterURL = searchParams.get("filter" /* SearchParamKey.FILTER */);
+            if (filterURL) {
+                var filterFromParamsJSON = JSON.parse(filterURL);
+                searchParams.set("filter" /* SearchParamKey.FILTER */, JSON.stringify(__assign(__assign({}, filterFromParamsJSON), (_a = {}, _a[field] = value, _a))));
+                setSearchParams(searchParams);
+            }
+            else {
+                searchParams.set("filter" /* SearchParamKey.FILTER */, JSON.stringify((_b = {}, _b[field] = value, _b)));
+                setSearchParams(searchParams);
+            }
+        }
+        catch (err) {
+            console.error("Parsing filter searchParams Key to JSON failed: ".concat(err));
+        }
+    };
+    var changeFilterField = function (index, field) {
+        var filterURL = searchParams.get("filter" /* SearchParamKey.FILTER */);
+        if (!filterURL)
+            return;
+        var filterFromParamsJSON = JSON.parse(filterURL);
+        var filterArray = Object.entries(filterFromParamsJSON);
+        filterArray[index][0] = field;
+        filterArray[index][1] = {};
+        var updatedFilter = Object.fromEntries(filterArray);
+        var updatedSearchParams = JSON.stringify(updatedFilter);
+        searchParams.set("filter" /* SearchParamKey.FILTER */, updatedSearchParams);
+        setSearchParams(searchParams);
+    };
+    var removeFilterField = function (field) {
+        try {
+            var filterURL = searchParams.get("filter" /* SearchParamKey.FILTER */);
+            var filterFromParamsJSON = JSON.parse(filterURL || "");
+            delete filterFromParamsJSON[field];
+            if (Object.keys(filterFromParamsJSON).length === 0) {
+                searchParams.delete("filter" /* SearchParamKey.FILTER */);
+            }
+            else {
+                searchParams.set("filter" /* SearchParamKey.FILTER */, JSON.stringify(filterFromParamsJSON));
+            }
+            setSearchParams(searchParams);
+        }
+        catch (err) {
+            console.error("Parsing filter searchParams Key to JSON failed: ".concat(err));
+        }
+    };
+    var resetFilterFields = function () {
+        try {
+            searchParams.delete("filter" /* SearchParamKey.FILTER */);
+            setSearchParams(searchParams);
+        }
+        catch (err) {
+            console.error("Clearing filter searchParams failed: ".concat(err));
+        }
+    };
+    var setSort = function (key, direction) {
+        var currSort = searchParams.get("sort" /* SearchParamKey.SORT */);
+        if (!direction) {
+            searchParams.delete("sort" /* SearchParamKey.SORT */);
+            searchParams.delete("dir" /* SearchParamKey.SORT_DIR */);
+        }
+        else if (key !== currSort) {
+            searchParams.set("sort" /* SearchParamKey.SORT */, key);
+            searchParams.set("dir" /* SearchParamKey.SORT_DIR */, SortOrder.ASC);
+        }
+        else {
+            if (direction === SortOrder.DESC) {
+                searchParams.set("dir" /* SearchParamKey.SORT_DIR */, SortOrder.DESC);
+            }
+            else if (direction === SortOrder.ASC) {
+                searchParams.set("dir" /* SearchParamKey.SORT_DIR */, SortOrder.ASC);
+            }
+        }
+        setSearchParams(searchParams);
+    };
+    var searchParamValues = useMemo(function () {
+        var search = searchParams.get("q" /* SearchParamKey.SEARCH */);
+        var page = searchParams.get("page" /* SearchParamKey.PAGE */);
+        var perPage = searchParams.get("per" /* SearchParamKey.PER_PAGE */);
+        var sort = searchParams.get("sort" /* SearchParamKey.SORT */);
+        var sortDir = searchParams.get("dir" /* SearchParamKey.SORT_DIR */);
+        var filter = searchParams.get("filter" /* SearchParamKey.FILTER */);
+        var searchFilter = (searchFields || []).reduce(function (acc, field) {
+            if (search)
+                acc[field] = { contains: search };
+            return acc;
+        }, {});
+        var filters = filter ? JSON.parse(filter) : undefined;
+        var mergedFilters = __assign(__assign({}, filters), searchFilter);
+        try {
+            return {
+                page: page ? parseInt(page) : 1,
+                perPage: perPage ? parseInt(perPage) : 10,
+                sort: sort && sortDir
+                    ? { key: sort, sortDir: sortDir }
+                    : undefined,
+                filter: mergedFilters,
+                filterOperator: Object.keys(searchFilter).length
+                    ? LogicalOperator.OR
+                    : LogicalOperator.AND,
+            };
+        }
+        catch (err) {
+            throw new Error("Parsing filter searchParams Key to JSON failed: ".concat(err));
+        }
+    }, [searchParams, searchFields]);
+    var selectedChannel = useSettings(function (_a) {
+        var selectedChannel = _a.selectedChannel;
+        return selectedChannel;
+    });
+    var refetch = useCallback(function (initialFilterState) {
+        var page = searchParams.get("page" /* SearchParamKey.PAGE */);
+        if (page)
+            searchParamValues.page = +page;
+        searchParamValues.filter = initialFilterState;
+        fetch(searchParamValues).then(function (_a) {
+            var items = _a.items, totalItems = _a.totalItems;
+            setObjects(items);
+            setTotal(totalItems);
+        });
+    }, [searchParams, searchParamValues]);
+    useEffect(function () {
+        // setLoading(true);
+        fetch(searchParamValues).then(function (_a) {
+            var items = _a.items, totalItems = _a.totalItems;
+            setObjects(items);
+            setTotal(totalItems);
+            // setLoading(false);
+        });
+    }, [translationsLanguage, searchParams, selectedChannel === null || selectedChannel === void 0 ? void 0 : selectedChannel.id]);
+    useEffect(function () {
+        if (additionalData &&
+            "refetchList" in additionalData &&
+            additionalData.refetchList) {
+            fetch(searchParamValues).then(function (_a) {
+                var items = _a.items, totalItems = _a.totalItems;
+                setObjects(items);
+                setTotal(totalItems);
+            });
+            setAdditionalData(__assign(__assign({}, additionalData), { refetchList: false }));
+        }
+    }, [additionalData, translationsLanguage, searchParams]);
+    useEffect(function () {
+        if (!refetchTimeout)
+            return;
+        var interval = setInterval(function () {
+            fetch(searchParamValues).then(function (_a) {
+                var items = _a.items, totalItems = _a.totalItems;
+                setObjects(items);
+                setTotal(totalItems);
+            });
+        }, refetchTimeout);
+        return function () { return clearInterval(interval); };
+    }, [refetchTimeout, fetch, searchParamValues]);
+    var itemsPerPage = useMemo(function () { return customItemsPerPage || ITEMS_PER_PAGE; }, [customItemsPerPage]);
+    var totalPages = useMemo(function () { return Math.ceil(total / searchParamValues.perPage); }, [total, searchParamValues]);
+    return {
+        filter: searchParamValues.filter,
+        setFilterField: setFilterField,
+        removeFilterField: removeFilterField,
+        resetFilterFields: resetFilterFields,
+        changeFilterField: changeFilterField,
+        Search: (searchFields === null || searchFields === void 0 ? void 0 : searchFields.length) ? (React.createElement(Search, { initialSearchQuery: searchParams.get("q" /* SearchParamKey.SEARCH */), setSearchQuery: setSearchQuery, searchFields: searchFields, searchTranslations: searchTranslations })) : (React.createElement(React.Fragment, null)),
+        Paginate: (React.createElement(Paginate, { itemsPerPage: itemsPerPage, searchParamValues: searchParamValues, total: total, totalPages: totalPages, searchParams: searchParams, setSearchParams: setSearchParams })),
+        SortButton: function (key, translated) { return (React.createElement(SortSelect, { currSort: searchParamValues.sort, sortKey: key, onClick: function (direction) {
+                setSort(key, direction);
+            } }, translated || key)); },
+        objects: objects,
+        searchParamValues: searchParamValues,
+        refetch: refetch,
+        loading: loading,
+    };
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/DetailList/useDetailListHook/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAc,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EACL,cAAc,GAIf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,qBAAqB,EAAE,gDAAsC;AACtE,OAAO,EAAE,UAAU,EAAE,wBAA0E;AAC/F,OAAO,EAAE,WAAW,EAAE,sCAA4B;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAKlE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAI/B,EAcD;QAbC,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,kBAAkB,wBAAA;IAyBZ,IAAA,KAAwC,aAAa,EAAE,EAArD,cAAc,oBAAA,EAAE,iBAAiB,uBAAoB,CAAC;IACtD,IAAA,oBAAoB,GAAK,WAAW,CAAC,UAAC,EAAwB;YAAtB,oBAAoB,0BAAA;QAAO,OAAA,CAAC;YAC1E,oBAAoB,sBAAA;SACrB,CAAC;IAFyE,CAEzE,CAAC,qBAFyB,CAExB;IACE,IAAA,KAAkC,qBAAqB,CAAC;QAC5D,aAAa,eAAA;KACd,CAAC,EAFK,YAAY,QAAA,EAAE,eAAe,QAElC,CAAC;IACG,IAAA,KAAoB,QAAQ,CAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAChC,IAAA,KAAwB,QAAQ,EAAoB,EAAnD,OAAO,QAAA,EAAE,UAAU,QAAgC,CAAC;IACrD,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,cAAc,GAAG,UAAC,KAAoB;QAC1C,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,GAAG,kCAAwB,KAAK,CAAC,CAAC;YAC/C,eAAe,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;aAAM,IAAI,YAAY,CAAC,GAAG,iCAAuB,EAAE,CAAC;YACnD,YAAY,CAAC,MAAM,iCAAuB,CAAC;YAC3C,eAAe,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAY,EAAE,KAAY;;QAChD,IAAI,CAAC;YACH,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,sCAAuB,CAAC;YAC1D,IAAI,SAAS,EAAE,CAAC;gBACd,IAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBACnD,YAAY,CAAC,GAAG,uCAEd,IAAI,CAAC,SAAS,uBAAM,oBAAoB,gBAAG,KAAK,IAAG,KAAK,OAAG,CAC5D,CAAC;gBACF,eAAe,CAAC,YAAY,CAAC,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,GAAG,uCAEd,IAAI,CAAC,SAAS,WAAG,GAAC,KAAK,IAAG,KAAK,MAAG,CACnC,CAAC;gBACF,eAAe,CAAC,YAAY,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,0DAAmD,GAAG,CAAE,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,KAAa,EAAE,KAAY;QACpD,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,sCAAuB,CAAC;QAC1D,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,IAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnD,IAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;QACzD,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;QAC9B,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;QAC3B,IAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACtD,IAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QAC1D,YAAY,CAAC,GAAG,uCAAwB,mBAAmB,CAAC,CAAC;QAC7D,eAAe,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,KAAY;QACrC,IAAI,CAAC;YACH,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,sCAAuB,CAAC;YAC1D,IAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;YACzD,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACnC,IAAI,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACnD,YAAY,CAAC,MAAM,sCAAuB,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,GAAG,uCAEd,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,CACrC,CAAC;YACJ,CAAC;YACD,eAAe,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,0DAAmD,GAAG,CAAE,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG;QACxB,IAAI,CAAC;YACH,YAAY,CAAC,MAAM,sCAAuB,CAAC;YAC3C,eAAe,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,+CAAwC,GAAG,CAAE,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,SAAgC;QAC5D,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,kCAAqB,CAAC;QAEvD,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,YAAY,CAAC,MAAM,kCAAqB,CAAC;YACzC,YAAY,CAAC,MAAM,qCAAyB,CAAC;QAC/C,CAAC;aAAM,IAAI,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,YAAY,CAAC,GAAG,mCAAsB,GAAG,CAAC,CAAC;YAC3C,YAAY,CAAC,GAAG,sCAA0B,SAAS,CAAC,GAAG,CAAC,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;gBACjC,YAAY,CAAC,GAAG,sCAA0B,SAAS,CAAC,IAAI,CAAC,CAAC;YAC5D,CAAC;iBAAM,IAAI,SAAS,KAAK,SAAS,CAAC,GAAG,EAAE,CAAC;gBACvC,YAAY,CAAC,GAAG,sCAA0B,SAAS,CAAC,GAAG,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;QAED,eAAe,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAoB,OAAO,CAAC;QACjD,IAAM,MAAM,GAAG,YAAY,CAAC,GAAG,iCAAuB,CAAC;QACvD,IAAM,IAAI,GAAG,YAAY,CAAC,GAAG,kCAAqB,CAAC;QACnD,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,qCAAyB,CAAC;QAC1D,IAAM,IAAI,GAAG,YAAY,CAAC,GAAG,kCAAqB,CAAC;QACnD,IAAM,OAAO,GAAG,YAAY,CAAC,GAAG,qCAAyB,CAAC;QAC1D,IAAM,MAAM,GAAG,YAAY,CAAC,GAAG,sCAAuB,CAAC;QAEvD,IAAM,YAAY,GAAG,CAAE,YAAyB,IAAI,EAAE,CAAC,CAAC,MAAM,CAC5D,UAAC,GAAG,EAAE,KAAK;YACT,IAAI,MAAM;gBAAE,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;YAC9C,OAAO,GAAG,CAAC;QACb,CAAC,EACD,EAA0C,CAC3C,CAAC;QACF,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACxD,IAAM,aAAa,yBAAQ,OAAO,GAAK,YAAY,CAAE,CAAC;QACtD,IAAI,CAAC;YACH,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC/B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;gBACzC,IAAI,EACF,IAAI,IAAI,OAAO;oBACb,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,OAAoB,EAAE;oBAC9C,CAAC,CAAC,SAAS;gBACf,MAAM,EAAE,aAAa;gBACrB,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM;oBAC9C,CAAC,CAAC,eAAe,CAAC,EAAE;oBACpB,CAAC,CAAC,eAAe,CAAC,GAAG;aACxB,CAAC;QACJ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,0DAAmD,GAAG,CAAE,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,IAAM,eAAe,GAAG,WAAW,CAAC,UAAC,EAAmB;YAAjB,eAAe,qBAAA;QAAO,OAAA,eAAe;IAAf,CAAe,CAAC,CAAC;IAE9E,IAAM,OAAO,GAAG,WAAW,CACzB,UAAC,kBAAwD;QACvD,IAAM,IAAI,GAAG,YAAY,CAAC,GAAG,kCAAqB,CAAC;QACnD,IAAI,IAAI;YAAE,iBAAiB,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC;QACzC,iBAAiB,CAAC,MAAM,GAAG,kBAAkB,CAAC;QAC9C,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,UAAC,EAAqB;gBAAnB,KAAK,WAAA,EAAE,UAAU,gBAAA;YAChD,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAClC,CAAC;IAEF,SAAS,CAAC;QACR,oBAAoB;QACpB,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,UAAC,EAAqB;gBAAnB,KAAK,WAAA,EAAE,UAAU,gBAAA;YAChD,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrB,qBAAqB;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,oBAAoB,EAAE,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,CAAC,CAAC,CAAC;IAE9D,SAAS,CAAC;QACR,IACE,cAAc;YACd,aAAa,IAAI,cAAc;YAC/B,cAAc,CAAC,WAAW,EAC1B,CAAC;YACD,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,UAAC,EAAqB;oBAAnB,KAAK,WAAA,EAAE,UAAU,gBAAA;gBAChD,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,QAAQ,CAAC,UAAU,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;YACH,iBAAiB,uBAAM,cAAc,KAAE,WAAW,EAAE,KAAK,IAAG,CAAC;QAC/D,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzD,SAAS,CAAC;QACR,IAAI,CAAC,cAAc;YAAE,OAAO;QAE5B,IAAM,QAAQ,GAAG,WAAW,CAAC;YAC3B,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,UAAC,EAAqB;oBAAnB,KAAK,WAAA,EAAE,UAAU,gBAAA;gBAChD,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,QAAQ,CAAC,UAAU,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,cAAc,CAAC,CAAC;QAEnB,OAAO,cAAM,OAAA,aAAa,CAAC,QAAQ,CAAC,EAAvB,CAAuB,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/C,IAAM,YAAY,GAAG,OAAO,CAC1B,cAAM,OAAA,kBAAkB,IAAI,cAAc,EAApC,CAAoC,EAC1C,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,IAAM,UAAU,GAAG,OAAO,CACxB,cAAM,OAAA,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAA5C,CAA4C,EAClD,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAC3B,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,iBAAiB,CAAC,MAAM;QAChC,cAAc,gBAAA;QACd,iBAAiB,mBAAA;QACjB,iBAAiB,mBAAA;QACjB,iBAAiB,mBAAA;QACjB,MAAM,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,oBAAC,MAAM,IAEH,kBAAkB,EAAE,YAAY,CAAC,GAAG,iCAAuB,EAC3D,cAAc,gBAAA,EACd,YAAY,cAAA,EACZ,kBAAkB,oBAAA,GAEpB,CACH,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;QACD,QAAQ,EAAE,CACR,oBAAC,QAAQ,IAEL,YAAY,cAAA,EACZ,iBAAiB,mBAAA,EACjB,KAAK,OAAA,EACL,UAAU,YAAA,EACV,YAAY,cAAA,EACZ,eAAe,iBAAA,GAEjB,CACH;QACD,UAAU,EAAE,UAAC,GAAG,EAAE,UAAU,IAAK,OAAA,CAC/B,oBAAC,UAAU,IACT,QAAQ,EAAE,iBAAiB,CAAC,IAAI,EAChC,OAAO,EAAE,GAAa,EACtB,OAAO,EAAE,UAAC,SAAS;gBACjB,OAAO,CAAC,GAAa,EAAE,SAAS,CAAC,CAAC;YACpC,CAAC,IAEA,UAAU,IAAK,GAAc,CACnB,CACd,EAVgC,CAUhC;QACD,OAAO,SAAA;QACP,iBAAiB,mBAAA;QACjB,OAAO,SAAA;QACP,OAAO,SAAA;KACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,113 @@
+/// <reference types="react" />
+import { Permission } from "@deenruv/admin-types";
+import { Row } from "@tanstack/react-table";
+import { Table } from "@tanstack/react-table";
+export type ActionResult = {
+    success: string;
+    error?: never;
+    info?: never;
+} | {
+    success?: never;
+    error: string;
+    info?: never;
+} | {
+    success?: never;
+    error?: never;
+    info: string;
+};
+type ActionBaseProps<T> = {
+    refetch: () => void;
+};
+type RowActionProps<T> = ActionBaseProps<T> & {
+    data: T;
+    row: Row<T>;
+    table: Table<T>;
+};
+type BulkActionProps<T> = ActionBaseProps<T> & {
+    data: T[];
+    table: Table<T>;
+};
+type ActionDefinition<P> = {
+    label: string;
+    icon?: React.ReactNode;
+    canShow?: (props: P) => boolean;
+    onClick: (props: P) => Promise<ActionResult> | ActionResult;
+};
+type RouteConfig = {
+    list: string;
+    new: string;
+    route: string;
+    to: (id: string) => string;
+} | {
+    create?: (refetch: () => void) => void;
+    createTranslation?: string;
+    edit: (id: string, row: Row<any>, refetch: () => void) => void;
+    editTranslation?: string;
+};
+export type RouteBase = {
+    list: string;
+    new: string;
+    route: string;
+    to: (id: string) => string;
+};
+export type RouteWithoutCreate = {
+    editTranslation?: string;
+    edit: (id: string, row: Row<any>, refetch: () => void) => void;
+};
+export type RouteWithCreate = RouteWithoutCreate & {
+    createTranslation?: string;
+    create: (refetch: () => void) => void;
+};
+export type GenericListContextType<T> = {
+    route?: RouteConfig;
+    onRemove?: (items: T[]) => void;
+    refetch: () => void;
+    hideColumns?: (keyof T)[];
+    rowActions?: ActionDefinition<RowActionProps<T>>[];
+    bulkActions?: ActionDefinition<BulkActionProps<T>>[];
+    deletePermissions: Permission[];
+};
+export type LimitKeys = "10perPage" | "25perPage" | "32perPage" | "48perPage" | "50perPage" | "64perPage" | "100perPage";
+export type ItemsPerPageType = {
+    name: LimitKeys;
+    value: number;
+}[];
+export declare const ITEMS_PER_PAGE: ItemsPerPageType;
+export declare const enum SearchParamKey {
+    SEARCH = "q",
+    PAGE = "page",
+    PER_PAGE = "per",
+    SORT = "sort",
+    SORT_DIR = "dir",
+    FILTER = "filter",
+    FILTER_OPERATOR = "operator"
+}
+export declare const arrayRange: (start: number, stop: number) => number[];
+export declare const ListTypeKeys: {
+    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";
+};
+export type ListType = typeof ListTypeKeys;
+export {};