@orbe-agro/client-core 3.4.2 → 3.4.4

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductListSelected.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductListSelected.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListSelected.tsx"],"sourcesContent":["import { useState } from 'react'\nimport StickyFooter from '@/components/shared/StickyFooter'\nimport Button from '@/components/ui/Button'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport { TbChecks } from 'react-icons/tb'\n\nconst ProductListSelected = () => {\n    const {\n        selectedProduct,\n        productList,\n        mutate,\n        productListTotal,\n        setSelectAllProduct,\n    } = useProductList()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n\n    const handleDelete = () => {\n        setDeleteConfirmationOpen(true)\n    }\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !selectedProduct.some(\n                (selected) => selected.id === product.id,\n            )\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n    }\n\n    return (\n        <>\n            {selectedProduct.length > 0 && (\n                <StickyFooter\n                    className=\"flex items-center justify-between py-4 bg-white dark:bg-gray-800\"\n                    stickyClass=\"-mx-4 sm:-mx-8 border-t border-gray-200 dark:border-gray-700 px-8\"\n                    defaultClass=\"container mx-auto px-8 rounded-xl border border-gray-200 dark:border-gray-600 mt-4\"\n                >\n                    <div className=\"container mx-auto\">\n                        <div className=\"flex items-center justify-between\">\n                            <span>\n                                {selectedProduct.length > 0 && (\n                                    <span className=\"flex items-center gap-2\">\n                                        <span className=\"text-lg text-primary\">\n                                            <TbChecks />\n                                        </span>\n                                        <span className=\"font-semibold flex items-center gap-1\">\n                                            <span className=\"heading-text\">\n                                                {selectedProduct.length}{' '}\n                                                Products\n                                            </span>\n                                            <span>selected</span>\n                                        </span>\n                                    </span>\n                                )}\n                            </span>\n\n                            <div className=\"flex items-center\">\n                                <Button\n                                    size=\"sm\"\n                                    className=\"ltr:mr-3 rtl:ml-3\"\n                                    type=\"button\"\n                                    customColorClass={() =>\n                                        'border-error ring-1 ring-error text-error hover:border-error hover:ring-error hover:text-error'\n                                    }\n                                    onClick={handleDelete}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n                    </div>\n                </StickyFooter>\n            )}\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove these products? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListSelected\n"],"names":["ProductListSelected","selectedProduct","productList","mutate","productListTotal","setSelectAllProduct","useProductList","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","handleDelete","handleCancel","handleConfirmDelete","newProductList","product","selected","jsxs","Fragment","jsx","StickyFooter","TbChecks","Button","ConfirmDialog"],"mappings":";;;;;;;;AAOA,MAAMA,IAAsB,MAAM;AACxB,QAAA;AAAA,IACF,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,MACAC,EAAe,GAEb,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpEC,IAAe,MAAM;AACvB,IAAAF,EAA0B,EAAI;AAAA,EAClC,GAEMG,IAAe,MAAM;AACvB,IAAAH,EAA0B,EAAK;AAAA,EACnC,GAEMI,IAAsB,MAAM;AAC9B,UAAMC,IAAiBX,EAAY,OAAO,CAACY,MAChC,CAACb,EAAgB;AAAA,MACpB,CAACc,MAAaA,EAAS,OAAOD,EAAQ;AAAA,IAC1C,CACH;AACD,IAAAT,EAAoB,CAAA,CAAE,GACtBF;AAAA,MACI;AAAA,QACI,MAAMU;AAAA,QACN,OAAOT,IAAmBH,EAAgB;AAAA,MAC9C;AAAA,MACA;AAAA,IACJ,GACAO,EAA0B,EAAK;AAAA,EACnC;AAEA,SAES,gBAAAQ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAhB,EAAgB,SAAS,KACtB,gBAAAiB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,4BAAC,OAAI,EAAA,WAAU,qBACX,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,qCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,UACI,UAAgBjB,EAAA,SAAS,KACrB,gBAAAe,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,wBACZ,UAAA,gBAAAA,EAACE,IAAS,CAAA,GACd;AAAA,YACA,gBAAAJ,EAAC,QAAK,EAAA,WAAU,yCACZ,UAAA;AAAA,cAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,gBACX,UAAA;AAAA,gBAAgBf,EAAA;AAAA,gBAAQ;AAAA,gBAAI;AAAA,cAAA,GAEjC;AAAA,cACA,gBAAAiB,EAAC,UAAK,UAAQ,WAAA,CAAA;AAAA,YAAA,EAClB,CAAA;AAAA,UAAA,EAAA,CACJ,EAER,CAAA;AAAA,UAEA,gBAAAA,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,WAAU;AAAA,cACV,MAAK;AAAA,cACL,kBAAkB,MACd;AAAA,cAEJ,SAASX;AAAA,cACZ,UAAA;AAAA,YAAA;AAAA,UAAA,EAGL,CAAA;AAAA,QAAA,EAAA,CACJ,EACJ,CAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IAEJ,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,QAAQf;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,4BAAC,KACI,EAAA,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UAEe;AAAA,QAAA,EACxB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.js

@@ -1,229 +0,0 @@
-import { jsxs as a, jsx as o, Fragment as j } from "react/jsx-runtime";
-import { useState as x, useMemo as E } from "react";
-import { Avatar as F } from "../../../../../components/ui/Avatar/index.js";
-import "../../../../../components/ui/Progress/index.js";
-import "../../../../../components/ui/Tooltip/index.js";
-import O from "../../../../../components/shared/DataTable.js";
-import B from "../../../../../components/shared/ConfirmDialog.js";
-import $ from "../hooks/useProductList.js";
-import q from "../../../../../utils/classNames.js";
-import u from "lodash/cloneDeep";
-import { useNavigate as M } from "react-router-dom";
-import { TbPencil as Q, TbTrash as G } from "react-icons/tb";
-import { FiPackage as H } from "react-icons/fi";
-import { NumericFormat as C } from "react-number-format";
-import D from "../../../../../components/ui/Tooltip/Tooltip.js";
-import J from "../../../../../components/ui/Progress/Progress.js";
-const U = ({ row: n }) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ o(
-    F,
-    {
-      shape: "round",
-      size: 60,
-      ...n.img ? { src: n.img } : { icon: /* @__PURE__ */ o(H, {}) }
-    }
-  ),
-  /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ o("div", { className: "font-bold heading-text mb-1", children: n.name }),
-    /* @__PURE__ */ a("span", { children: [
-      "ID: ",
-      n.productCode
-    ] })
-  ] })
-] }), V = ({
-  onEdit: n,
-  onDelete: s
-}) => /* @__PURE__ */ a("div", { className: "flex items-center justify-end gap-3", children: [
-  /* @__PURE__ */ o(D, { title: "Edit", children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: "text-xl cursor-pointer select-none font-semibold",
-      role: "button",
-      onClick: n,
-      children: /* @__PURE__ */ o(Q, {})
-    }
-  ) }),
-  /* @__PURE__ */ o(D, { title: "Delete", children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: "text-xl cursor-pointer select-none font-semibold",
-      role: "button",
-      onClick: s,
-      children: /* @__PURE__ */ o(G, {})
-    }
-  ) })
-] }), me = () => {
-  const n = M(), [s, i] = x(!1), [S, g] = x(""), c = () => {
-    i(!1);
-  }, v = (e) => {
-    i(!0), g(e.id);
-  }, w = (e) => {
-    n(`/concepts/products/product-edit/${e.id}`);
-  }, P = () => {
-    const e = d.filter((t) => S !== t.id);
-    l([]), y(
-      {
-        list: e,
-        total: f - m.length
-      },
-      !1
-    ), i(!1), g("");
-  }, {
-    productList: d,
-    productListTotal: f,
-    tableData: r,
-    isLoading: b,
-    setTableData: T,
-    setSelectAllProduct: l,
-    setSelectedProduct: N,
-    selectedProduct: m,
-    mutate: y
-  } = $(), k = E(
-    () => [
-      {
-        header: "Product",
-        accessorKey: "name",
-        cell: (e) => {
-          const t = e.row.original;
-          return /* @__PURE__ */ o(U, { row: t });
-        }
-      },
-      {
-        header: "Price",
-        accessorKey: "price",
-        cell: (e) => {
-          const { price: t } = e.row.original;
-          return /* @__PURE__ */ o("span", { className: "font-bold heading-text", children: /* @__PURE__ */ o(
-            C,
-            {
-              fixedDecimalScale: !0,
-              prefix: "$",
-              displayType: "text",
-              value: t,
-              decimalScale: 2,
-              thousandSeparator: !0
-            }
-          ) });
-        }
-      },
-      {
-        header: "Quantity",
-        accessorKey: "stock",
-        cell: (e) => {
-          const t = e.row.original;
-          return /* @__PURE__ */ o("span", { className: "font-bold heading-text", children: t.stock });
-        }
-      },
-      {
-        header: "Sales",
-        accessorKey: "status",
-        cell: (e) => {
-          const { salesPercentage: t, sales: h } = e.row.original;
-          return /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ a("span", { className: "flex gap-1", children: [
-              /* @__PURE__ */ o("span", { className: "font-semibold", children: /* @__PURE__ */ o(
-                C,
-                {
-                  displayType: "text",
-                  value: h,
-                  thousandSeparator: !0
-                }
-              ) }),
-              /* @__PURE__ */ o("span", { children: "Sales" })
-            ] }),
-            /* @__PURE__ */ o(
-              J,
-              {
-                percent: t,
-                showInfo: !1,
-                customColorClass: q(
-                  "bg-error",
-                  t > 40 && "bg-warning",
-                  t > 70 && "bg-success"
-                )
-              }
-            )
-          ] });
-        }
-      },
-      {
-        header: "",
-        id: "action",
-        cell: (e) => /* @__PURE__ */ o(
-          V,
-          {
-            onEdit: () => w(e.row.original),
-            onDelete: () => v(e.row.original)
-          }
-        )
-      }
-    ],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  ), p = (e) => {
-    T(e), m.length > 0 && l([]);
-  }, I = (e) => {
-    const t = u(r);
-    t.pageIndex = e, p(t);
-  }, A = (e) => {
-    const t = u(r);
-    t.pageSize = Number(e), t.pageIndex = 1, p(t);
-  }, L = (e) => {
-    const t = u(r);
-    t.sort = e, p(t);
-  }, R = (e, t) => {
-    N(e, t);
-  }, z = (e, t) => {
-    if (e) {
-      const h = t.map((K) => K.original);
-      l(h);
-    } else
-      l([]);
-  };
-  return /* @__PURE__ */ a(j, { children: [
-    /* @__PURE__ */ o(
-      O,
-      {
-        selectable: !0,
-        columns: k,
-        data: d,
-        noData: !b && d.length === 0,
-        skeletonAvatarColumns: [0],
-        skeletonAvatarProps: { width: 28, height: 28 },
-        loading: b,
-        pagingData: {
-          total: f,
-          pageIndex: r.pageIndex,
-          pageSize: r.pageSize
-        },
-        checkboxChecked: (e) => m.some((t) => t.id === e.id),
-        onPaginationChange: I,
-        onSelectChange: A,
-        onSort: L,
-        onCheckBoxChange: R,
-        onIndeterminateCheckBoxChange: z
-      }
-    ),
-    /* @__PURE__ */ o(
-      B,
-      {
-        isOpen: s,
-        type: "danger",
-        title: "Remove products",
-        onClose: c,
-        onRequestClose: c,
-        onCancel: c,
-        onConfirm: P,
-        children: /* @__PURE__ */ a("p", { children: [
-          " ",
-          "Are you sure you want to remove this product? This action can't be undo.",
-          " "
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  me as default
-};
-//# sourceMappingURL=ProductListTable.js.map

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductListTable.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductListTable.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Progress from '@/components/ui/Progress'\nimport Tooltip from '@/components/ui/Tooltip'\nimport DataTable from '@/components/shared/DataTable'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport useProductList from '../hooks/useProductList'\nimport classNames from '@/utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport { useNavigate } from 'react-router-dom'\nimport { TbPencil, TbTrash } from 'react-icons/tb'\nimport { FiPackage } from 'react-icons/fi'\nimport { NumericFormat } from 'react-number-format'\nimport type { OnSortParam, ColumnDef, Row } from '@/components/shared/DataTable'\nimport type { Product } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst ProductColumn = ({ row }: { row: Product }) => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <Avatar\n                shape=\"round\"\n                size={60}\n                {...(row.img ? { src: row.img } : { icon: <FiPackage /> })}\n            />\n            <div>\n                <div className=\"font-bold heading-text mb-1\">{row.name}</div>\n                <span>ID: {row.productCode}</span>\n            </div>\n        </div>\n    )\n}\n\nconst ActionColumn = ({\n    onEdit,\n    onDelete,\n}: {\n    onEdit: () => void\n    onDelete: () => void\n}) => {\n    return (\n        <div className=\"flex items-center justify-end gap-3\">\n            <Tooltip title=\"Edit\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onEdit}\n                >\n                    <TbPencil />\n                </div>\n            </Tooltip>\n            <Tooltip title=\"Delete\">\n                <div\n                    className={`text-xl cursor-pointer select-none font-semibold`}\n                    role=\"button\"\n                    onClick={onDelete}\n                >\n                    <TbTrash />\n                </div>\n            </Tooltip>\n        </div>\n    )\n}\n\nconst ProductListTable = () => {\n    const navigate = useNavigate()\n\n    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false)\n    const [toDeleteId, setToDeleteId] = useState('')\n\n    const handleCancel = () => {\n        setDeleteConfirmationOpen(false)\n    }\n\n    const handleDelete = (product: Product) => {\n        setDeleteConfirmationOpen(true)\n        setToDeleteId(product.id)\n    }\n\n    const handleEdit = (product: Product) => {\n        navigate(`/concepts/products/product-edit/${product.id}`)\n    }\n\n    const handleConfirmDelete = () => {\n        const newProductList = productList.filter((product) => {\n            return !(toDeleteId === product.id)\n        })\n        setSelectAllProduct([])\n        mutate(\n            {\n                list: newProductList,\n                total: productListTotal - selectedProduct.length,\n            },\n            false,\n        )\n        setDeleteConfirmationOpen(false)\n        setToDeleteId('')\n    }\n\n    const {\n        productList,\n        productListTotal,\n        tableData,\n        isLoading,\n        setTableData,\n        setSelectAllProduct,\n        setSelectedProduct,\n        selectedProduct,\n        mutate,\n    } = useProductList()\n\n    const columns: ColumnDef<Product>[] = useMemo(\n        () => [\n            {\n                header: 'Product',\n                accessorKey: 'name',\n                cell: (props) => {\n                    const row = props.row.original\n                    return <ProductColumn row={row} />\n                },\n            },\n            {\n                header: 'Price',\n                accessorKey: 'price',\n                cell: (props) => {\n                    const { price } = props.row.original\n                    return (\n                        <span className=\"font-bold heading-text\">\n                            <NumericFormat\n                                fixedDecimalScale\n                                prefix=\"$\"\n                                displayType=\"text\"\n                                value={price}\n                                decimalScale={2}\n                                thousandSeparator={true}\n                            />\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Quantity',\n                accessorKey: 'stock',\n                cell: (props) => {\n                    const row = props.row.original\n                    return (\n                        <span className=\"font-bold heading-text\">\n                            {row.stock}\n                        </span>\n                    )\n                },\n            },\n            {\n                header: 'Sales',\n                accessorKey: 'status',\n                cell: (props) => {\n                    const { salesPercentage, sales } = props.row.original\n                    return (\n                        <div className=\"flex flex-col gap-1\">\n                            <span className=\"flex gap-1\">\n                                <span className=\"font-semibold\">\n                                    <NumericFormat\n                                        displayType=\"text\"\n                                        value={sales}\n                                        thousandSeparator={true}\n                                    />\n                                </span>\n                                <span>Sales</span>\n                            </span>\n                            <Progress\n                                percent={salesPercentage}\n                                showInfo={false}\n                                customColorClass={classNames(\n                                    'bg-error',\n                                    salesPercentage > 40 && 'bg-warning',\n                                    salesPercentage > 70 && 'bg-success',\n                                )}\n                            />\n                        </div>\n                    )\n                },\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <ActionColumn\n                        onEdit={() => handleEdit(props.row.original)}\n                        onDelete={() => handleDelete(props.row.original)}\n                    />\n                ),\n            },\n        ],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    )\n\n    const handleSetTableData = (data: TableQueries) => {\n        setTableData(data)\n        if (selectedProduct.length > 0) {\n            setSelectAllProduct([])\n        }\n    }\n\n    const handlePaginationChange = (page: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageIndex = page\n        handleSetTableData(newTableData)\n    }\n\n    const handleSelectChange = (value: number) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.pageSize = Number(value)\n        newTableData.pageIndex = 1\n        handleSetTableData(newTableData)\n    }\n\n    const handleSort = (sort: OnSortParam) => {\n        const newTableData = cloneDeep(tableData)\n        newTableData.sort = sort\n        handleSetTableData(newTableData)\n    }\n\n    const handleRowSelect = (checked: boolean, row: Product) => {\n        setSelectedProduct(checked, row)\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Product>[]) => {\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            setSelectAllProduct(originalRows)\n        } else {\n            setSelectAllProduct([])\n        }\n    }\n\n    return (\n        <>\n            <DataTable\n                selectable\n                columns={columns}\n                data={productList}\n                noData={!isLoading && productList.length === 0}\n                skeletonAvatarColumns={[0]}\n                skeletonAvatarProps={{ width: 28, height: 28 }}\n                loading={isLoading}\n                pagingData={{\n                    total: productListTotal,\n                    pageIndex: tableData.pageIndex as number,\n                    pageSize: tableData.pageSize as number,\n                }}\n                checkboxChecked={(row) =>\n                    selectedProduct.some((selected) => selected.id === row.id)\n                }\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n            <ConfirmDialog\n                isOpen={deleteConfirmationOpen}\n                type=\"danger\"\n                title=\"Remove products\"\n                onClose={handleCancel}\n                onRequestClose={handleCancel}\n                onCancel={handleCancel}\n                onConfirm={handleConfirmDelete}\n            >\n                <p>\n                    {' '}\n                    Are you sure you want to remove this product? This action\n                    can&apos;t be undo.{' '}\n                </p>\n            </ConfirmDialog>\n        </>\n    )\n}\n\nexport default ProductListTable\n"],"names":["ProductColumn","row","jsxs","jsx","Avatar","FiPackage","ActionColumn","onEdit","onDelete","Tooltip","TbPencil","TbTrash","ProductListTable","navigate","useNavigate","deleteConfirmationOpen","setDeleteConfirmationOpen","useState","toDeleteId","setToDeleteId","handleCancel","handleDelete","product","handleEdit","handleConfirmDelete","newProductList","productList","setSelectAllProduct","mutate","productListTotal","selectedProduct","tableData","isLoading","setTableData","setSelectedProduct","useProductList","columns","useMemo","props","price","NumericFormat","salesPercentage","sales","Progress","classNames","handleSetTableData","data","handlePaginationChange","page","newTableData","cloneDeep","handleSelectChange","value","handleSort","sort","handleRowSelect","checked","handleAllRowSelect","rows","originalRows","Fragment","DataTable","selected","ConfirmDialog"],"mappings":"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"}

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.js

@@ -1,182 +0,0 @@
-import { jsx as e, jsxs as n, Fragment as C } from "react/jsx-runtime";
-import { useState as N } from "react";
-import "../../../../../components/ui/Button/index.js";
-import "../../../../../components/ui/Drawer/index.js";
-import { Checkbox as d } from "../../../../../components/ui/Checkbox/index.js";
-import "../../../../../components/ui/Badge/index.js";
-import "../../../../../components/ui/Select/index.js";
-import { components as S } from "react-select";
-import "../../../../../components/ui/Form/index.js";
-import f from "../../../../../components/shared/NumericInput.js";
-import y from "../hooks/useProductList.js";
-import { TbFilter as F, TbMinus as P } from "react-icons/tb";
-import { useForm as A, Controller as i } from "react-hook-form";
-import { zodResolver as O } from "@hookform/resolvers/zod";
-import { z as a } from "zod";
-import T from "../../../../../utils/classNames.js";
-import j from "../../../../../components/ui/Select/Option.js";
-import v from "../../../../../components/ui/Badge/Badge.js";
-import h from "../../../../../components/ui/Button/Button.js";
-import w from "../../../../../components/ui/Drawer/Drawer.js";
-import { Form as D } from "../../../../../components/ui/Form/Form.js";
-import c from "../../../../../components/ui/Form/FormItem.js";
-import I from "../../../../../components/ui/Select/Select.js";
-const { Control: V } = S, b = [
-  { value: "published", label: "Published", className: "bg-emerald-500" },
-  { value: "inactive", label: "Inactive", className: "bg-red-500" },
-  { value: "scheduled", label: "Scheduled", className: "bg-amber-500" },
-  { value: "draft", label: "Draft", className: "bg-gray-400" }
-], B = ["Bags", "Cloths", "Devices", "Shoes", "Watches"], L = (s) => /* @__PURE__ */ e(
-  j,
-  {
-    ...s,
-    customLabel: (o, l) => /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(v, { className: o.className }),
-      /* @__PURE__ */ e("span", { className: "ml-2 rtl:mr-2", children: l })
-    ] })
-  }
-), k = ({ children: s, ...o }) => {
-  const l = o.getValue()[0];
-  return /* @__PURE__ */ n(V, { ...o, children: [
-    l && /* @__PURE__ */ e(v, { className: T("ml-4", l.className) }),
-    s
-  ] });
-}, z = a.object({
-  minAmount: a.union([a.string(), a.number()]),
-  maxAmount: a.union([a.string(), a.number()]),
-  productStatus: a.string(),
-  productType: a.array(a.string())
-}), me = () => {
-  const [s, o] = N(!1), { filterData: l, setFilterData: g } = y(), { handleSubmit: x, control: m, getValues: p } = A({
-    defaultValues: l,
-    resolver: O(z)
-  });
-  return /* @__PURE__ */ n(C, { children: [
-    /* @__PURE__ */ e(h, { icon: /* @__PURE__ */ e(F, {}), onClick: () => o(!0), children: "Filter" }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        title: "Filter",
-        isOpen: s,
-        onClose: () => o(!1),
-        onRequestClose: () => o(!1),
-        children: /* @__PURE__ */ n(
-          D,
-          {
-            className: "h-full",
-            containerClassName: "flex flex-col justify-between h-full",
-            onSubmit: x((t) => {
-              g(t), o(!1);
-            }),
-            children: [
-              /* @__PURE__ */ n("div", { children: [
-                /* @__PURE__ */ e(c, { label: "Product price", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e(
-                    i,
-                    {
-                      name: "minAmount",
-                      control: m,
-                      render: ({ field: t }) => /* @__PURE__ */ e(
-                        f,
-                        {
-                          thousandSeparator: !0,
-                          type: "text",
-                          inputPrefix: "$",
-                          autoComplete: "off",
-                          placeholder: "0.00",
-                          value: t.value,
-                          max: p("maxAmount"),
-                          isAllowed: (r) => {
-                            const { floatValue: u } = r;
-                            return (u || 0) <= p(
-                              "maxAmount"
-                            );
-                          },
-                          onChange: (r) => t.onChange(r.target.value)
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(P, {}) }),
-                  /* @__PURE__ */ e(
-                    i,
-                    {
-                      name: "maxAmount",
-                      control: m,
-                      render: ({ field: t }) => /* @__PURE__ */ e(
-                        f,
-                        {
-                          thousandSeparator: !0,
-                          type: "text",
-                          inputPrefix: "$",
-                          autoComplete: "off",
-                          placeholder: "0.00",
-                          value: t.value,
-                          onChange: t.onChange
-                        }
-                      )
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ e(c, { label: "Product status", children: /* @__PURE__ */ e(
-                  i,
-                  {
-                    name: "productStatus",
-                    control: m,
-                    render: ({ field: t }) => /* @__PURE__ */ e(
-                      I,
-                      {
-                        options: b,
-                        ...t,
-                        value: b.filter(
-                          (r) => r.value === t.value
-                        ),
-                        components: {
-                          Option: L,
-                          Control: k
-                        },
-                        onChange: (r) => t.onChange(r == null ? void 0 : r.value)
-                      }
-                    )
-                  }
-                ) }),
-                /* @__PURE__ */ e(c, { label: "Product type", children: /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
-                  i,
-                  {
-                    name: "productType",
-                    control: m,
-                    render: ({ field: t }) => /* @__PURE__ */ e(
-                      d.Group,
-                      {
-                        vertical: !0,
-                        className: "flex",
-                        ...t,
-                        children: B.map(
-                          (r, u) => /* @__PURE__ */ e(
-                            d,
-                            {
-                              name: t.name,
-                              value: r,
-                              className: "justify-between flex-row-reverse heading-text",
-                              children: r
-                            },
-                            r + u
-                          )
-                        )
-                      }
-                    )
-                  }
-                ) }) })
-              ] }),
-              /* @__PURE__ */ e(h, { variant: "solid", type: "submit", children: "Query" })
-            ]
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  me as default
-};
-//# sourceMappingURL=ProductTableFilter.js.map

package/dist/lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductTableFilter.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/components/ProductTableFilter.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Badge from '@/components/ui/Badge'\nimport Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport { components } from 'react-select'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport NumericInput from '@/components/shared/NumericInput'\nimport useProductList from '../hooks/useProductList'\nimport { TbFilter, TbMinus } from 'react-icons/tb'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\nimport type { ControlProps, OptionProps } from 'react-select'\nimport classNames from '@/utils/classNames'\n\ntype FormSchema = {\n    minAmount: number | string\n    maxAmount: number | string\n    productStatus: string\n    productType: Array<string>\n}\n\ntype Option = {\n    value: string\n    label: string\n    className: string\n}\n\nconst { Control } = components\n\nconst productStatusOption: Option[] = [\n    { value: 'published', label: 'Published', className: 'bg-emerald-500' },\n    { value: 'inactive', label: 'Inactive', className: 'bg-red-500' },\n    { value: 'scheduled', label: 'Scheduled', className: 'bg-amber-500' },\n    { value: 'draft', label: 'Draft', className: 'bg-gray-400' },\n]\n\nconst productTypeList = ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches']\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Badge className={data.className} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Badge className={classNames('ml-4', selected.className)} />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    minAmount: z.union([z.string(), z.number()]),\n    maxAmount: z.union([z.string(), z.number()]),\n    productStatus: z.string(),\n    productType: z.array(z.string()),\n})\n\nconst ProductTableFilter = () => {\n    const [filterIsOpen, setFilterIsOpen] = useState(false)\n\n    const { filterData, setFilterData } = useProductList()\n\n    const { handleSubmit, control, getValues } = useForm<FormSchema>({\n        defaultValues: filterData,\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setFilterData(values)\n        setFilterIsOpen(false)\n    }\n\n    return (\n        <>\n            <Button icon={<TbFilter />} onClick={() => setFilterIsOpen(true)}>\n                Filter\n            </Button>\n            <Drawer\n                title=\"Filter\"\n                isOpen={filterIsOpen}\n                onClose={() => setFilterIsOpen(false)}\n                onRequestClose={() => setFilterIsOpen(false)}\n            >\n                <Form\n                    className=\"h-full\"\n                    containerClassName=\"flex flex-col justify-between h-full\"\n                    onSubmit={handleSubmit(onSubmit)}\n                >\n                    <div>\n                        <FormItem label=\"Product price\">\n                            <div className=\"flex items-center gap-2\">\n                                <Controller\n                                    name=\"minAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            max={getValues('maxAmount')}\n                                            isAllowed={(values) => {\n                                                const { floatValue } = values\n                                                return (\n                                                    (floatValue || 0) <=\n                                                    (getValues(\n                                                        'maxAmount',\n                                                    ) as number)\n                                                )\n                                            }}\n                                            onChange={(e) =>\n                                                field.onChange(e.target.value)\n                                            }\n                                        />\n                                    )}\n                                />\n                                <span>\n                                    <TbMinus />\n                                </span>\n                                <Controller\n                                    name=\"maxAmount\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <NumericInput\n                                            thousandSeparator\n                                            type=\"text\"\n                                            inputPrefix=\"$\"\n                                            autoComplete=\"off\"\n                                            placeholder=\"0.00\"\n                                            value={field.value}\n                                            onChange={field.onChange}\n                                        />\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                        <FormItem label=\"Product status\">\n                            <Controller\n                                name=\"productStatus\"\n                                control={control}\n                                render={({ field }) => (\n                                    <Select<Option>\n                                        options={productStatusOption}\n                                        {...field}\n                                        value={productStatusOption.filter(\n                                            (option) =>\n                                                option.value === field.value,\n                                        )}\n                                        components={{\n                                            Option: CustomSelectOption,\n                                            Control: CustomControl,\n                                        }}\n                                        onChange={(option) =>\n                                            field.onChange(option?.value)\n                                        }\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem label=\"Product type\">\n                            <div className=\"mt-4\">\n                                <Controller\n                                    name=\"productType\"\n                                    control={control}\n                                    render={({ field }) => (\n                                        <Checkbox.Group\n                                            vertical\n                                            className=\"flex\"\n                                            {...field}\n                                        >\n                                            {productTypeList.map(\n                                                (type, index) => (\n                                                    <Checkbox\n                                                        key={type + index}\n                                                        name={field.name}\n                                                        value={type}\n                                                        className=\"justify-between flex-row-reverse heading-text\"\n                                                    >\n                                                        {type}\n                                                    </Checkbox>\n                                                ),\n                                            )}\n                                        </Checkbox.Group>\n                                    )}\n                                />\n                            </div>\n                        </FormItem>\n                    </div>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Query\n                    </Button>\n                </Form>\n            </Drawer>\n        </>\n    )\n}\n\nexport default ProductTableFilter\n"],"names":["Control","components","productStatusOption","productTypeList","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Badge","CustomControl","children","selected","classNames","validationSchema","z","ProductTableFilter","filterIsOpen","setFilterIsOpen","useState","filterData","setFilterData","useProductList","handleSubmit","control","getValues","useForm","zodResolver","Fragment","Button","TbFilter","Drawer","Form","values","FormItem","Controller","field","NumericInput","floatValue","e","TbMinus","Select","option","Checkbox","type","index"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,EAAE,SAAAA,EAAY,IAAAC,GAEdC,IAAgC;AAAA,EAClC,EAAE,OAAO,aAAa,OAAO,aAAa,WAAW,iBAAiB;AAAA,EACtE,EAAE,OAAO,YAAY,OAAO,YAAY,WAAW,aAAa;AAAA,EAChE,EAAE,OAAO,aAAa,OAAO,aAAa,WAAW,eAAe;AAAA,EACpE,EAAE,OAAO,SAAS,OAAO,SAAS,WAAW,cAAc;AAC/D,GAEMC,IAAkB,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS,GAElEC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MACf,gBAAAC,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAC,gBAAAJ,EAAAK,GAAA,EAAM,WAAWH,EAAK,UAAW,CAAA;AAAA,MACjC,gBAAAF,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAMG,EAAA,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA;AAER,GAIFG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAkC;AACpE,QAAMS,IAAWT,EAAM,SAAS,EAAE,CAAC;AAE/B,SAAA,gBAAAK,EAACV,GAAS,EAAA,GAAGK,GACR,UAAA;AAAA,IAAAS,uBACIH,GAAM,EAAA,WAAWI,EAAW,QAAQD,EAAS,SAAS,GAAG;AAAA,IAE7DD;AAAA,EAAA,GACL;AAER,GAEMG,IAAwCC,EAAE,OAAO;AAAA,EACnD,WAAWA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAO,CAAC,CAAC;AAAA,EAC3C,WAAWA,EAAE,MAAM,CAACA,EAAE,UAAUA,EAAE,OAAO,CAAC,CAAC;AAAA,EAC3C,eAAeA,EAAE,OAAO;AAAA,EACxB,aAAaA,EAAE,MAAMA,EAAE,OAAQ,CAAA;AACnC,CAAC,GAEKC,KAAqB,MAAM;AAC7B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhD,EAAE,YAAAC,GAAY,eAAAC,EAAc,IAAIC,EAAe,GAE/C,EAAE,cAAAC,GAAc,SAAAC,GAAS,WAAAC,EAAA,IAAcC,EAAoB;AAAA,IAC7D,eAAeN;AAAA,IACf,UAAUO,EAAYb,CAAgB;AAAA,EAAA,CACzC;AAOD,SAEQ,gBAAAN,EAAAoB,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAxB,EAAAyB,GAAA,EAAO,MAAM,gBAAAzB,EAAC0B,GAAS,CAAA,CAAA,GAAI,SAAS,MAAMZ,EAAgB,EAAI,GAAG,UAElE,SAAA,CAAA;AAAA,IACA,gBAAAd;AAAA,MAAC2B;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAQd;AAAA,QACR,SAAS,MAAMC,EAAgB,EAAK;AAAA,QACpC,gBAAgB,MAAMA,EAAgB,EAAK;AAAA,QAE3C,UAAA,gBAAAV;AAAA,UAACwB;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,oBAAmB;AAAA,YACnB,UAAUT,EAnBT,CAACU,MAAuB;AACrC,cAAAZ,EAAcY,CAAM,GACpBf,EAAgB,EAAK;AAAA,YACzB,CAgB+C;AAAA,YAE/B,UAAA;AAAA,cAAA,gBAAAV,EAAC,OACG,EAAA,UAAA;AAAA,gBAAA,gBAAAJ,EAAC8B,KAAS,OAAM,iBACZ,UAAC,gBAAA1B,EAAA,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAJ;AAAA,oBAAC+B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAX;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,wBAACiC;AAAA,wBAAA;AAAA,0BACG,mBAAiB;AAAA,0BACjB,MAAK;AAAA,0BACL,aAAY;AAAA,0BACZ,cAAa;AAAA,0BACb,aAAY;AAAA,0BACZ,OAAOD,EAAM;AAAA,0BACb,KAAKX,EAAU,WAAW;AAAA,0BAC1B,WAAW,CAACQ,MAAW;AACb,kCAAA,EAAE,YAAAK,MAAeL;AACvB,oCACKK,KAAc,MACdb;AAAA,8BACG;AAAA,4BACJ;AAAA,0BAER;AAAA,0BACA,UAAU,CAACc,MACPH,EAAM,SAASG,EAAE,OAAO,KAAK;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAErC;AAAA,kBAER;AAAA,kBACC,gBAAAnC,EAAA,QAAA,EACG,UAAC,gBAAAA,EAAAoC,GAAA,CAAQ,CAAA,GACb;AAAA,kBACA,gBAAApC;AAAA,oBAAC+B;AAAA,oBAAA;AAAA,sBACG,MAAK;AAAA,sBACL,SAAAX;AAAA,sBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,wBAACiC;AAAA,wBAAA;AAAA,0BACG,mBAAiB;AAAA,0BACjB,MAAK;AAAA,0BACL,aAAY;AAAA,0BACZ,cAAa;AAAA,0BACb,aAAY;AAAA,0BACZ,OAAOD,EAAM;AAAA,0BACb,UAAUA,EAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACpB;AAAA,kBAAA;AAAA,gBAER,EAAA,CACJ,EACJ,CAAA;AAAA,gBACA,gBAAAhC,EAAC8B,GAAS,EAAA,OAAM,kBACZ,UAAA,gBAAA9B;AAAA,kBAAC+B;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAX;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,sBAACqC;AAAA,sBAAA;AAAA,wBACG,SAASzC;AAAA,wBACR,GAAGoC;AAAA,wBACJ,OAAOpC,EAAoB;AAAA,0BACvB,CAAC0C,MACGA,EAAO,UAAUN,EAAM;AAAA,wBAC/B;AAAA,wBACA,YAAY;AAAA,0BACR,QAAQlC;AAAA,0BACR,SAASQ;AAAA,wBACb;AAAA,wBACA,UAAU,CAACgC,MACPN,EAAM,SAASM,KAAA,gBAAAA,EAAQ,KAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAEpC;AAAA,gBAAA,GAGZ;AAAA,kCACCR,GAAS,EAAA,OAAM,gBACZ,UAAC,gBAAA9B,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,kBAAC+B;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,SAAAX;AAAA,oBACA,QAAQ,CAAC,EAAE,OAAAY,EAAA,MACP,gBAAAhC;AAAA,sBAACuC,EAAS;AAAA,sBAAT;AAAA,wBACG,UAAQ;AAAA,wBACR,WAAU;AAAA,wBACT,GAAGP;AAAA,wBAEH,UAAgBnC,EAAA;AAAA,0BACb,CAAC2C,GAAMC,MACH,gBAAAzC;AAAA,4BAACuC;AAAA,4BAAA;AAAA,8BAEG,MAAMP,EAAM;AAAA,8BACZ,OAAOQ;AAAA,8BACP,WAAU;AAAA,8BAET,UAAAA;AAAA,4BAAA;AAAA,4BALIA,IAAOC;AAAA,0BAAA;AAAA,wBAMhB;AAAA,sBAER;AAAA,oBAAA;AAAA,kBACJ;AAAA,mBAGZ,EACJ,CAAA;AAAA,cAAA,GACJ;AAAA,gCACChB,GAAO,EAAA,SAAQ,SAAQ,MAAK,UAAS,UAEtC,QAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.js

@@ -1,39 +0,0 @@
-import { apiGetProductList as L } from "../../../../../services/ProductService.js";
-import P from "swr";
-import { useProductListStore as D } from "../store/productListStore.js";
-const T = () => {
-  const {
-    tableData: e,
-    filterData: o,
-    setTableData: s,
-    setFilterData: c,
-    selectedProduct: i,
-    setSelectedProduct: u,
-    setSelectAllProduct: a
-  } = D((r) => r), { data: t, error: l, isLoading: d, mutate: p } = P(
-    ["/api/products", { ...e, ...o }],
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ([r, f]) => L(f),
-    {
-      revalidateOnFocus: !1
-    }
-  ), n = (t == null ? void 0 : t.list) || [], m = (t == null ? void 0 : t.total) || 0;
-  return {
-    error: l,
-    isLoading: d,
-    tableData: e,
-    filterData: o,
-    mutate: p,
-    productList: n,
-    productListTotal: m,
-    setTableData: s,
-    selectedProduct: i,
-    setSelectedProduct: u,
-    setSelectAllProduct: a,
-    setFilterData: c
-  };
-};
-export {
-  T as default
-};
-//# sourceMappingURL=useProductList.js.map

package/dist/lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProductList.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/hooks/useProductList.ts"],"sourcesContent":["import { apiGetProductList } from '@/services/ProductService'\nimport useSWR from 'swr'\nimport { useProductListStore } from '../store/productListStore'\nimport type { GetProductListResponse } from '../types'\nimport type { TableQueries } from '@/@types/common'\n\nconst useProductList = () => {\n    const {\n        tableData,\n        filterData,\n        setTableData,\n        setFilterData,\n        selectedProduct,\n        setSelectedProduct,\n        setSelectAllProduct,\n    } = useProductListStore((state) => state)\n\n    const { data, error, isLoading, mutate } = useSWR(\n        ['/api/products', { ...tableData, ...filterData }],\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        ([_, params]) =>\n            apiGetProductList<GetProductListResponse, TableQueries>(params),\n        {\n            revalidateOnFocus: false,\n        },\n    )\n\n    const productList = data?.list || []\n\n    const productListTotal = data?.total || 0\n\n    return {\n        error,\n        isLoading,\n        tableData,\n        filterData,\n        mutate,\n        productList,\n        productListTotal,\n        setTableData,\n        selectedProduct,\n        setSelectedProduct,\n        setSelectAllProduct,\n        setFilterData,\n    }\n}\n\nexport default useProductList\n"],"names":["useProductList","tableData","filterData","setTableData","setFilterData","selectedProduct","setSelectedProduct","setSelectAllProduct","useProductListStore","state","data","error","isLoading","mutate","useSWR","_","params","apiGetProductList","productList","productListTotal"],"mappings":";;;AAMA,MAAMA,IAAiB,MAAM;AACnB,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAC,EAAoB,CAACC,MAAUA,CAAK,GAElC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,GAAW,QAAAC,EAAW,IAAAC;AAAA,IACvC,CAAC,iBAAiB,EAAE,GAAGb,GAAW,GAAGC,GAAY;AAAA;AAAA,IAEjD,CAAC,CAACa,GAAGC,CAAM,MACPC,EAAwDD,CAAM;AAAA,IAClE;AAAA,MACI,mBAAmB;AAAA,IAAA;AAAA,EAE3B,GAEME,KAAcR,KAAA,gBAAAA,EAAM,SAAQ,CAAC,GAE7BS,KAAmBT,KAAA,gBAAAA,EAAM,UAAS;AAEjC,SAAA;AAAA,IACH,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAX;AAAA,IACA,YAAAC;AAAA,IACA,QAAAW;AAAA,IACA,aAAAK;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAhB;AAAA,IACA,iBAAAE;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAH;AAAA,EACJ;AACJ;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/index.js

@@ -1,5 +0,0 @@
-import o from "./ProductList.js";
-export {
-  o as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/concepts/products/ProductList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/@ecme/views/concepts/products/ProductList/store/productListStore.js

@@ -1,38 +0,0 @@
-import { create as d } from "zustand";
-const l = {
-  pageIndex: 1,
-  pageSize: 10,
-  query: "",
-  sort: {
-    order: "",
-    key: ""
-  }
-}, o = {
-  minAmount: 0,
-  maxAmount: 5e3,
-  productStatus: "published",
-  productType: ["Bags", "Cloths", "Devices", "Shoes", "Watches"]
-}, s = {
-  tableData: l,
-  filterData: o,
-  selectedProduct: []
-}, n = d((e) => ({
-  ...s,
-  setFilterData: (t) => e(() => ({ filterData: t })),
-  setTableData: (t) => e(() => ({ tableData: t })),
-  setSelectedProduct: (t, r) => e((i) => {
-    const a = i.selectedProduct;
-    return t ? { selectedProduct: [...a, r] } : a.some((c) => r.id === c.id) ? {
-      selectedProduct: a.filter(
-        (c) => c.id !== r.id
-      )
-    } : { selectedProduct: a };
-  }),
-  setSelectAllProduct: (t) => e(() => ({ selectedProduct: t }))
-}));
-export {
-  o as initialFilterData,
-  l as initialTableData,
-  n as useProductListStore
-};
-//# sourceMappingURL=productListStore.js.map

package/dist/lib/@ecme/views/concepts/products/ProductList/store/productListStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"productListStore.js","sources":["../../../../../../../../lib/@ecme/views/concepts/products/ProductList/store/productListStore.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { TableQueries } from '@/@types/common'\nimport type { Product, Filter } from '../types'\n\nexport const initialTableData: TableQueries = {\n    pageIndex: 1,\n    pageSize: 10,\n    query: '',\n    sort: {\n        order: '',\n        key: '',\n    },\n}\n\nexport const initialFilterData = {\n    minAmount: 0,\n    maxAmount: 5000,\n    productStatus: 'published',\n    productType: ['Bags', 'Cloths', 'Devices', 'Shoes', 'Watches'],\n}\n\nexport type ProductsListState = {\n    tableData: TableQueries\n    filterData: Filter\n    selectedProduct: Partial<Product>[]\n}\n\ntype ProductsListAction = {\n    setFilterData: (payload: Filter) => void\n    setTableData: (payload: TableQueries) => void\n    setSelectedProduct: (checked: boolean, customer: Product) => void\n    setSelectAllProduct: (customer: Product[]) => void\n}\n\nconst initialState: ProductsListState = {\n    tableData: initialTableData,\n    filterData: initialFilterData,\n    selectedProduct: [],\n}\n\nexport const useProductListStore = create<\n    ProductsListState & ProductsListAction\n>((set) => ({\n    ...initialState,\n    setFilterData: (payload) => set(() => ({ filterData: payload })),\n    setTableData: (payload) => set(() => ({ tableData: payload })),\n    setSelectedProduct: (checked, row) =>\n        set((state) => {\n            const prevData = state.selectedProduct\n            if (checked) {\n                return { selectedProduct: [...prevData, ...[row]] }\n            } else {\n                if (prevData.some((prevProduct) => row.id === prevProduct.id)) {\n                    return {\n                        selectedProduct: prevData.filter(\n                            (prevProduct) => prevProduct.id !== row.id,\n                        ),\n                    }\n                }\n                return { selectedProduct: prevData }\n            }\n        }),\n    setSelectAllProduct: (row) => set(() => ({ selectedProduct: row })),\n}))\n"],"names":["initialTableData","initialFilterData","initialState","useProductListStore","create","set","payload","checked","row","state","prevData","prevProduct"],"mappings":";AAIO,MAAMA,IAAiC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,IACF,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAEb,GAEaC,IAAoB;AAAA,EAC7B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,eAAe;AAAA,EACf,aAAa,CAAC,QAAQ,UAAU,WAAW,SAAS,SAAS;AACjE,GAeMC,IAAkC;AAAA,EACpC,WAAWF;AAAA,EACX,YAAYC;AAAA,EACZ,iBAAiB,CAAA;AACrB,GAEaE,IAAsBC,EAEjC,CAACC,OAAS;AAAA,EACR,GAAGH;AAAA,EACH,eAAe,CAACI,MAAYD,EAAI,OAAO,EAAE,YAAYC,IAAU;AAAA,EAC/D,cAAc,CAACA,MAAYD,EAAI,OAAO,EAAE,WAAWC,IAAU;AAAA,EAC7D,oBAAoB,CAACC,GAASC,MAC1BH,EAAI,CAACI,MAAU;AACX,UAAMC,IAAWD,EAAM;AACvB,WAAIF,IACO,EAAE,iBAAiB,CAAC,GAAGG,GAAcF,CAAI,EAAE,IAE9CE,EAAS,KAAK,CAACC,MAAgBH,EAAI,OAAOG,EAAY,EAAE,IACjD;AAAA,MACH,iBAAiBD,EAAS;AAAA,QACtB,CAACC,MAAgBA,EAAY,OAAOH,EAAI;AAAA,MAAA;AAAA,IAEhD,IAEG,EAAE,iBAAiBE,EAAS;AAAA,EACvC,CACH;AAAA,EACL,qBAAqB,CAACF,MAAQH,EAAI,OAAO,EAAE,iBAAiBG,IAAM;AACtE,EAAE;"}

package/dist/lib/@ecme/views/concepts/products/ProductList/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/dist/lib/@ecme/views/concepts/products/ProductList/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}