@orbe-agro/client-core 3.4.3 → 3.4.4

package/dist/lib/@ecme/views/ui-components/data-display/Table/Filtering.js

@@ -1,119 +0,0 @@
-import { jsx as t, jsxs as d, Fragment as h } from "react/jsx-runtime";
-import { useState as m, useEffect as u, useMemo as M } from "react";
-import { Table as F } from "../../../../components/ui/Table/index.js";
-import "../../../../components/ui/Input/index.js";
-import { useReactTable as b, getFacetedMinMaxValues as C, getFacetedUniqueValues as R, getFacetedRowModel as w, getPaginationRowModel as S, getSortedRowModel as x, getFilteredRowModel as T, getCoreRowModel as N, flexRender as g } from "@tanstack/react-table";
-import { rankItem as v } from "@tanstack/match-sorter-utils";
-import { data10 as y } from "./data/index.js";
-import V from "../../../../components/ui/Input/Input.js";
-const { Tr: f, Th: k, Td: z, THead: H, TBody: I, Sorter: j } = F;
-function D({
-  value: l,
-  onChange: c,
-  debounce: n = 500,
-  ...a
-}) {
-  const [o, i] = m(l);
-  return u(() => {
-    i(l);
-  }, [l]), u(() => {
-    const s = setTimeout(() => {
-      c(o);
-    }, n);
-    return () => clearTimeout(s);
-  }, [o]), /* @__PURE__ */ t("div", { className: "flex justify-end", children: /* @__PURE__ */ d("div", { className: "flex items-center mb-4", children: [
-    /* @__PURE__ */ t("span", { className: "mr-2", children: "Search:" }),
-    /* @__PURE__ */ t(
-      V,
-      {
-        ...a,
-        value: o,
-        onChange: (s) => i(s.target.value)
-      }
-    )
-  ] }) });
-}
-const p = (l, c, n, a) => {
-  const o = v(l.getValue(c), n);
-  return a({
-    itemRank: o
-  }), o.passed;
-}, A = () => {
-  const [l, c] = m([]), [n, a] = m(""), o = M(
-    () => [
-      { header: "First Name", accessorKey: "firstName" },
-      { header: "Last Name", accessorKey: "lastName" },
-      { header: "Email", accessorKey: "email" }
-    ],
-    []
-  ), [i] = m(() => y), s = b({
-    data: i,
-    columns: o,
-    filterFns: {
-      fuzzy: p
-    },
-    state: {
-      columnFilters: l,
-      globalFilter: n
-    },
-    onColumnFiltersChange: c,
-    onGlobalFilterChange: a,
-    globalFilterFn: p,
-    getCoreRowModel: N(),
-    getFilteredRowModel: T(),
-    getSortedRowModel: x(),
-    getPaginationRowModel: S(),
-    getFacetedRowModel: w(),
-    getFacetedUniqueValues: R(),
-    getFacetedMinMaxValues: C(),
-    debugHeaders: !0,
-    debugColumns: !1
-  });
-  return /* @__PURE__ */ d(h, { children: [
-    /* @__PURE__ */ t(
-      D,
-      {
-        value: n ?? "",
-        className: "p-2 font-lg shadow border border-block",
-        placeholder: "Search all columns...",
-        onChange: (r) => a(String(r))
-      }
-    ),
-    /* @__PURE__ */ d(F, { children: [
-      /* @__PURE__ */ t(H, { children: s.getHeaderGroups().map((r) => /* @__PURE__ */ t(f, { children: r.headers.map((e) => /* @__PURE__ */ t(
-        k,
-        {
-          colSpan: e.colSpan,
-          children: e.isPlaceholder ? null : /* @__PURE__ */ d(
-            "div",
-            {
-              className: e.column.getCanSort() ? "cursor-pointer select-none" : "",
-              onClick: e.column.getToggleSortingHandler(),
-              children: [
-                g(
-                  e.column.columnDef.header,
-                  e.getContext()
-                ),
-                /* @__PURE__ */ t(
-                  j,
-                  {
-                    sort: e.column.getIsSorted()
-                  }
-                )
-              ]
-            }
-          )
-        },
-        e.id
-      )) }, r.id)) }),
-      /* @__PURE__ */ t(I, { children: s.getRowModel().rows.map((r) => /* @__PURE__ */ t(f, { children: r.getVisibleCells().map((e) => /* @__PURE__ */ t(z, { children: g(
-        e.column.columnDef.cell,
-        e.getContext()
-      ) }, e.id)) }, r.id)) })
-    ] })
-  ] });
-};
-export {
-  A as default
-};
-//# sourceMappingURL=Filtering.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Table/Filtering.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Filtering.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/Filtering.tsx"],"sourcesContent":["import { useMemo, useState, useEffect } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getFacetedRowModel,\n    getFacetedUniqueValues,\n    getFacetedMinMaxValues,\n    getPaginationRowModel,\n    getSortedRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { rankItem } from '@tanstack/match-sorter-utils'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type {\n    ColumnDef,\n    FilterFn,\n    ColumnFiltersState,\n} from '@tanstack/react-table'\nimport type { InputHTMLAttributes } from 'react'\n\ninterface DebouncedInputProps\n    extends Omit<\n        InputHTMLAttributes<HTMLInputElement>,\n        'onChange' | 'size' | 'prefix'\n    > {\n    value: string | number\n    onChange: (value: string | number) => void\n    debounce?: number\n}\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nfunction DebouncedInput({\n    value: initialValue,\n    onChange,\n    debounce = 500,\n    ...props\n}: DebouncedInputProps) {\n    const [value, setValue] = useState(initialValue)\n\n    useEffect(() => {\n        setValue(initialValue)\n    }, [initialValue])\n\n    useEffect(() => {\n        const timeout = setTimeout(() => {\n            onChange(value)\n        }, debounce)\n\n        return () => clearTimeout(timeout)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value])\n\n    return (\n        <div className=\"flex justify-end\">\n            <div className=\"flex items-center mb-4\">\n                <span className=\"mr-2\">Search:</span>\n                <Input\n                    {...props}\n                    value={value}\n                    onChange={(e) => setValue(e.target.value)}\n                />\n            </div>\n        </div>\n    )\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {\n    // Rank the item\n    const itemRank = rankItem(row.getValue(columnId), value)\n\n    // Store the itemRank info\n    addMeta({\n        itemRank,\n    })\n\n    // Return if the item should be filtered in/out\n    return itemRank.passed\n}\n\nconst Filtering = () => {\n    const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n    const [globalFilter, setGlobalFilter] = useState('')\n\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n        ],\n        [],\n    )\n\n    const [data] = useState(() => data10)\n\n    const table = useReactTable({\n        data,\n        columns,\n        filterFns: {\n            fuzzy: fuzzyFilter,\n        },\n        state: {\n            columnFilters,\n            globalFilter,\n        },\n        onColumnFiltersChange: setColumnFilters,\n        onGlobalFilterChange: setGlobalFilter,\n        globalFilterFn: fuzzyFilter,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        getFacetedRowModel: getFacetedRowModel(),\n        getFacetedUniqueValues: getFacetedUniqueValues(),\n        getFacetedMinMaxValues: getFacetedMinMaxValues(),\n        debugHeaders: true,\n        debugColumns: false,\n    })\n\n    return (\n        <>\n            <DebouncedInput\n                value={globalFilter ?? ''}\n                className=\"p-2 font-lg shadow border border-block\"\n                placeholder=\"Search all columns...\"\n                onChange={(value) => setGlobalFilter(String(value))}\n            />\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <div\n                                                {...{\n                                                    className:\n                                                        header.column.getCanSort()\n                                                            ? 'cursor-pointer select-none'\n                                                            : '',\n                                                    onClick:\n                                                        header.column.getToggleSortingHandler(),\n                                                }}\n                                            >\n                                                {flexRender(\n                                                    header.column.columnDef\n                                                        .header,\n                                                    header.getContext(),\n                                                )}\n                                                {\n                                                    <Sorter\n                                                        sort={header.column.getIsSorted()}\n                                                    />\n                                                }\n                                            </div>\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default Filtering\n"],"names":["Tr","Th","Td","THead","TBody","Sorter","Table","DebouncedInput","initialValue","onChange","debounce","props","value","setValue","useState","useEffect","timeout","jsxs","jsx","Input","e","fuzzyFilter","row","columnId","addMeta","itemRank","rankItem","Filtering","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","columns","useMemo","data","data10","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","getFacetedRowModel","getFacetedUniqueValues","getFacetedMinMaxValues","Fragment","headerGroup","header","flexRender","cell"],"mappings":"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"}

package/dist/lib/@ecme/views/ui-components/data-display/Table/Group.js

@@ -1,58 +0,0 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useState as l, useMemo as i } from "react";
-import { Table as n } from "../../../../components/ui/Table/index.js";
-import { useReactTable as u, getCoreRowModel as h, flexRender as a } from "@tanstack/react-table";
-import { data10 as p } from "./data/index.js";
-const { Tr: s, Th: f, Td: g, THead: T, TBody: x } = n, b = () => {
-  const [c] = l(() => p), d = i(
-    () => [
-      {
-        header: "Name",
-        columns: [
-          {
-            header: "First Name",
-            accessorKey: "firstName"
-          },
-          {
-            header: "Last Name",
-            accessorKey: "lastName"
-          }
-        ]
-      },
-      {
-        header: "Info",
-        columns: [
-          {
-            header: "Email",
-            accessorKey: "email",
-            width: 50
-          },
-          {
-            header: "Visits",
-            accessorKey: "gender",
-            width: 60
-          }
-        ]
-      }
-    ],
-    []
-  ), t = u({
-    data: c,
-    columns: d,
-    getCoreRowModel: h()
-  });
-  return /* @__PURE__ */ m(n, { children: [
-    /* @__PURE__ */ o(T, { children: t.getHeaderGroups().map((r) => /* @__PURE__ */ o(s, { children: r.headers.map((e) => /* @__PURE__ */ o(f, { colSpan: e.colSpan, children: a(
-      e.column.columnDef.header,
-      e.getContext()
-    ) }, e.id)) }, r.id)) }),
-    /* @__PURE__ */ o(x, { children: t.getRowModel().rows.map((r) => /* @__PURE__ */ o(s, { children: r.getVisibleCells().map((e) => /* @__PURE__ */ o(g, { children: a(
-      e.column.columnDef.cell,
-      e.getContext()
-    ) }, e.id)) }, r.id)) })
-  ] });
-};
-export {
-  b as default
-};
-//# sourceMappingURL=Group.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Table/Group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/Group.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst Group = () => {\n    const [data] = useState(() => data10)\n\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            {\n                header: 'Name',\n                columns: [\n                    {\n                        header: 'First Name',\n                        accessorKey: 'firstName',\n                    },\n                    {\n                        header: 'Last Name',\n                        accessorKey: 'lastName',\n                    },\n                ],\n            },\n            {\n                header: 'Info',\n                columns: [\n                    {\n                        header: 'Email',\n                        accessorKey: 'email',\n                        width: 50,\n                    },\n                    {\n                        header: 'Visits',\n                        accessorKey: 'gender',\n                        width: 60,\n                    },\n                ],\n            },\n        ],\n        [],\n    )\n\n    const table = useReactTable({\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    return (\n        <Table>\n            <THead>\n                {table.getHeaderGroups().map((headerGroup) => (\n                    <Tr key={headerGroup.id}>\n                        {headerGroup.headers.map((header) => {\n                            return (\n                                <Th key={header.id} colSpan={header.colSpan}>\n                                    {flexRender(\n                                        header.column.columnDef.header,\n                                        header.getContext(),\n                                    )}\n                                </Th>\n                            )\n                        })}\n                    </Tr>\n                ))}\n            </THead>\n            <TBody>\n                {table.getRowModel().rows.map((row) => {\n                    return (\n                        <Tr key={row.id}>\n                            {row.getVisibleCells().map((cell) => {\n                                return (\n                                    <Td key={cell.id}>\n                                        {flexRender(\n                                            cell.column.columnDef.cell,\n                                            cell.getContext(),\n                                        )}\n                                    </Td>\n                                )\n                            })}\n                        </Tr>\n                    )\n                })}\n            </TBody>\n        </Table>\n    )\n}\n\nexport default Group\n"],"names":["Tr","Th","Td","THead","TBody","Table","Group","data","useState","data10","columns","useMemo","table","useReactTable","getCoreRowModel","jsx","headerGroup","header","flexRender","row","cell"],"mappings":";;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,EAAU,IAAAC,GAE/BC,IAAQ,MAAM;AAChB,QAAM,CAACC,CAAI,IAAIC,EAAS,MAAMC,CAAM,GAE9BC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,SAAS;AAAA,UACL;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,UACjB;AAAA,UACA;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,UAAA;AAAA,QACjB;AAAA,MAER;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,SAAS;AAAA,UACL;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UACX;AAAA,UACA;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,QACX;AAAA,MACJ;AAAA,IAER;AAAA,IACA,CAAA;AAAA,EACJ,GAEMC,IAAQC,EAAc;AAAA,IACxB,MAAAN;AAAA,IACA,SAAAG;AAAA,IACA,iBAAiBI,EAAgB;AAAA,EAAA,CACpC;AAED,2BACKT,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAU,EAACZ,GACI,EAAA,UAAAS,EAAM,gBAAgB,EAAE,IAAI,CAACI,MAC1B,gBAAAD,EAACf,GACI,EAAA,UAAAgB,EAAY,QAAQ,IAAI,CAACC,MAEjB,gBAAAF,EAAAd,GAAA,EAAmB,SAASgB,EAAO,SAC/B,UAAAC;AAAA,MACGD,EAAO,OAAO,UAAU;AAAA,MACxBA,EAAO,WAAW;AAAA,IAAA,EACtB,GAJKA,EAAO,EAKhB,CAEP,KAVID,EAAY,EAWrB,CACH,EACL,CAAA;AAAA,IACA,gBAAAD,EAACX,KACI,UAAMQ,EAAA,YAAA,EAAc,KAAK,IAAI,CAACO,wBAEtBnB,GACI,EAAA,UAAAmB,EAAI,gBAAkB,EAAA,IAAI,CAACC,wBAEnBlB,GACI,EAAA,UAAAgB;AAAA,MACGE,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAW;AAAA,IAAA,EACpB,GAJKA,EAAK,EAKd,CAEP,EAVI,GAAAD,EAAI,EAWb,CAEP,EACL,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/data-display/Table/PaginationTable.js

@@ -1,99 +0,0 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { useMemo as u, useState as h } from "react";
-import { Table as c } from "../../../../components/ui/Table/index.js";
-import "../../../../components/ui/Pagination/index.js";
-import "../../../../components/ui/Select/index.js";
-import { useReactTable as f, getPaginationRowModel as b, getFilteredRowModel as S, getCoreRowModel as v, flexRender as r } from "@tanstack/react-table";
-import x from "../../../../components/ui/Pagination/Pagination.js";
-import C from "../../../../components/ui/Select/Select.js";
-const { Tr: s, Th: M, Td: R, THead: w, TBody: N } = c, d = () => {
-  const o = [];
-  for (let l = 0; l < 100; l++)
-    o.push({
-      firstName: `Maria ${l}`,
-      lastName: `Anders ${l}`,
-      age: l
-    });
-  return o;
-}, P = d().length, g = [
-  { value: 10, label: "10 / page" },
-  { value: 20, label: "20 / page" },
-  { value: 30, label: "30 / page" },
-  { value: 40, label: "40 / page" },
-  { value: 50, label: "50 / page" }
-], H = () => {
-  const o = u(
-    () => [
-      {
-        header: "First Name",
-        accessorKey: "firstName"
-      },
-      {
-        header: "Last Name",
-        accessorKey: "lastName"
-      },
-      {
-        header: "Age",
-        accessorKey: "age"
-      }
-    ],
-    []
-  ), [l] = h(() => d()), n = f({
-    data: l,
-    columns: o,
-    // Pipeline
-    getCoreRowModel: v(),
-    getFilteredRowModel: S(),
-    getPaginationRowModel: b()
-  }), m = (e) => {
-    n.setPageIndex(e - 1);
-  }, p = (e = 0) => {
-    n.setPageSize(Number(e));
-  };
-  return /* @__PURE__ */ i("div", { children: [
-    /* @__PURE__ */ i(c, { children: [
-      /* @__PURE__ */ a(w, { children: n.getHeaderGroups().map((e) => /* @__PURE__ */ a(s, { children: e.headers.map((t) => /* @__PURE__ */ a(
-        M,
-        {
-          colSpan: t.colSpan,
-          children: r(
-            t.column.columnDef.header,
-            t.getContext()
-          )
-        },
-        t.id
-      )) }, e.id)) }),
-      /* @__PURE__ */ a(N, { children: n.getRowModel().rows.map((e) => /* @__PURE__ */ a(s, { children: e.getVisibleCells().map((t) => /* @__PURE__ */ a(R, { children: r(
-        t.column.columnDef.cell,
-        t.getContext()
-      ) }, t.id)) }, e.id)) })
-    ] }),
-    /* @__PURE__ */ i("div", { className: "mt-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ a(
-        x,
-        {
-          pageSize: n.getState().pagination.pageSize,
-          currentPage: n.getState().pagination.pageIndex + 1,
-          total: P,
-          onChange: m
-        }
-      ),
-      /* @__PURE__ */ a("div", { style: { minWidth: 130 }, children: /* @__PURE__ */ a(
-        C,
-        {
-          size: "sm",
-          isSearchable: !1,
-          value: g.filter(
-            (e) => e.value === n.getState().pagination.pageSize
-          ),
-          options: g,
-          onChange: (e) => p(e == null ? void 0 : e.value)
-        }
-      ) })
-    ] })
-  ] });
-};
-export {
-  H as default
-};
-//# sourceMappingURL=PaginationTable.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Table/PaginationTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationTable.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/PaginationTable.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport type { ColumnDef } from '@tanstack/react-table'\n\ntype Person = {\n    firstName: string\n    lastName: string\n    age: number\n}\n\ntype Option = {\n    value: number\n    label: string\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst tableData = (): Person[] => {\n    const arr: Person[] = []\n    for (let i = 0; i < 100; i++) {\n        arr.push({\n            firstName: `Maria ${i}`,\n            lastName: `Anders ${i}`,\n            age: i,\n        })\n    }\n    return arr\n}\n\nconst totalData = tableData().length\n\nconst pageSizeOption = [\n    { value: 10, label: '10 / page' },\n    { value: 20, label: '20 / page' },\n    { value: 30, label: '30 / page' },\n    { value: 40, label: '40 / page' },\n    { value: 50, label: '50 / page' },\n]\n\nconst PaginationTable = () => {\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            {\n                header: 'First Name',\n                accessorKey: 'firstName',\n            },\n            {\n                header: 'Last Name',\n                accessorKey: 'lastName',\n            },\n            {\n                header: 'Age',\n                accessorKey: 'age',\n            },\n        ],\n        [],\n    )\n\n    const [data] = useState(() => tableData())\n\n    const table = useReactTable({\n        data,\n        columns,\n        // Pipeline\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n    })\n\n    const onPaginationChange = (page: number) => {\n        table.setPageIndex(page - 1)\n    }\n\n    const onSelectChange = (value = 0) => {\n        table.setPageSize(Number(value))\n    }\n\n    return (\n        <div>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n            <div className=\"mt-4 flex items-center justify-between\">\n                <Pagination\n                    pageSize={table.getState().pagination.pageSize}\n                    currentPage={table.getState().pagination.pageIndex + 1}\n                    total={totalData}\n                    onChange={onPaginationChange}\n                />\n                <div style={{ minWidth: 130 }}>\n                    <Select<Option>\n                        size=\"sm\"\n                        isSearchable={false}\n                        value={pageSizeOption.filter(\n                            (option) =>\n                                option.value ===\n                                table.getState().pagination.pageSize,\n                        )}\n                        options={pageSizeOption}\n                        onChange={(option) => onSelectChange(option?.value)}\n                    />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default PaginationTable\n"],"names":["Tr","Th","Td","THead","TBody","Table","tableData","arr","i","totalData","pageSizeOption","PaginationTable","columns","useMemo","data","useState","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","onPaginationChange","page","onSelectChange","value","jsxs","jsx","headerGroup","header","flexRender","row","cell","Pagination","Select","option"],"mappings":"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"}

package/dist/lib/@ecme/views/ui-components/data-display/Table/Resizable.js

@@ -1,65 +0,0 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { useMemo as l } from "react";
-import { Table as a } from "../../../../components/ui/Table/index.js";
-import { useReactTable as d, getCoreRowModel as u, flexRender as r } from "@tanstack/react-table";
-import { data10 as g } from "./data/index.js";
-const { Tr: i, Th: p, Td: R, THead: f, TBody: z } = a;
-function w() {
-  const c = l(() => g, []), m = l(
-    () => [
-      { header: "First Name", accessorKey: "firstName" },
-      { header: "Last Name", accessorKey: "lastName" },
-      { header: "Email", accessorKey: "email" },
-      { header: "Gender", accessorKey: "gender" }
-    ],
-    []
-  ), n = d({
-    data: c,
-    columns: m,
-    enableColumnResizing: !0,
-    columnResizeMode: "onChange",
-    getCoreRowModel: u()
-  });
-  return /* @__PURE__ */ s(a, { children: [
-    /* @__PURE__ */ o(f, { children: n.getHeaderGroups().map((t) => /* @__PURE__ */ o(i, { children: t.headers.map((e) => /* @__PURE__ */ s(
-      p,
-      {
-        colSpan: e.colSpan,
-        style: {
-          position: "relative",
-          width: e.getSize()
-        },
-        children: [
-          e.isPlaceholder ? null : r(
-            e.column.columnDef.header,
-            e.getContext()
-          ),
-          e.column.getCanResize() && /* @__PURE__ */ o(
-            "div",
-            {
-              className: `table-resizer cursor-all-scroll ${e.column.getIsResizing() ? "isResizing" : ""}`,
-              onMouseDown: e.getResizeHandler(),
-              onTouchStart: e.getResizeHandler()
-            }
-          )
-        ]
-      },
-      e.id
-    )) }, t.id)) }),
-    /* @__PURE__ */ o(z, { children: n.getRowModel().rows.map((t) => /* @__PURE__ */ o(i, { children: t.getVisibleCells().map((e) => /* @__PURE__ */ o(
-      R,
-      {
-        style: { width: e.column.getSize() },
-        children: r(
-          e.column.columnDef.cell,
-          e.getContext()
-        )
-      },
-      e.id
-    )) }, t.id)) })
-  ] });
-}
-export {
-  w as default
-};
-//# sourceMappingURL=Resizable.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Table/Resizable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Resizable.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/Resizable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    getCoreRowModel,\n    flexRender,\n    useReactTable,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction Resizable() {\n    const data = useMemo(() => data10, [])\n\n    const columns = useMemo<ColumnDef<Person>[]>(\n        () => [\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n            { header: 'Gender', accessorKey: 'gender' },\n        ],\n        [],\n    )\n\n    const table = useReactTable({\n        data,\n        columns,\n        enableColumnResizing: true,\n        columnResizeMode: 'onChange',\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    return (\n        <Table>\n            <THead>\n                {table.getHeaderGroups().map((headerGroup) => (\n                    <Tr key={headerGroup.id}>\n                        {headerGroup.headers.map((header) => {\n                            return (\n                                <Th\n                                    key={header.id}\n                                    colSpan={header.colSpan}\n                                    style={{\n                                        position: 'relative',\n                                        width: header.getSize(),\n                                    }}\n                                >\n                                    {header.isPlaceholder\n                                        ? null\n                                        : flexRender(\n                                              header.column.columnDef.header,\n                                              header.getContext(),\n                                          )}\n                                    {header.column.getCanResize() && (\n                                        <div\n                                            className={`table-resizer cursor-all-scroll ${\n                                                header.column.getIsResizing()\n                                                    ? 'isResizing'\n                                                    : ''\n                                            }`}\n                                            onMouseDown={header.getResizeHandler()}\n                                            onTouchStart={header.getResizeHandler()}\n                                        ></div>\n                                    )}\n                                </Th>\n                            )\n                        })}\n                    </Tr>\n                ))}\n            </THead>\n            <TBody>\n                {table.getRowModel().rows.map((row) => {\n                    return (\n                        <Tr key={row.id}>\n                            {row.getVisibleCells().map((cell) => {\n                                return (\n                                    <Td\n                                        key={cell.id}\n                                        style={{ width: cell.column.getSize() }}\n                                    >\n                                        {flexRender(\n                                            cell.column.columnDef.cell,\n                                            cell.getContext(),\n                                        )}\n                                    </Td>\n                                )\n                            })}\n                        </Tr>\n                    )\n                })}\n            </TBody>\n        </Table>\n    )\n}\n\nexport default Resizable\n"],"names":["Tr","Th","Td","THead","TBody","Table","Resizable","data","useMemo","data10","columns","table","useReactTable","getCoreRowModel","jsx","headerGroup","header","jsxs","flexRender","row","cell"],"mappings":";;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,EAAU,IAAAC;AAErC,SAASC,IAAY;AACjB,QAAMC,IAAOC,EAAQ,MAAMC,GAAQ,CAAA,CAAE,GAE/BC,IAAUF;AAAA,IACZ,MAAM;AAAA,MACF,EAAE,QAAQ,cAAc,aAAa,YAAY;AAAA,MACjD,EAAE,QAAQ,aAAa,aAAa,WAAW;AAAA,MAC/C,EAAE,QAAQ,SAAS,aAAa,QAAQ;AAAA,MACxC,EAAE,QAAQ,UAAU,aAAa,SAAS;AAAA,IAC9C;AAAA,IACA,CAAA;AAAA,EACJ,GAEMG,IAAQC,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAG;AAAA,IACA,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,iBAAiBG,EAAgB;AAAA,EAAA,CACpC;AAED,2BACKR,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAS,EAACX,GACI,EAAA,UAAAQ,EAAM,gBAAgB,EAAE,IAAI,CAACI,MAC1B,gBAAAD,EAACd,GACI,EAAA,UAAAe,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAC;AAAA,MAAChB;AAAA,MAAA;AAAA,QAEG,SAASe,EAAO;AAAA,QAChB,OAAO;AAAA,UACH,UAAU;AAAA,UACV,OAAOA,EAAO,QAAQ;AAAA,QAC1B;AAAA,QAEC,UAAA;AAAA,UAAAA,EAAO,gBACF,OACAE;AAAA,YACIF,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,WAAW;AAAA,UACtB;AAAA,UACLA,EAAO,OAAO,aAAA,KACX,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,mCACPE,EAAO,OAAO,kBACR,eACA,EACV;AAAA,cACA,aAAaA,EAAO,iBAAiB;AAAA,cACrC,cAAcA,EAAO,iBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzC;AAAA,MAAA;AAAA,MAtBAA,EAAO;AAAA,IAwBhB,CAEP,KA9BID,EAAY,EA+BrB,CACH,EACL,CAAA;AAAA,IACA,gBAAAD,EAACV,KACI,UAAMO,EAAA,YAAA,EAAc,KAAK,IAAI,CAACQ,wBAEtBnB,GACI,EAAA,UAAAmB,EAAI,gBAAkB,EAAA,IAAI,CAACC,MAEpB,gBAAAN;AAAA,MAACZ;AAAA,MAAA;AAAA,QAEG,OAAO,EAAE,OAAOkB,EAAK,OAAO,UAAU;AAAA,QAErC,UAAAF;AAAA,UACGE,EAAK,OAAO,UAAU;AAAA,UACtBA,EAAK,WAAW;AAAA,QAAA;AAAA,MACpB;AAAA,MANKA,EAAK;AAAA,IAOd,CAEP,EAbI,GAAAD,EAAI,EAcb,CAEP,EACL,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/data-display/Table/RowSelection.js

@@ -1,87 +0,0 @@
-import { jsx as t, Fragment as u, jsxs as h } from "react/jsx-runtime";
-import { useRef as f, useEffect as R, useState as d, useMemo as S } from "react";
-import { useReactTable as p, getPaginationRowModel as w, getFilteredRowModel as C, getCoreRowModel as x, flexRender as i } from "@tanstack/react-table";
-import { Table as g } from "../../../../components/ui/Table/index.js";
-import { Checkbox as T } from "../../../../components/ui/Checkbox/index.js";
-import { data10 as b } from "./data/index.js";
-const { Tr: s, Th: M, Td: k, THead: y, TBody: I } = g;
-function m({
-  indeterminate: l,
-  onChange: r,
-  ...c
-}) {
-  const n = f(null);
-  return R(() => {
-    typeof l == "boolean" && n.current && (n.current.indeterminate = !c.checked && l);
-  }, [n, l]), /* @__PURE__ */ t(T, { ref: n, onChange: (a, e) => r(e), ...c });
-}
-function D() {
-  const [l, r] = d({}), c = S(() => [
-    {
-      id: "select",
-      header: ({ table: e }) => /* @__PURE__ */ t(
-        m,
-        {
-          checked: e.getIsAllRowsSelected(),
-          indeterminate: e.getIsSomeRowsSelected(),
-          onChange: e.getToggleAllRowsSelectedHandler()
-        }
-      ),
-      cell: ({ row: e }) => /* @__PURE__ */ t("div", { className: "px-1", children: /* @__PURE__ */ t(
-        m,
-        {
-          checked: e.getIsSelected(),
-          disabled: !e.getCanSelect(),
-          indeterminate: e.getIsSomeSelected(),
-          onChange: e.getToggleSelectedHandler()
-        }
-      ) })
-    },
-    {
-      header: "First Name",
-      accessorKey: "firstName"
-    },
-    {
-      header: "Last Name",
-      accessorKey: "lastName"
-    },
-    {
-      header: "Email",
-      accessorKey: "email"
-    }
-  ], []), [n] = d(() => b), a = p({
-    data: n,
-    columns: c,
-    state: {
-      rowSelection: l
-    },
-    enableRowSelection: !0,
-    //enable row selection for all rows
-    // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row
-    onRowSelectionChange: r,
-    getCoreRowModel: x(),
-    getFilteredRowModel: C(),
-    getPaginationRowModel: w()
-  });
-  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ h(g, { children: [
-    /* @__PURE__ */ t(y, { children: a.getHeaderGroups().map((e) => /* @__PURE__ */ t(s, { children: e.headers.map((o) => /* @__PURE__ */ t(
-      M,
-      {
-        colSpan: o.colSpan,
-        children: i(
-          o.column.columnDef.header,
-          o.getContext()
-        )
-      },
-      o.id
-    )) }, e.id)) }),
-    /* @__PURE__ */ t(I, { children: a.getRowModel().rows.map((e) => /* @__PURE__ */ t(s, { children: e.getVisibleCells().map((o) => /* @__PURE__ */ t(k, { children: i(
-      o.column.columnDef.cell,
-      o.getContext()
-    ) }, o.id)) }, e.id)) })
-  ] }) });
-}
-export {
-  D as default
-};
-//# sourceMappingURL=RowSelection.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Table/RowSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowSelection.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/RowSelection.tsx"],"sourcesContent":["import { useRef, useEffect, useMemo, useState } from 'react'\nimport {\n    flexRender,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport Table from '@/components/ui/Table'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { data10 } from './data'\nimport type { ChangeEvent } from 'react'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\ntype CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\ninterface IndeterminateCheckboxProps extends Omit<CheckboxProps, 'onChange'> {\n    onChange: (event: CheckBoxChangeEvent) => void\n    indeterminate: boolean\n    onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n    onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction IndeterminateCheckbox({\n    indeterminate,\n    onChange,\n    ...rest\n}: IndeterminateCheckboxProps) {\n    const ref = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (typeof indeterminate === 'boolean' && ref.current) {\n            ref.current.indeterminate = !rest.checked && indeterminate\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ref, indeterminate])\n\n    return <Checkbox ref={ref} onChange={(_, e) => onChange(e)} {...rest} />\n}\n\nfunction RowSelection() {\n    const [rowSelection, setRowSelection] = useState({})\n\n    const columns = useMemo<ColumnDef<Person>[]>(() => {\n        return [\n            {\n                id: 'select',\n                header: ({ table }) => (\n                    <IndeterminateCheckbox\n                        {...{\n                            checked: table.getIsAllRowsSelected(),\n                            indeterminate: table.getIsSomeRowsSelected(),\n                            onChange: table.getToggleAllRowsSelectedHandler(),\n                        }}\n                    />\n                ),\n                cell: ({ row }) => (\n                    <div className=\"px-1\">\n                        <IndeterminateCheckbox\n                            {...{\n                                checked: row.getIsSelected(),\n                                disabled: !row.getCanSelect(),\n                                indeterminate: row.getIsSomeSelected(),\n                                onChange: row.getToggleSelectedHandler(),\n                            }}\n                        />\n                    </div>\n                ),\n            },\n            {\n                header: 'First Name',\n                accessorKey: 'firstName',\n            },\n            {\n                header: 'Last Name',\n                accessorKey: 'lastName',\n            },\n            {\n                header: 'Email',\n                accessorKey: 'email',\n            },\n        ]\n    }, [])\n\n    const [data] = useState(() => data10)\n\n    const table = useReactTable({\n        data,\n        columns,\n        state: {\n            rowSelection,\n        },\n        enableRowSelection: true, //enable row selection for all rows\n        // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row\n        onRowSelectionChange: setRowSelection,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n    })\n\n    return (\n        <>\n            <Table>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {flexRender(\n                                            header.column.columnDef.header,\n                                            header.getContext(),\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                <TBody>\n                    {table.getRowModel().rows.map((row) => {\n                        return (\n                            <Tr key={row.id}>\n                                {row.getVisibleCells().map((cell) => {\n                                    return (\n                                        <Td key={cell.id}>\n                                            {flexRender(\n                                                cell.column.columnDef.cell,\n                                                cell.getContext(),\n                                            )}\n                                        </Td>\n                                    )\n                                })}\n                            </Tr>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nexport default RowSelection\n"],"names":["Tr","Th","Td","THead","TBody","Table","IndeterminateCheckbox","indeterminate","onChange","rest","ref","useRef","useEffect","jsx","Checkbox","_","RowSelection","rowSelection","setRowSelection","useState","columns","useMemo","table","row","data","data10","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","Fragment","headerGroup","header","flexRender","cell"],"mappings":"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"}

package/dist/lib/@ecme/views/ui-components/data-display/Table/Simple.js

@@ -1,30 +0,0 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { Table as c } from "../../../../components/ui/Table/index.js";
-const { Tr: d, Th: i, Td: e, THead: l, TBody: h } = c, a = () => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ n(c, { children: [
-  /* @__PURE__ */ r(l, { children: /* @__PURE__ */ n(d, { children: [
-    /* @__PURE__ */ r(i, { children: "Company" }),
-    /* @__PURE__ */ r(i, { children: "Contact" }),
-    /* @__PURE__ */ r(i, { children: "Country" })
-  ] }) }),
-  /* @__PURE__ */ n(h, { children: [
-    /* @__PURE__ */ n(d, { children: [
-      /* @__PURE__ */ r(e, { children: "Alfreds Futterkiste" }),
-      /* @__PURE__ */ r(e, { children: "Maria Anders" }),
-      /* @__PURE__ */ r(e, { children: "Germany" })
-    ] }),
-    /* @__PURE__ */ n(d, { children: [
-      /* @__PURE__ */ r(e, { children: "Centro comercial Moctezuma" }),
-      /* @__PURE__ */ r(e, { children: "Francisco Chang" }),
-      /* @__PURE__ */ r(e, { children: "Mexico" })
-    ] }),
-    /* @__PURE__ */ n(d, { children: [
-      /* @__PURE__ */ r(e, { children: "Ernst Handel" }),
-      /* @__PURE__ */ r(e, { children: "Roland Mendel" }),
-      /* @__PURE__ */ r(e, { children: "Austria" })
-    ] })
-  ] })
-] }) });
-export {
-  a as default
-};
-//# sourceMappingURL=Simple.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Table/Simple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/Simple.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst Simple = () => {\n    return (\n        <div>\n            <Table>\n                <THead>\n                    <Tr>\n                        <Th>Company</Th>\n                        <Th>Contact</Th>\n                        <Th>Country</Th>\n                    </Tr>\n                </THead>\n                <TBody>\n                    <Tr>\n                        <Td>Alfreds Futterkiste</Td>\n                        <Td>Maria Anders</Td>\n                        <Td>Germany</Td>\n                    </Tr>\n                    <Tr>\n                        <Td>Centro comercial Moctezuma</Td>\n                        <Td>Francisco Chang</Td>\n                        <Td>Mexico</Td>\n                    </Tr>\n                    <Tr>\n                        <Td>Ernst Handel</Td>\n                        <Td>Roland Mendel</Td>\n                        <Td>Austria</Td>\n                    </Tr>\n                </TBody>\n            </Table>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":["Tr","Th","Td","THead","TBody","Table","Simple","jsx","jsxs"],"mappings":";;AAEA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,EAAU,IAAAC,GAE/BC,IAAS,MAEP,gBAAAC,EAAC,OACG,EAAA,UAAA,gBAAAC,EAACH,GACG,EAAA,UAAA;AAAA,EAAC,gBAAAE,EAAAJ,GAAA,EACG,4BAACH,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAO,EAACN,KAAG,UAAO,UAAA,CAAA;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAO,UAAA,CAAA;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAO,UAAA,CAAA;AAAA,EAAA,EAAA,CACf,EACJ,CAAA;AAAA,oBACCG,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAI,EAACR,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAmB,sBAAA,CAAA;AAAA,MACvB,gBAAAK,EAACL,KAAG,UAAY,eAAA,CAAA;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAO,UAAA,CAAA;AAAA,IAAA,GACf;AAAA,sBACCF,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAA0B,6BAAA,CAAA;AAAA,MAC9B,gBAAAK,EAACL,KAAG,UAAe,kBAAA,CAAA;AAAA,MACnB,gBAAAK,EAACL,KAAG,UAAM,SAAA,CAAA;AAAA,IAAA,GACd;AAAA,sBACCF,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAY,eAAA,CAAA;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAa,gBAAA,CAAA;AAAA,MACjB,gBAAAK,EAACL,KAAG,UAAO,UAAA,CAAA;AAAA,IAAA,EACf,CAAA;AAAA,EAAA,EACJ,CAAA;AAAA,EAAA,CACJ,EACJ,CAAA;"}