@orbe-agro/client-core 3.4.3 → 3.4.4

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.js

@@ -1,58 +0,0 @@
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import "../../../../../components/ui/Button/index.js";
-import "../../../../../components/ui/Form/index.js";
-import a from "../../../../../components/shared/CustomFormatInput.js";
-import { useForm as c, Controller as l } from "react-hook-form";
-import { Form as p } from "../../../../../components/ui/Form/Form.js";
-import d from "../../../../../components/ui/Form/FormItem.js";
-import f from "../../../../../components/ui/Button/Button.js";
-function m(r, o) {
-  return r.length === 1 && r[0] > o[0] && (r = "0" + r), r.length === 2 && (Number(r) === 0 ? r = "01" : r > o && (r = o)), r;
-}
-function h(r) {
-  const o = m(r.substring(0, 2), "12"), t = m(r.substring(2, 4), "31");
-  return o + (t.length ? "/" + t : "");
-}
-const B = () => {
-  var i;
-  const {
-    handleSubmit: r,
-    formState: { errors: o },
-    control: t
-  } = c();
-  return /* @__PURE__ */ u(p, { className: "mt-6", onSubmit: r((e) => {
-    console.log(e);
-  }), children: [
-    /* @__PURE__ */ n(
-      d,
-      {
-        label: "Expiration date",
-        invalid: !!o.cardExpiry,
-        errorMessage: (i = o.cardExpiry) == null ? void 0 : i.message,
-        children: /* @__PURE__ */ n(
-          l,
-          {
-            name: "cardExpiry",
-            control: t,
-            render: ({ field: e }) => /* @__PURE__ */ n(
-              a,
-              {
-                placeholder: "••/••",
-                format: h,
-                value: e.value,
-                onValueChange: (s) => {
-                  e.onChange(s.value);
-                }
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ n(f, { block: !0, variant: "solid", type: "submit", children: "Submit" })
-  ] });
-};
-export {
-  B as default
-};
-//# sourceMappingURL=WithForm.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ cardExpiry?: string }>()\n\n    const onSubmit = (value: { cardExpiry?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.cardExpiry)}\n                errorMessage={errors.cardExpiry?.message}\n            >\n                <Controller\n                    name=\"cardExpiry\"\n                    control={control}\n                    render={({ field }) => (\n                        <FormCustomFormatInput\n                            placeholder=\"••/••\"\n                            format={cardExpiryFormat}\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.value)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["limit","val","max","cardExpiryFormat","month","date","WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","_a","Controller","field","FormCustomFormatInput","e","Button"],"mappings":";;;;;;;;AAKA,SAASA,EAAMC,GAAaC,GAAa;AACjC,SAAAD,EAAI,WAAW,KAAKA,EAAI,CAAC,IAAIC,EAAI,CAAC,MAClCD,IAAM,MAAMA,IAGZA,EAAI,WAAW,MACX,OAAOA,CAAG,MAAM,IACVA,IAAA,OACCA,IAAMC,MACPD,IAAAC,KAIPD;AACX;AAEA,SAASE,EAAiBF,GAAa;AACnC,QAAMG,IAAQJ,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI,GACvCI,IAAOL,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI;AAE5C,SAAOG,KAASC,EAAK,SAAS,MAAMA,IAAO;AAC/C;AAEA,MAAMC,IAAW,MAAM;;AACb,QAAA;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAAiC;AAMrC,2BACKC,GAAK,EAAA,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAmC;AACjD,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,eAAP,gBAAAO,EAAmB;AAAA,QAEjC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQf;AAAA,gBACR,OAAOc,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AACZ,kBAAAF,EAAA,SAASE,EAAE,KAAK;AAAA,gBAAA;AAAA,cAC1B;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAE5C,SAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/index.js

@@ -1,99 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import o from "../../../../../components/docs/DemoLayout.js";
-import r from "./Simple.js";
-import n from "./WithForm.js";
-const a = "CustomFormatInputDoc", i = {
-  title: "FormCustomFormatInput",
-  desc: 'FormCustomFormatInput wrapped Input component with <a class="text-primary underline" href="https://github.com/s-yadav/react-number-format" target="_blank">react-number-format</a>.'
-}, m = [
-  {
-    mdName: "Simple",
-    mdPath: a,
-    title: "Simple",
-    desc: 'Basic usage of FormCustomFormatInput, all <a class="text-primary underline" href="https://s-yadav.github.io/react-number-format/docs/customization" target="_blank">react-number-format props</a> can be apply to this component as well.',
-    component: /* @__PURE__ */ e(r, {})
-  },
-  {
-    mdName: "WithForm",
-    mdPath: a,
-    title: "WithForm",
-    desc: 'Example usage with <a class="text-primary underline" href="https://react-hook-form.com/docs/useform" target="_blank">React Hook Form</a>',
-    component: /* @__PURE__ */ e(n, {})
-  }
-], c = [
-  {
-    component: "FormCustomFormatInput",
-    api: [
-      {
-        propName: "inputPrefix",
-        type: "<code>string</code> | <code>ReactNode</code>",
-        default: "-",
-        desc: "Render a prefix content inside Input"
-      },
-      {
-        propName: "inputSuffix",
-        type: "<code>string</code> | <code>ReactNode</code>",
-        default: "-",
-        desc: "Render a suffix content inside Input"
-      },
-      {
-        propName: "format",
-        type: "<code>(value: string) => string</code>",
-        default: "-",
-        desc: "A format function which can turn any numeric string to a formatted string."
-      },
-      {
-        propName: "removeFormatting",
-        type: "<code>(value: string) => string</code>",
-        default: "-",
-        desc: "A function to removing formatting from a formatted string and return numeric string."
-      },
-      {
-        propName: "getCaretBoundary",
-        type: "<code>(formattedValue: string) => boolean[]</code>",
-        default: "-",
-        desc: "A function given a formatted string, returns boundaries of valid cursor position. basically an array of boolean, where index of specify caret position. true at a index signifies user can put their caret at the position, false means the caret position is not allowed and the caret will move to closet allowed position."
-      },
-      {
-        propName: "isValidInputCharacter",
-        type: "<code>(character: string) => boolean</code>",
-        default: "-",
-        desc: "A function to tell if a character in the formatted value is a valid typeable character. You don't need to pass it most of the time, as it defaults numeric characters (0-9). But case like additional character is allowed to type, for example decimal separator in currency format."
-      }
-    ]
-  }
-], s = /* @__PURE__ */ t("div", { className: "demo-api-table mb-12", children: [
-  /* @__PURE__ */ e("h4", { className: "mb-5", children: "Dependencies" }),
-  /* @__PURE__ */ e("h6", { id: "react-number-format-api", className: "mb-3", children: "React number format" }),
-  /* @__PURE__ */ t("p", { children: [
-    "All common React number format props can be applied on this component, refer",
-    " ",
-    /* @__PURE__ */ e(
-      "a",
-      {
-        className: "underline text-primary",
-        href: "https://s-yadav.github.io/react-number-format/docs/props",
-        target: "_blank",
-        rel: "noreferrer",
-        children: "official docs"
-      }
-    ),
-    " ",
-    "for the complete this.props.first list.",
-    " "
-  ] })
-] }), f = () => /* @__PURE__ */ e(
-  o,
-  {
-    innerFrame: !1,
-    header: i,
-    demos: m,
-    api: c,
-    mdPrefixPath: "shared",
-    extra: s
-  }
-);
-export {
-  f as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport WithForm from './WithForm'\n\nconst mdPath = 'CustomFormatInputDoc'\n\nconst demoHeader = {\n    title: 'FormCustomFormatInput',\n    desc: 'FormCustomFormatInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Basic usage of FormCustomFormatInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/customization\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormCustomFormatInput',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'format',\n                type: `<code>(value: string) => string</code>`,\n                default: `-`,\n                desc: 'A format function which can turn any numeric string to a formatted string.',\n            },\n            {\n                propName: 'removeFormatting',\n                type: `<code>(value: string) => string</code>`,\n                default: `-`,\n                desc: 'A function to removing formatting from a formatted string and return numeric string.',\n            },\n            {\n                propName: 'getCaretBoundary',\n                type: `<code>(formattedValue: string) => boolean[]</code>`,\n                default: `-`,\n                desc: 'A function given a formatted string, returns boundaries of valid cursor position. basically an array of boolean, where index of specify caret position. true at a index signifies user can put their caret at the position, false means the caret position is not allowed and the caret will move to closet allowed position.',\n            },\n            {\n                propName: 'isValidInputCharacter',\n                type: `<code>(character: string) => boolean</code>`,\n                default: `-`,\n                desc: `A function to tell if a character in the formatted value is a valid typeable character. You don't need to pass it most of the time, as it defaults numeric characters (0-9). But case like additional character is allowed to type, for example decimal separator in currency format.`,\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst CustomFormatInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default CustomFormatInputDoc\n"],"names":["mdPath","demoHeader","demos","Simple","WithForm","demoApi","reactNumberFormatApi","jsxs","jsx","CustomFormatInputDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,wBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAS,CAAA,CAAA;AAAA,EAAA;AAE7B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,oBAChC,MAAG,EAAA,IAAG,2BAA0B,WAAU,QAAO,UAElD,uBAAA;AAAA,oBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAC5C,CAAA;AAAA,GACJ,GAGEC,IAAuB,MAErB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQT;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,IACb,OAAOC;AAAA,EAAA;AACX;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.js

@@ -1,77 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as s, useMemo as h, useEffect as u } from "react";
-import "../../../../../components/ui/Button/index.js";
-import S from "../../../../../components/shared/DataTable.js";
-import { apiGetCustomersList as x } from "../../../../../services/CustomersService.js";
-import D from "../../../../../components/ui/Button/Button.js";
-const A = () => {
-  const [c, l] = s([]), [g, i] = s(!1), [a, o] = s({
-    total: 0,
-    pageIndex: 1,
-    pageSize: 10,
-    query: "",
-    sort: {
-      order: "",
-      key: ""
-    }
-  }), d = h(() => [
-    {
-      header: "Name",
-      accessorKey: "name"
-    },
-    {
-      header: "Email",
-      accessorKey: "email"
-    },
-    {
-      header: "",
-      id: "action",
-      cell: (t) => /* @__PURE__ */ r(
-        D,
-        {
-          size: "xs",
-          onClick: () => console.log("Action clicked", t),
-          children: "Action"
-        }
-      )
-    }
-  ], []), m = (t) => {
-    o((e) => ({ ...e, pageIndex: t }));
-  }, p = (t) => {
-    o((e) => ({ ...e, pageSize: t }));
-  }, f = ({ order: t, key: e }) => {
-    o((n) => ({
-      ...n,
-      sort: { order: t, key: e }
-    }));
-  };
-  return u(() => {
-    (async () => {
-      i(!0);
-      const e = await x(a);
-      e && (l(e.list), i(!1), o((n) => ({
-        ...n,
-        total: e.total
-      })));
-    })();
-  }, [a.pageIndex, a.sort, a.pageSize]), /* @__PURE__ */ r(
-    S,
-    {
-      columns: d,
-      data: c,
-      loading: g,
-      pagingData: {
-        total: a.total,
-        pageIndex: a.pageIndex,
-        pageSize: a.pageSize
-      },
-      onPaginationChange: m,
-      onSelectChange: p,
-      onSort: f
-    }
-  );
-};
-export {
-  A as default
-};
-//# sourceMappingURL=Basic.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type { ColumnDef, OnSortParam } from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Basic = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [tableData, setTableData] = useState<{\n        pageIndex: number\n        pageSize: number\n        sort: {\n            order: '' | 'asc' | 'desc'\n            key: string | number\n        }\n        query: string\n        total: number\n    }>({\n        total: 0,\n        pageIndex: 1,\n        pageSize: 10,\n        query: '',\n        sort: {\n            order: '',\n            key: '',\n        },\n    })\n\n    const columns: ColumnDef<Customer>[] = useMemo(() => {\n        return [\n            {\n                header: 'Name',\n                accessorKey: 'name',\n            },\n            {\n                header: 'Email',\n                accessorKey: 'email',\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <Button\n                        size=\"xs\"\n                        onClick={() => console.log('Action clicked', props)}\n                    >\n                        Action\n                    </Button>\n                ),\n            },\n        ]\n    }, [])\n\n    const handlePaginationChange = (pageIndex: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n    }\n\n    const handleSelectChange = (pageSize: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n    }\n\n    const handleSort = ({ order, key }: OnSortParam) => {\n        setTableData((prevData) => ({\n            ...prevData,\n            sort: { order, key },\n        }))\n    }\n\n    useEffect(() => {\n        const fetchData = async () => {\n            setLoading(true)\n            const response = await apiGetCustomersList<\n                { list: Customer[]; total: number },\n                NonNullable<unknown>\n            >(tableData)\n            if (response) {\n                setData(response.list)\n                setLoading(false)\n                setTableData((prevData) => ({\n                    ...prevData,\n                    ...{ total: response.total },\n                }))\n            }\n        }\n        fetchData()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n    return (\n        <DataTable<Customer>\n            columns={columns}\n            data={data}\n            loading={loading}\n            pagingData={{\n                total: tableData.total,\n                pageIndex: tableData.pageIndex,\n                pageSize: tableData.pageSize,\n            }}\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n        />\n    )\n}\n\nexport default Basic\n"],"names":["Basic","data","setData","useState","loading","setLoading","tableData","setTableData","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","DataTable"],"mappings":";;;;;;AAYA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAS/B;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,MACF,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACT,CACH,GAEKK,IAAiCC,EAAQ,MACpC;AAAA,IACH;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,CAACC,MACH,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI,kBAAkBF,CAAK;AAAA,UACrD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAGZ,GACD,EAAE,GAECG,IAAyB,CAACC,MAAsB;AACrC,IAAAP,EAAA,CAACQ,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,EAClE,GAEME,IAAqB,CAACC,MAAqB;AAChC,IAAAV,EAAA,CAACQ,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,EACjE,GAEMC,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,IAAAb,EAAa,CAACQ,OAAc;AAAA,MACxB,GAAGA;AAAA,MACH,MAAM,EAAE,OAAAI,GAAO,KAAAC,EAAI;AAAA,IAAA,EACrB;AAAA,EACN;AAEA,SAAAC,EAAU,MAAM;AAgBF,KAfQ,YAAY;AAC1B,MAAAhB,EAAW,EAAI;AACT,YAAAiB,IAAW,MAAMC,EAGrBjB,CAAS;AACX,MAAIgB,MACApB,EAAQoB,EAAS,IAAI,GACrBjB,EAAW,EAAK,GAChBE,EAAa,CAACQ,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOO,EAAS;AAAA,MAAM,EAC7B;AAAA,IAEV,GACU;AAAA,EAAA,GAEX,CAAChB,EAAU,WAAWA,EAAU,MAAMA,EAAU,QAAQ,CAAC,GAGxD,gBAAAK;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,SAAAhB;AAAA,MACA,MAAAP;AAAA,MACA,SAAAG;AAAA,MACA,YAAY;AAAA,QACR,OAAOE,EAAU;AAAA,QACjB,WAAWA,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MACxB;AAAA,MACA,oBAAoBO;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,IAAA;AAAA,EACZ;AAER;"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.js

@@ -1,97 +0,0 @@
-import { jsx as l, jsxs as R, Fragment as B } from "react/jsx-runtime";
-import { useState as i, useMemo as w, useEffect as z } from "react";
-import "../../../../../components/ui/Button/index.js";
-import I from "../../../../../components/shared/DataTable.js";
-import { apiGetCustomersList as j } from "../../../../../services/CustomersService.js";
-import m from "../../../../../components/ui/Button/Button.js";
-const T = () => {
-  const [g, f] = i([]), [u, d] = i(!1), [h, a] = i([]), [o, s] = i({
-    total: 0,
-    pageIndex: 1,
-    pageSize: 10,
-    query: "",
-    sort: {
-      order: "",
-      key: ""
-    }
-  }), p = (t) => {
-    console.log("Action clicked", t);
-  }, C = () => {
-    console.log("selectedRows", h);
-  }, S = w(
-    () => [
-      {
-        header: "Name",
-        accessorKey: "name"
-      },
-      {
-        header: "Email",
-        accessorKey: "email"
-      },
-      {
-        header: "",
-        id: "action",
-        cell: (t) => /* @__PURE__ */ l(m, { size: "xs", onClick: () => p(t), children: "Action" })
-      }
-    ],
-    []
-  ), x = (t) => {
-    s((e) => ({ ...e, pageIndex: t }));
-  }, k = (t) => {
-    s((e) => ({ ...e, pageSize: t }));
-  }, b = ({ order: t, key: e }) => {
-    s((n) => ({
-      ...n,
-      sort: { order: t, key: e }
-    }));
-  }, y = (t, e) => {
-    console.log("row", e), a(t ? (n) => n.includes(e.name) ? n : [...n, e.name] : (n) => n.includes(e.name) ? n.filter((c) => c !== e.name) : n);
-  }, A = (t, e) => {
-    if (console.log("rows", e), t) {
-      const n = e.map((r) => r.original), c = [];
-      n.forEach((r) => {
-        c.push(r.name);
-      }), a(c);
-    } else
-      a([]);
-  };
-  return z(() => {
-    (async () => {
-      d(!0);
-      const e = await j(o);
-      e.list && (f(e.list), d(!1), s((n) => ({
-        ...n,
-        total: e.total
-      })));
-    })();
-  }, [o.pageIndex, o.sort, o.pageSize]), /* @__PURE__ */ R(B, { children: [
-    h.length > 0 && /* @__PURE__ */ l("div", { className: "flex justify-end mb-4", children: /* @__PURE__ */ l(
-      m,
-      {
-        size: "sm",
-        variant: "solid",
-        onClick: C,
-        children: "Batch Action"
-      }
-    ) }),
-    /* @__PURE__ */ l(
-      I,
-      {
-        selectable: !0,
-        columns: S,
-        data: g,
-        loading: u,
-        pagingData: o,
-        onPaginationChange: x,
-        onSelectChange: k,
-        onSort: b,
-        onCheckBoxChange: y,
-        onIndeterminateCheckBoxChange: A
-      }
-    )
-  ] });
-};
-export {
-  T as default
-};
-//# sourceMappingURL=Checkable.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkable.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n    ColumnDef,\n    OnSortParam,\n    CellContext,\n    Row,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Checkable = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [selectedRows, setSelectedRows] = useState<string[]>([])\n    const [tableData, setTableData] = useState<{\n        pageIndex: number\n        pageSize: number\n        sort: {\n            order: '' | 'asc' | 'desc'\n            key: string | number\n        }\n        query: string\n        total: number\n    }>({\n        total: 0,\n        pageIndex: 1,\n        pageSize: 10,\n        query: '',\n        sort: {\n            order: '',\n            key: '',\n        },\n    })\n\n    const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n        console.log('Action clicked', cellProps)\n    }\n\n    const handleBatchAction = () => {\n        console.log('selectedRows', selectedRows)\n    }\n\n    const columns: ColumnDef<Customer>[] = useMemo(\n        () => [\n            {\n                header: 'Name',\n                accessorKey: 'name',\n            },\n            {\n                header: 'Email',\n                accessorKey: 'email',\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <Button size=\"xs\" onClick={() => handleAction(props)}>\n                        Action\n                    </Button>\n                ),\n            },\n        ],\n        [],\n    )\n\n    const handlePaginationChange = (pageIndex: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n    }\n\n    const handleSelectChange = (pageSize: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n    }\n\n    const handleSort = ({ order, key }: OnSortParam) => {\n        setTableData((prevData) => ({\n            ...prevData,\n            ...{ sort: { order, key } },\n        }))\n    }\n\n    const handleRowSelect = (checked: boolean, row: Customer) => {\n        console.log('row', row)\n        if (checked) {\n            setSelectedRows((prevData) => {\n                if (!prevData.includes(row.name)) {\n                    return [...prevData, ...[row.name]]\n                }\n                return prevData\n            })\n        } else {\n            setSelectedRows((prevData) => {\n                if (prevData.includes(row.name)) {\n                    return prevData.filter((id) => id !== row.name)\n                }\n                return prevData\n            })\n        }\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n        console.log('rows', rows)\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            const selectedIds: string[] = []\n            originalRows.forEach((row) => {\n                selectedIds.push(row.name)\n            })\n            setSelectedRows(selectedIds)\n        } else {\n            setSelectedRows([])\n        }\n    }\n\n    useEffect(() => {\n        const fetchData = async () => {\n            setLoading(true)\n            const response = await apiGetCustomersList<\n                { list: Customer[]; total: number },\n                NonNullable<unknown>\n            >(tableData)\n            if (response.list) {\n                setData(response.list)\n                setLoading(false)\n                setTableData((prevData) => ({\n                    ...prevData,\n                    ...{ total: response.total },\n                }))\n            }\n        }\n        fetchData()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n    return (\n        <>\n            {selectedRows.length > 0 && (\n                <div className=\"flex justify-end mb-4\">\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        onClick={handleBatchAction}\n                    >\n                        Batch Action\n                    </Button>\n                </div>\n            )}\n            <DataTable<Customer>\n                selectable\n                columns={columns}\n                data={data}\n                loading={loading}\n                pagingData={tableData}\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n        </>\n    )\n}\n\nexport default Checkable\n"],"names":["Checkable","data","setData","useState","loading","setLoading","selectedRows","setSelectedRows","tableData","setTableData","handleAction","cellProps","handleBatchAction","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","handleRowSelect","checked","row","id","handleAllRowSelect","rows","originalRows","selectedIds","useEffect","response","apiGetCustomersList","jsxs","Fragment","DataTable"],"mappings":"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"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.js

@@ -1,98 +0,0 @@
-import { jsx as o, jsxs as D, Fragment as S } from "react/jsx-runtime";
-import { useState as c, useRef as b, useEffect as z } from "react";
-import "../../../../../components/ui/Button/index.js";
-import "../../../../../components/ui/Input/index.js";
-import I from "../../../../../components/shared/DataTable.js";
-import j from "lodash/debounce";
-import { apiGetCustomersList as q } from "../../../../../services/CustomersService.js";
-import A from "../../../../../components/ui/Button/Button.js";
-import F from "../../../../../components/ui/Input/Input.js";
-const B = () => {
-  const [i, l] = c([]), [m, r] = c(!1), [a, n] = c({
-    total: 0,
-    pageIndex: 1,
-    pageSize: 10,
-    query: "",
-    sort: {
-      order: "",
-      key: ""
-    }
-  }), d = b(null), g = j(h, 500);
-  function h(e) {
-    typeof e == "string" && (e.length > 1 || e.length === 0) && n((t) => ({
-      ...t,
-      query: e,
-      pageIndex: 1
-    }));
-  }
-  const f = (e) => {
-    g(e.target.value);
-  }, p = (e) => {
-    console.log("Action clicked", e);
-  }, u = [
-    {
-      header: "Name",
-      accessorKey: "name"
-    },
-    {
-      header: "Email",
-      accessorKey: "email"
-    },
-    {
-      header: "",
-      id: "action",
-      cell: (e) => /* @__PURE__ */ o(A, { size: "xs", onClick: () => p(e), children: "Action" })
-    }
-  ], y = (e) => {
-    n((t) => ({ ...t, pageIndex: e }));
-  }, x = (e) => {
-    n((t) => ({ ...t, pageSize: e }));
-  }, C = ({ order: e, key: t }) => {
-    console.log({ order: e, key: t }), n((s) => ({
-      ...s,
-      sort: { order: e, key: t }
-    }));
-  };
-  return z(() => {
-    (async () => {
-      r(!0);
-      const t = await q(a);
-      t && (l(t.list), r(!1), n((s) => ({
-        ...s,
-        total: t.total
-      })));
-    })();
-  }, [
-    a.pageIndex,
-    a.sort,
-    a.pageSize,
-    a.query
-  ]), /* @__PURE__ */ D(S, { children: [
-    /* @__PURE__ */ o("div", { className: "flex justify-end mb-4", children: /* @__PURE__ */ o(
-      F,
-      {
-        ref: d,
-        placeholder: "Search...",
-        size: "sm",
-        className: "lg:w-52",
-        onChange: f
-      }
-    ) }),
-    /* @__PURE__ */ o(
-      I,
-      {
-        columns: u,
-        data: i,
-        loading: m,
-        pagingData: a,
-        onPaginationChange: y,
-        onSelectChange: x,
-        onSort: C
-      }
-    )
-  ] });
-};
-export {
-  B as default
-};
-//# sourceMappingURL=Query.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Query.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ChangeEvent } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport DataTable from '@/components/shared/DataTable'\nimport debounce from 'lodash/debounce'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n    ColumnDef,\n    OnSortParam,\n    CellContext,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Query = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [tableData, setTableData] = useState<{\n        pageIndex: number\n        pageSize: number\n        sort: {\n            order: '' | 'asc' | 'desc'\n            key: string | number\n        }\n        query: string\n        total: number\n    }>({\n        total: 0,\n        pageIndex: 1,\n        pageSize: 10,\n        query: '',\n        sort: {\n            order: '',\n            key: '',\n        },\n    })\n\n    const inputRef = useRef(null)\n\n    const debounceFn = debounce(handleDebounceFn, 500)\n\n    function handleDebounceFn(val: string) {\n        if (typeof val === 'string' && (val.length > 1 || val.length === 0)) {\n            setTableData((prevData) => ({\n                ...prevData,\n                ...{ query: val, pageIndex: 1 },\n            }))\n        }\n    }\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n        console.log('Action clicked', cellProps)\n    }\n\n    const columns: ColumnDef<Customer>[] = [\n        {\n            header: 'Name',\n            accessorKey: 'name',\n        },\n        {\n            header: 'Email',\n            accessorKey: 'email',\n        },\n        {\n            header: '',\n            id: 'action',\n            cell: (props) => (\n                <Button size=\"xs\" onClick={() => handleAction(props)}>\n                    Action\n                </Button>\n            ),\n        },\n    ]\n\n    const handlePaginationChange = (pageIndex: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n    }\n\n    const handleSelectChange = (pageSize: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n    }\n\n    const handleSort = ({ order, key }: OnSortParam) => {\n        console.log({ order, key })\n        setTableData((prevData) => ({\n            ...prevData,\n            ...{ sort: { order, key } },\n        }))\n    }\n\n    useEffect(() => {\n        const fetchData = async () => {\n            setLoading(true)\n            const response = await apiGetCustomersList<\n                { list: Customer[]; total: number },\n                NonNullable<unknown>\n            >(tableData)\n            if (response) {\n                setData(response.list)\n                setLoading(false)\n                setTableData((prevData) => ({\n                    ...prevData,\n                    ...{ total: response.total },\n                }))\n            }\n        }\n        fetchData()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        tableData.pageIndex,\n        tableData.sort,\n        tableData.pageSize,\n        tableData.query,\n    ])\n\n    return (\n        <>\n            <div className=\"flex justify-end mb-4\">\n                <Input\n                    ref={inputRef}\n                    placeholder=\"Search...\"\n                    size=\"sm\"\n                    className=\"lg:w-52\"\n                    onChange={handleChange}\n                />\n            </div>\n            <DataTable\n                columns={columns}\n                data={data}\n                loading={loading}\n                pagingData={tableData}\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n            />\n        </>\n    )\n}\n\nexport default Query\n"],"names":["Query","data","setData","useState","loading","setLoading","tableData","setTableData","inputRef","useRef","debounceFn","debounce","handleDebounceFn","val","prevData","handleChange","handleAction","cellProps","columns","props","jsx","Button","handlePaginationChange","pageIndex","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","jsxs","Fragment","Input","DataTable"],"mappings":"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"}

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/index.js

@@ -1,122 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "../../../../../components/docs/DemoLayout.js";
-import t from "./Basic.js";
-import c from "./Checkable.js";
-import d from "./Query.js";
-const a = "DataTableDoc", n = {
-  title: "DataTable",
-  desc: 'DataTable is often used table logic encapsulated component, it can save up some boilerplate setup from <a class="text-primary underline" href="https://react-table-v7.tanstack.com/" target="_blank">react-table</a> & quick start with your async table data.'
-}, r = [
-  {
-    mdName: "Basic",
-    mdPath: a,
-    title: "Basic",
-    desc: "",
-    component: /* @__PURE__ */ e(t, {})
-  },
-  {
-    mdName: "Checkable",
-    mdPath: a,
-    title: "Checkable",
-    desc: "",
-    component: /* @__PURE__ */ e(c, {})
-  },
-  {
-    mdName: "Query",
-    mdPath: a,
-    title: "Query",
-    desc: "",
-    component: /* @__PURE__ */ e(d, {})
-  }
-], l = [
-  {
-    component: "DataTable",
-    api: [
-      {
-        propName: "columns",
-        type: '<a class="text-primary underline" href="https://tanstack.com/table/v8/docs/guide/column-defs" target="_blank"><code>Array&lt;Column&gt;</code></a>',
-        default: "<code>[]</code>",
-        desc: "The core columns configuration object for the entire table"
-      },
-      {
-        propName: "data",
-        type: "<code>Array&lt;any&gt;</code>",
-        default: "<code>[]</code>",
-        desc: "The data array that you want to display on the table"
-      },
-      {
-        propName: "loading",
-        type: "<code>boolean</code>",
-        default: "<code>false</code>",
-        desc: "Wheter to display loading indicator on the table"
-      },
-      {
-        propName: "onCheckBoxChange",
-        type: "<code>(checked: boolean, row: any) => void</code>",
-        default: "-",
-        desc: "Callback when row checkbox is changed, return a checkbox value & changed row data"
-      },
-      {
-        propName: "onIndeterminateCheckBoxChange",
-        type: "<code>(checked: boolean, rows: any) => void</code>",
-        default: "-",
-        desc: "Callback when indeterminate checkbox is changed, return indeterminate checkbox value & all rows data"
-      },
-      {
-        propName: "onPaginationChange",
-        type: "<code>(pageIndex: number) => void</code>",
-        default: "-",
-        desc: "Callback when pagination changed"
-      },
-      {
-        propName: "onSelectChange",
-        type: "<code>(pageSize: number) => void</code>",
-        default: "-",
-        desc: "Callback when page size selector changed"
-      },
-      {
-        propName: "onSort",
-        type: "<code>(pageSize: {order: 'desc' | 'asc', key: string}) => void</code>",
-        default: "-",
-        desc: "Callback when any column of sorted changed, return sort order & sorted column identifier"
-      },
-      {
-        propName: "pageSizes",
-        type: "<code>number[]</code>",
-        default: "<code>[10, 25, 50, 100]</code>",
-        desc: "Options of selectable page sizes"
-      },
-      {
-        propName: "skeletonAvatarColumns",
-        type: "<code>number[]</code>",
-        default: "-",
-        desc: "Specify skeleton avatar display is which column when loading is true"
-      },
-      {
-        propName: "skeletonAvatarProps",
-        type: '<a class="text-primary underline" href="/ui-components/avatar#api" target="_blank"><code>AvatarProps</code></a>',
-        default: "-",
-        desc: "Props for skeleton avatar"
-      },
-      {
-        propName: "pagingData",
-        type: "<code>{total: number, pageIndex: number, pageSize: number}</code>",
-        default: "<code>{total: 0, pageIndex: 1, pageSize: 10}</code>",
-        desc: "Paging state of tthe table"
-      }
-    ]
-  }
-], h = () => /* @__PURE__ */ e(
-  o,
-  {
-    innerFrame: !1,
-    header: n,
-    demos: r,
-    api: l,
-    mdPrefixPath: "shared"
-  }
-);
-export {
-  h as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Checkable from './Checkable'\nimport Query from './Query'\n\nconst mdPath = 'DataTableDoc'\n\nconst demoHeader = {\n    title: 'DataTable',\n    desc: 'DataTable is often used table logic encapsulated component, it can save up some boilerplate setup from <a class=\"text-primary underline\" href=\"https://react-table-v7.tanstack.com/\" target=\"_blank\">react-table</a> & quick start with your async table data.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Checkable',\n        mdPath: mdPath,\n        title: 'Checkable',\n        desc: ``,\n        component: <Checkable />,\n    },\n    {\n        mdName: 'Query',\n        mdPath: mdPath,\n        title: 'Query',\n        desc: ``,\n        component: <Query />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'DataTable',\n        api: [\n            {\n                propName: 'columns',\n                type: `<a class=\"text-primary underline\" href=\"https://tanstack.com/table/v8/docs/guide/column-defs\" target=\"_blank\"><code>Array&lt;Column&gt;</code></a>`,\n                default: `<code>[]</code>`,\n                desc: 'The core columns configuration object for the entire table',\n            },\n            {\n                propName: 'data',\n                type: `<code>Array&lt;any&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'The data array that you want to display on the table',\n            },\n            {\n                propName: 'loading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Wheter to display loading indicator on the table',\n            },\n            {\n                propName: 'onCheckBoxChange',\n                type: `<code>(checked: boolean, row: any) => void</code>`,\n                default: `-`,\n                desc: 'Callback when row checkbox is changed, return a checkbox value & changed row data',\n            },\n            {\n                propName: 'onIndeterminateCheckBoxChange',\n                type: `<code>(checked: boolean, rows: any) => void</code>`,\n                default: `-`,\n                desc: 'Callback when indeterminate checkbox is changed, return indeterminate checkbox value & all rows data',\n            },\n            {\n                propName: 'onPaginationChange',\n                type: `<code>(pageIndex: number) => void</code>`,\n                default: `-`,\n                desc: 'Callback when pagination changed',\n            },\n            {\n                propName: 'onSelectChange',\n                type: `<code>(pageSize: number) => void</code>`,\n                default: `-`,\n                desc: 'Callback when page size selector changed',\n            },\n            {\n                propName: 'onSort',\n                type: `<code>(pageSize: {order: 'desc' | 'asc', key: string}) => void</code>`,\n                default: `-`,\n                desc: 'Callback when any column of sorted changed, return sort order & sorted column identifier',\n            },\n            {\n                propName: 'pageSizes',\n                type: `<code>number[]</code>`,\n                default: `<code>[10, 25, 50, 100]</code>`,\n                desc: 'Options of selectable page sizes',\n            },\n            {\n                propName: 'skeletonAvatarColumns',\n                type: `<code>number[]</code>`,\n                default: `-`,\n                desc: 'Specify skeleton avatar display is which column when loading is true',\n            },\n            {\n                propName: 'skeletonAvatarProps',\n                type: `<a class=\"text-primary underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>AvatarProps</code></a>`,\n                default: `-`,\n                desc: 'Props for skeleton avatar',\n            },\n            {\n                propName: 'pagingData',\n                type: `<code>{total: number, pageIndex: number, pageSize: number}</code>`,\n                default: `<code>{total: 0, pageIndex: 1, pageSize: 10}</code>`,\n                desc: 'Paging state of tthe table',\n            },\n        ],\n    },\n]\n\nconst DataTableDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default DataTableDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Checkable","Query","demoApi","DataTableDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,gBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAU,CAAA,CAAA;AAAA,EAC1B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAM,CAAA,CAAA;AAAA,EAAA;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAe,MAEb,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}