@orbe-agro/client-core 3.4.3 → 3.4.5

package/dist/lib/@ecme/views/ui-components/data-display/Cards/HeaderFooter.js

@@ -1,29 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import "../../../../components/ui/Card/index.js";
-import "../../../../components/ui/Button/index.js";
-import { HiCheckCircle as s } from "react-icons/hi";
-import r from "../../../../components/ui/Button/Button.js";
-import n from "../../../../components/ui/Card/Card.js";
-const h = () => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-  n,
-  {
-    header: {
-      content: "Card Header",
-      extra: /* @__PURE__ */ t("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ e("span", { className: "mr-1 font-semibold", children: "Status:" }),
-        /* @__PURE__ */ e("span", { className: "text-emerald-500 text-xl", children: /* @__PURE__ */ e(s, {}) })
-      ] })
-    },
-    footer: {
-      content: /* @__PURE__ */ t("div", { className: "flex justify-end", children: [
-        /* @__PURE__ */ e(r, { size: "sm", className: "ltr:mr-2 rtl:ml-2", children: "Save" }),
-        /* @__PURE__ */ e(r, { size: "sm", variant: "solid", children: "New Post" })
-      ] })
-    },
-    children: /* @__PURE__ */ e("p", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum" })
-  }
-) });
-export {
-  h as default
-};
-//# sourceMappingURL=HeaderFooter.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Cards/HeaderFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderFooter.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Cards/HeaderFooter.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\nimport { HiCheckCircle } from 'react-icons/hi'\n\nconst HeaderFooter = () => {\n    const headerExtraContent = (\n        <span className=\"flex items-center\">\n            <span className=\"mr-1 font-semibold\">Status:</span>\n            <span className=\"text-emerald-500 text-xl\">\n                <HiCheckCircle />\n            </span>\n        </span>\n    )\n\n    const cardFooter = (\n        <div className=\"flex justify-end\">\n            <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\n                Save\n            </Button>\n            <Button size=\"sm\" variant=\"solid\">\n                New Post\n            </Button>\n        </div>\n    )\n\n    return (\n        <div>\n            <Card\n                header={{\n                    content: 'Card Header',\n                    extra: headerExtraContent,\n                }}\n                footer={{\n                    content: cardFooter,\n                }}\n            >\n                <p>\n                    Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the\n                    industry&apos;s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled\n                    it to make a type specimen book. It has survived not only\n                    five centuries, but also the leap into electronic\n                    typesetting, remaining essentially unchanged. It was\n                    popularised in the 1960s with the release of Letraset sheets\n                    containing Lorem Ipsum passages, and more recently with\n                    desktop publishing software like Aldus PageMaker including\n                    versions of Lorem Ipsum\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default HeaderFooter\n"],"names":["HeaderFooter","jsx","Card","jsxs","HiCheckCircle","Button"],"mappings":";;;;;;AAIA,MAAMA,IAAe,wBAsBZ,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,MACJ,SAAS;AAAA,MACT,OAxBZ,gBAAAC,EAAC,QAAK,EAAA,WAAU,qBACZ,UAAA;AAAA,QAAC,gBAAAF,EAAA,QAAA,EAAK,WAAU,sBAAqB,UAAO,WAAA;AAAA,0BAC3C,QAAK,EAAA,WAAU,4BACZ,UAAA,gBAAAA,EAACG,KAAc,EACnB,CAAA;AAAA,MAAA,GACJ;AAAA,IAoBQ;AAAA,IACA,QAAQ;AAAA,MACJ,SAlBZ,gBAAAD,EAAC,OAAI,EAAA,WAAU,oBACX,UAAA;AAAA,QAAA,gBAAAF,EAACI,GAAO,EAAA,MAAK,MAAK,WAAU,qBAAoB,UAEhD,QAAA;AAAA,0BACCA,GAAO,EAAA,MAAK,MAAK,SAAQ,SAAQ,UAElC,WAAA,CAAA;AAAA,MAAA,GACJ;AAAA,IAYQ;AAAA,IAEA,UAAA,gBAAAJ,EAAC,OAAE,UAYH,gkBAAA,CAAA;AAAA,EAAA;AAAA,GAER;"}

package/dist/lib/@ecme/views/ui-components/data-display/Cards/HeaderFooterBorder.js

@@ -1,26 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import "../../../../components/ui/Card/index.js";
-import "../../../../components/ui/Button/index.js";
-import t from "../../../../components/ui/Button/Button.js";
-import s from "../../../../components/ui/Card/Card.js";
-const m = () => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-  s,
-  {
-    header: {
-      content: "Card Header",
-      bordered: !1
-    },
-    footer: {
-      content: /* @__PURE__ */ r("div", { className: "flex", children: [
-        /* @__PURE__ */ e(t, { size: "sm", className: "ltr:mr-2 rtl:ml-2", children: "Save" }),
-        /* @__PURE__ */ e(t, { size: "sm", variant: "solid", children: "New Post" })
-      ] }),
-      bordered: !1
-    },
-    children: /* @__PURE__ */ e("p", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum" })
-  }
-) });
-export {
-  m as default
-};
-//# sourceMappingURL=HeaderFooterBorder.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Cards/HeaderFooterBorder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderFooterBorder.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Cards/HeaderFooterBorder.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Button from '@/components/ui/Button'\n\nconst HeaderFooterBorder = () => {\n    const cardFooter = (\n        <div className=\"flex\">\n            <Button size=\"sm\" className=\"ltr:mr-2 rtl:ml-2\">\n                Save\n            </Button>\n            <Button size=\"sm\" variant=\"solid\">\n                New Post\n            </Button>\n        </div>\n    )\n\n    return (\n        <div>\n            <Card\n                header={{\n                    content: 'Card Header',\n                    bordered: false,\n                }}\n                footer={{\n                    content: cardFooter,\n                    bordered: false,\n                }}\n            >\n                <p>\n                    Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the\n                    industry&apos;s standard dummy text ever since the 1500s,\n                    when an unknown printer took a galley of type and scrambled\n                    it to make a type specimen book. It has survived not only\n                    five centuries, but also the leap into electronic\n                    typesetting, remaining essentially unchanged. It was\n                    popularised in the 1960s with the release of Letraset sheets\n                    containing Lorem Ipsum passages, and more recently with\n                    desktop publishing software like Aldus PageMaker including\n                    versions of Lorem Ipsum\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default HeaderFooterBorder\n"],"names":["HeaderFooterBorder","jsx","Card","jsxs","Button"],"mappings":";;;;;AAGA,MAAMA,IAAqB,wBAalB,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,MACJ,SAAS;AAAA,MACT,UAAU;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,MACJ,SAlBZ,gBAAAC,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAO,EAAA,MAAK,MAAK,WAAU,qBAAoB,UAEhD,QAAA;AAAA,0BACCA,GAAO,EAAA,MAAK,MAAK,SAAQ,SAAQ,UAElC,WAAA,CAAA;AAAA,MAAA,GACJ;AAAA,MAYY,UAAU;AAAA,IACd;AAAA,IAEA,UAAA,gBAAAH,EAAC,OAAE,UAYH,gkBAAA,CAAA;AAAA,EAAA;AAAA,GAER;"}

package/dist/lib/@ecme/views/ui-components/data-display/Cards/Media.js

@@ -1,43 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import "../../../../components/ui/Card/index.js";
-import { Avatar as s } from "../../../../components/ui/Avatar/index.js";
-import a from "../../../../components/ui/Card/Card.js";
-const c = () => /* @__PURE__ */ e("div", { className: "max-w-xs", children: /* @__PURE__ */ r(
-  a,
-  {
-    clickable: !0,
-    className: "hover:shadow-lg transition duration-150 ease-in-out dark:border dark:border-gray-600 dark:border-solid",
-    header: {
-      content: /* @__PURE__ */ e("div", { className: "rounded-tl-lg rounded-tr-lg overflow-hidden", children: /* @__PURE__ */ e("img", { src: "/img/others/img-1.jpg", alt: "card header" }) }),
-      bordered: !1,
-      className: "p-0"
-    },
-    footer: {
-      content: /* @__PURE__ */ r("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ e(
-          s,
-          {
-            size: 30,
-            className: "mr-2",
-            shape: "circle",
-            src: "/img/avatars/thumb-1.jpg"
-          }
-        ),
-        /* @__PURE__ */ r("span", { children: [
-          /* @__PURE__ */ e("h6", { className: "text-sm", children: "Kristen Fisher" }),
-          /* @__PURE__ */ e("span", { className: "text-xs", children: "Sep 23, 2021" })
-        ] })
-      ] }),
-      bordered: !1
-    },
-    children: [
-      /* @__PURE__ */ e("span", { className: "text-emerald-600 font-semibold", children: "Life Style" }),
-      /* @__PURE__ */ e("h4", { className: "font-bold my-3", children: "Use the modern rules" }),
-      /* @__PURE__ */ e("p", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry." })
-    ]
-  }
-) });
-export {
-  c as default
-};
-//# sourceMappingURL=Media.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Cards/Media.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Media.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Cards/Media.tsx"],"sourcesContent":["import Card from '@/components/ui/Card'\nimport Avatar from '@/components/ui/Avatar'\n\nconst HeaderFooterBorder = () => {\n    const cardFooter = (\n        <div className=\"flex items-center\">\n            <Avatar\n                size={30}\n                className=\"mr-2\"\n                shape=\"circle\"\n                src=\"/img/avatars/thumb-1.jpg\"\n            />\n            <span>\n                <h6 className=\"text-sm\">Kristen Fisher</h6>\n                <span className=\"text-xs\">Sep 23, 2021</span>\n            </span>\n        </div>\n    )\n\n    const cardHeader = (\n        <div className=\"rounded-tl-lg rounded-tr-lg overflow-hidden\">\n            <img src=\"/img/others/img-1.jpg\" alt=\"card header\" />\n        </div>\n    )\n\n    return (\n        <div className=\"max-w-xs\">\n            <Card\n                clickable\n                className=\"hover:shadow-lg transition duration-150 ease-in-out dark:border dark:border-gray-600 dark:border-solid\"\n                header={{\n                    content: cardHeader,\n                    bordered: false,\n                    className: 'p-0',\n                }}\n                footer={{\n                    content: cardFooter,\n                    bordered: false,\n                }}\n            >\n                <span className=\"text-emerald-600 font-semibold\">\n                    Life Style\n                </span>\n                <h4 className=\"font-bold my-3\">Use the modern rules</h4>\n                <p>\n                    Lorem Ipsum is simply dummy text of the printing and\n                    typesetting industry. Lorem Ipsum has been the industry.\n                </p>\n            </Card>\n        </div>\n    )\n}\n\nexport default HeaderFooterBorder\n"],"names":["HeaderFooterBorder","jsx","jsxs","Card","Avatar"],"mappings":";;;;AAGA,MAAMA,IAAqB,MAuBnB,gBAAAC,EAAC,OAAI,EAAA,WAAU,YACX,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAS;AAAA,IACT,WAAU;AAAA,IACV,QAAQ;AAAA,MACJ,SAXX,gBAAAF,EAAA,OAAA,EAAI,WAAU,+CACX,UAAC,gBAAAA,EAAA,OAAA,EAAI,KAAI,yBAAwB,KAAI,cAAc,CAAA,GACvD;AAAA,MAUY,UAAU;AAAA,MACV,WAAW;AAAA,IACf;AAAA,IACA,QAAQ;AAAA,MACJ,SA/BZ,gBAAAC,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAI;AAAA,UAAA;AAAA,QACR;AAAA,0BACC,QACG,EAAA,UAAA;AAAA,UAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,WAAU,UAAc,kBAAA;AAAA,UACrC,gBAAAA,EAAA,QAAA,EAAK,WAAU,WAAU,UAAY,eAAA,CAAA;AAAA,QAAA,EAC1C,CAAA;AAAA,MAAA,GACJ;AAAA,MAqBY,UAAU;AAAA,IACd;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAA,EAAA,QAAA,EAAK,WAAU,kCAAiC,UAEjD,cAAA;AAAA,MACC,gBAAAA,EAAA,MAAA,EAAG,WAAU,kBAAiB,UAAoB,wBAAA;AAAA,MACnD,gBAAAA,EAAC,OAAE,UAGH,gHAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA,GAER;"}

package/dist/lib/@ecme/views/ui-components/data-display/Cards/index.js

@@ -1,109 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import d from "../../../../components/docs/DemoLayout.js";
-import r from "./Basic.js";
-import a from "./HeaderFooter.js";
-import t from "./HeaderFooterBorder.js";
-import c from "./BorderLess.js";
-import s from "./ExtraClass.js";
-import i from "./Clickable.js";
-import m from "./Media.js";
-const o = "Cards", n = {
-  title: "Cards",
-  desc: "Card can be used to container a groups of related content."
-}, p = [
-  {
-    mdName: "Basic",
-    mdPath: o,
-    title: "Basic",
-    desc: "Basic usage of Card",
-    component: /* @__PURE__ */ e(r, {})
-  },
-  {
-    mdName: "HeaderFooter",
-    mdPath: o,
-    title: "Header & Footer",
-    desc: "Card can set header & footer via <code>header</code> & <code>footer</code> props.",
-    component: /* @__PURE__ */ e(a, {})
-  },
-  {
-    mdName: "HeaderFooterBorder",
-    mdPath: o,
-    title: "Header & Footer Border",
-    desc: "Header & footer seperator can disabled by setting <code>headerBorder</code> & <code>footerBorder</code> to <code>false</code>.",
-    component: /* @__PURE__ */ e(t, {})
-  },
-  {
-    mdName: "BorderLess",
-    mdPath: o,
-    title: "Borderless",
-    desc: "Display Card without border (with shadow).",
-    component: /* @__PURE__ */ e(c, {})
-  },
-  {
-    mdName: "ExtraClass",
-    mdPath: o,
-    title: "Extra Class",
-    desc: "Extra class can be apply via <code>bodyClass</code>, <code>headerClass</code> & <code>footerClass</code> to correspond section.",
-    component: /* @__PURE__ */ e(s, {})
-  },
-  {
-    mdName: "Clickable",
-    mdPath: o,
-    title: "Clickable",
-    desc: "Set <code>click</code> prop to <code>true</code> to make cursor become pointer.",
-    component: /* @__PURE__ */ e(i, {})
-  },
-  {
-    mdName: "Media",
-    mdPath: o,
-    title: "Media",
-    desc: "",
-    component: /* @__PURE__ */ e(m, {})
-  }
-], l = [
-  {
-    component: "Card",
-    api: [
-      {
-        propName: "header",
-        type: "<code>{ content?: string | ReactNode, className?: string, bordered?: boolean, extra?: string | ReactNode }</code>",
-        default: "-",
-        desc: "Card header config"
-      },
-      {
-        propName: "footer",
-        type: "<code>{ content?: string | ReactNode, className?: string, bordered?: boolean }</code>",
-        default: "-",
-        desc: "Card footer config"
-      },
-      {
-        propName: "bordered",
-        type: "<code>boolean</code>",
-        default: "<code>false</code>",
-        desc: "Display Card with border (without shadow)"
-      },
-      {
-        propName: "clickable",
-        type: "<code>boolean</code>",
-        default: "<code>false</code>",
-        desc: "Make cursor become pointer upon hover"
-      },
-      {
-        propName: "bodyClass",
-        type: "<code>string</code>",
-        default: "-",
-        desc: "Apply class to card body"
-      },
-      {
-        propName: "onClick",
-        type: "<code>(e: MouseEvent) => void</code>",
-        default: "<code>-</code>",
-        desc: "Callback when Card is clicked"
-      }
-    ]
-  }
-], k = () => /* @__PURE__ */ e(d, { header: n, demos: p, api: l });
-export {
-  k as default
-};
-//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/ui-components/data-display/Cards/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Cards/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport HeaderFooter from './HeaderFooter'\nimport HeaderFooterBorder from './HeaderFooterBorder'\nimport BorderLess from './BorderLess'\nimport ExtraClass from './ExtraClass'\nimport Clickable from './Clickable'\nimport Media from './Media'\n\nconst mdPath = 'Cards'\n\nconst demoHeader = {\n    title: 'Cards',\n    desc: 'Card can be used to container a groups of related content.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Card`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'HeaderFooter',\n        mdPath: mdPath,\n        title: 'Header & Footer',\n        desc: `Card can set header & footer via <code>header</code> & <code>footer</code> props.`,\n        component: <HeaderFooter />,\n    },\n    {\n        mdName: 'HeaderFooterBorder',\n        mdPath: mdPath,\n        title: 'Header & Footer Border',\n        desc: `Header & footer seperator can disabled by setting <code>headerBorder</code> & <code>footerBorder</code> to <code>false</code>.`,\n        component: <HeaderFooterBorder />,\n    },\n    {\n        mdName: 'BorderLess',\n        mdPath: mdPath,\n        title: 'Borderless',\n        desc: `Display Card without border (with shadow).`,\n        component: <BorderLess />,\n    },\n    {\n        mdName: 'ExtraClass',\n        mdPath: mdPath,\n        title: 'Extra Class',\n        desc: `Extra class can be apply via <code>bodyClass</code>, <code>headerClass</code> & <code>footerClass</code> to correspond section.`,\n        component: <ExtraClass />,\n    },\n    {\n        mdName: 'Clickable',\n        mdPath: mdPath,\n        title: 'Clickable',\n        desc: `Set <code>click</code> prop to <code>true</code> to make cursor become pointer.`,\n        component: <Clickable />,\n    },\n    {\n        mdName: 'Media',\n        mdPath: mdPath,\n        title: 'Media',\n        desc: ``,\n        component: <Media />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Card',\n        api: [\n            {\n                propName: 'header',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean, extra?: string | ReactNode }</code>`,\n                default: `-`,\n                desc: 'Card header config',\n            },\n            {\n                propName: 'footer',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean }</code>`,\n                default: `-`,\n                desc: 'Card footer config',\n            },\n            {\n                propName: 'bordered',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display Card with border (without shadow)',\n            },\n            {\n                propName: 'clickable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Make cursor become pointer upon hover',\n            },\n            {\n                propName: 'bodyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Apply class to card body',\n            },\n            {\n                propName: 'onClick',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Card is clicked',\n            },\n        ],\n    },\n]\n\nconst Cards = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Cards\n"],"names":["mdPath","demoHeader","demos","Basic","HeaderFooter","HeaderFooterBorder","BorderLess","ExtraClass","Clickable","Media","demoApi","Cards","DemoLayout"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAS,SAETC,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,GAAa,CAAA,CAAA;AAAA,EAC7B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAmB,CAAA,CAAA;AAAA,EACnC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAW,CAAA,CAAA;AAAA,EAC3B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAW,CAAA,CAAA;AAAA,EAC3B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAU,CAAA,CAAA;AAAA,EAC1B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,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,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAQ,wBACFC,GAAW,EAAA,QAAQX,GAAY,OAAAC,GAAc,KAAKQ,GAAS;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Compact.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/Compact.tsx"],"sourcesContent":["import Table from '@/components/ui/Table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst Compact = () => {\n    return (\n        <div>\n            <Table compact>\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 Compact\n"],"names":["Tr","Th","Td","THead","TBody","Table","Compact","jsx","jsxs"],"mappings":";;AAEA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,EAAU,IAAAC,GAE/BC,IAAU,MAEP,gBAAAC,EAAA,OAAA,EACG,UAAC,gBAAAC,EAAAH,GAAA,EAAM,SAAO,IACV,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;"}

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

@@ -1,87 +0,0 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { useState as D, useMemo as b } from "react";
-import { Table as m } from "../../../../components/ui/Table/index.js";
-import { useReactTable as x, getCoreRowModel as R, flexRender as c } from "@tanstack/react-table";
-import { DragDropContext as y, Droppable as T, Draggable as C } from "@hello-pangea/dnd";
-import { MdDragIndicator as N } from "react-icons/md";
-import { data10 as M } from "./data/index.js";
-const { Tr: i, Th: P, Td: w, THead: H, TBody: K } = m, L = () => {
-  const [l, g] = D(M), p = (r, e) => {
-    const a = [...l], [n] = a.splice(r, 1);
-    a.splice(e, 0, n), g(a);
-  }, f = (r) => {
-    const { source: e, destination: a } = r;
-    a && p(e.index, a.index);
-  }, u = b(
-    () => [
-      {
-        id: "dragger",
-        header: "",
-        accessorKey: "dragger",
-        cell: (r) => (
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          /* @__PURE__ */ o("span", { ...r.dragHandleProps, children: /* @__PURE__ */ o(N, {}) })
-        )
-      },
-      { header: "First Name", accessorKey: "firstName" },
-      { header: "Last Name", accessorKey: "lastName" },
-      { header: "Email", accessorKey: "email" }
-    ],
-    []
-  ), s = x({
-    data: l,
-    columns: u,
-    getCoreRowModel: R()
-  });
-  return /* @__PURE__ */ d(m, { className: "w-full", children: [
-    /* @__PURE__ */ o(H, { children: s.getHeaderGroups().map((r) => /* @__PURE__ */ o(i, { children: r.headers.map((e) => /* @__PURE__ */ o(P, { colSpan: e.colSpan, children: c(
-      e.column.columnDef.header,
-      e.getContext()
-    ) }, e.id)) }, r.id)) }),
-    /* @__PURE__ */ o(y, { onDragEnd: f, children: /* @__PURE__ */ o(T, { droppableId: "table-body", children: (r) => /* @__PURE__ */ d(
-      K,
-      {
-        ref: r.innerRef,
-        ...r.droppableProps,
-        children: [
-          s.getRowModel().rows.map((e) => /* @__PURE__ */ o(
-            C,
-            {
-              draggableId: e.id,
-              index: e.index,
-              children: (a, n) => {
-                const { style: h } = a.draggableProps;
-                return /* @__PURE__ */ o(
-                  i,
-                  {
-                    ref: a.innerRef,
-                    className: n.isDragging ? "table" : "",
-                    style: h,
-                    ...a.draggableProps,
-                    ...a.dragHandleProps,
-                    children: e.getVisibleCells().map((t) => /* @__PURE__ */ o(
-                      w,
-                      {
-                        children: c(
-                          t.column.columnDef.cell,
-                          t.getContext()
-                        )
-                      },
-                      t.id
-                    ))
-                  }
-                );
-              }
-            },
-            e.id
-          )),
-          r.placeholder
-        ]
-      }
-    ) }) })
-  ] });
-};
-export {
-  L as default
-};
-//# sourceMappingURL=DragAndDrop.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DragAndDrop.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/DragAndDrop.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    flexRender,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd'\nimport { MdDragIndicator } from 'react-icons/md'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { DropResult } from '@hello-pangea/dnd'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst DragAndDrop = () => {\n    const [data, setData] = useState(data10)\n\n    const reorderData = (startIndex: number, endIndex: number) => {\n        const newData = [...data]\n        const [movedRow] = newData.splice(startIndex, 1)\n        newData.splice(endIndex, 0, movedRow)\n        setData(newData)\n    }\n\n    const handleDragEnd = (result: DropResult) => {\n        const { source, destination } = result\n        if (!destination) return\n        reorderData(source.index, destination.index)\n    }\n\n    const columns: ColumnDef<Person>[] = useMemo(\n        () => [\n            {\n                id: 'dragger',\n                header: '',\n                accessorKey: 'dragger',\n                cell: (props) => (\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    <span {...(props as any).dragHandleProps}>\n                        <MdDragIndicator />\n                    </span>\n                ),\n            },\n            { header: 'First Name', accessorKey: 'firstName' },\n            { header: 'Last Name', accessorKey: 'lastName' },\n            { header: 'Email', accessorKey: 'email' },\n        ],\n        [],\n    )\n\n    const table = useReactTable({\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n    })\n\n    // Note: Drag & drop will not work in React.StrictMode(Development)\n    return (\n        <Table className=\"w-full\">\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            <DragDropContext onDragEnd={handleDragEnd}>\n                <Droppable droppableId=\"table-body\">\n                    {(provided) => (\n                        <TBody\n                            ref={provided.innerRef}\n                            {...provided.droppableProps}\n                        >\n                            {table.getRowModel().rows.map((row) => {\n                                return (\n                                    <Draggable\n                                        key={row.id}\n                                        draggableId={row.id}\n                                        index={row.index}\n                                    >\n                                        {(provided, snapshot) => {\n                                            const { style } =\n                                                provided.draggableProps\n                                            return (\n                                                <Tr\n                                                    ref={provided.innerRef}\n                                                    className={\n                                                        snapshot.isDragging\n                                                            ? 'table'\n                                                            : ''\n                                                    }\n                                                    style={style}\n                                                    {...provided.draggableProps}\n                                                    {...provided.dragHandleProps}\n                                                >\n                                                    {row\n                                                        .getVisibleCells()\n                                                        .map((cell) => {\n                                                            return (\n                                                                <Td\n                                                                    key={\n                                                                        cell.id\n                                                                    }\n                                                                >\n                                                                    {flexRender(\n                                                                        cell\n                                                                            .column\n                                                                            .columnDef\n                                                                            .cell,\n                                                                        cell.getContext(),\n                                                                    )}\n                                                                </Td>\n                                                            )\n                                                        })}\n                                                </Tr>\n                                            )\n                                        }}\n                                    </Draggable>\n                                )\n                            })}\n                            {provided.placeholder}\n                        </TBody>\n                    )}\n                </Droppable>\n            </DragDropContext>\n        </Table>\n    )\n}\n\nexport default DragAndDrop\n"],"names":["Tr","Th","Td","THead","TBody","Table","DragAndDrop","data","setData","useState","data10","reorderData","startIndex","endIndex","newData","movedRow","handleDragEnd","result","source","destination","columns","useMemo","props","jsx","MdDragIndicator","table","useReactTable","getCoreRowModel","jsxs","headerGroup","header","flexRender","DragDropContext","Droppable","provided","row","Draggable","snapshot","style","cell"],"mappings":"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"}

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

@@ -1,90 +0,0 @@
-import { jsx as o, Fragment as b, jsxs as C } from "react/jsx-runtime";
-import { useState as p, useEffect as f, useRef as w, useCallback as M, useMemo as x } from "react";
-import { Table as g } from "../../../../components/ui/Table/index.js";
-import "../../../../components/ui/Input/index.js";
-import { useReactTable as T, getPaginationRowModel as k, getFilteredRowModel as y, getCoreRowModel as S, flexRender as d } from "@tanstack/react-table";
-import { data10 as D } from "./data/index.js";
-import N from "../../../../components/ui/Input/Input.js";
-const { Tr: m, Th: E, Td: F, THead: P, TBody: v } = g, K = ({
-  getValue: r,
-  row: { index: s },
-  column: { id: l },
-  table: c
-}) => {
-  const a = r(), [i, t] = p(a), e = () => {
-    var n;
-    (n = c.options.meta) == null || n.updateData(s, l, i);
-  };
-  return f(() => {
-    t(a);
-  }, [a]), /* @__PURE__ */ o(
-    N,
-    {
-      className: "border-transparent bg-transparent hover:border-gray-300 focus:bg-white",
-      size: "sm",
-      value: i,
-      onChange: (n) => t(n.target.value),
-      onBlur: e
-    }
-  );
-}, V = {
-  cell: K
-};
-function j() {
-  const r = w(!0), s = r.current, l = M(() => {
-    r.current = !1;
-  }, []);
-  return f(() => {
-    r.current = !0;
-  }), [s, l];
-}
-function G() {
-  const r = x(
-    () => [
-      { header: "First Name", accessorKey: "firstName" },
-      { header: "Last Name", accessorKey: "lastName" },
-      { header: "Email", accessorKey: "email" }
-    ],
-    []
-  ), [s, l] = p(() => D), [c, a] = j(), i = T({
-    data: s,
-    columns: r,
-    defaultColumn: V,
-    getCoreRowModel: S(),
-    getFilteredRowModel: y(),
-    getPaginationRowModel: k(),
-    autoResetPageIndex: c,
-    // Provide our updateData function to our table meta
-    meta: {
-      updateData: (t, e, n) => {
-        typeof a == "function" && a(), l(
-          (u) => u.map((h, R) => R === t ? {
-            ...u[t],
-            [e]: n
-          } : h)
-        );
-      }
-    }
-  });
-  return /* @__PURE__ */ o(b, { children: /* @__PURE__ */ C(g, { children: [
-    /* @__PURE__ */ o(P, { children: i.getHeaderGroups().map((t) => /* @__PURE__ */ o(m, { children: t.headers.map((e) => /* @__PURE__ */ o(
-      E,
-      {
-        colSpan: e.colSpan,
-        children: d(
-          e.column.columnDef.header,
-          e.getContext()
-        )
-      },
-      e.id
-    )) }, t.id)) }),
-    /* @__PURE__ */ o(v, { children: i.getRowModel().rows.map((t) => /* @__PURE__ */ o(m, { children: t.getVisibleCells().map((e) => /* @__PURE__ */ o(F, { children: d(
-      e.column.columnDef.cell,
-      e.getContext()
-    ) }, e.id)) }, t.id)) })
-  ] }) });
-}
-export {
-  G as default
-};
-//# sourceMappingURL=Editable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Editable.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/Editable.tsx"],"sourcesContent":["import { useMemo, useEffect, useState, useRef, useCallback } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef, CellContext, RowData } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n    interface TableMeta<TData extends RowData> {\n        updateData: (\n            rowIndex: number,\n            columnId: string,\n            value: unknown,\n            dataPlaceHolder?: TData,\n        ) => void\n    }\n}\n\ntype EditablePerson = Person\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst EditableCell = ({\n    getValue,\n    row: { index },\n    column: { id },\n    table,\n}: CellContext<EditablePerson, unknown>) => {\n    const initialValue = getValue()\n    // We need to keep and update the state of the cell normally\n    const [value, setValue] = useState(initialValue)\n\n    // When the input is blurred, we'll call our table meta's updateData function\n    const onBlur = () => {\n        table.options.meta?.updateData(index, id, value)\n    }\n\n    // If the initialValue is changed external, sync it up with our state\n    useEffect(() => {\n        setValue(initialValue)\n    }, [initialValue])\n\n    return (\n        <Input\n            className=\"border-transparent bg-transparent hover:border-gray-300 focus:bg-white\"\n            size=\"sm\"\n            value={value as string}\n            onChange={(e) => setValue(e.target.value)}\n            onBlur={onBlur}\n        />\n    )\n}\n\nconst defaultColumn: Partial<ColumnDef<EditablePerson>> = {\n    cell: EditableCell,\n}\n\nfunction useSkipper() {\n    const shouldSkipRef = useRef(true)\n    const shouldSkip = shouldSkipRef.current\n\n    // Wrap a function with this to skip a pagination reset temporarily\n    const skip = useCallback(() => {\n        shouldSkipRef.current = false\n    }, [])\n\n    useEffect(() => {\n        shouldSkipRef.current = true\n    })\n\n    return [shouldSkip, skip]\n}\n\nfunction Editable() {\n    const columns = useMemo(\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, setData] = useState(() => data10)\n\n    const [autoResetPageIndex, skipAutoResetPageIndex] = useSkipper()\n\n    const table = useReactTable({\n        data,\n        columns,\n        defaultColumn,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        autoResetPageIndex: autoResetPageIndex as boolean,\n        // Provide our updateData function to our table meta\n        meta: {\n            updateData: (\n                rowIndex: number,\n                columnId: string,\n                value: unknown,\n            ) => {\n                // Skip age index reset until after next rerender\n                if (typeof skipAutoResetPageIndex === 'function') {\n                    skipAutoResetPageIndex()\n                }\n                setData((old) =>\n                    old.map((row, index) => {\n                        if (index === rowIndex) {\n                            return {\n                                ...old[rowIndex],\n                                [columnId]: value,\n                            }\n                        }\n                        return row\n                    }),\n                )\n            },\n        },\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 Editable\n"],"names":["Tr","Th","Td","THead","TBody","Table","EditableCell","getValue","index","id","table","initialValue","value","setValue","useState","onBlur","_a","useEffect","jsx","Input","e","defaultColumn","useSkipper","shouldSkipRef","useRef","shouldSkip","skip","useCallback","Editable","columns","useMemo","data","setData","data10","autoResetPageIndex","skipAutoResetPageIndex","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","rowIndex","columnId","old","row","Fragment","headerGroup","header","flexRender","cell"],"mappings":"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"}

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

@@ -1,91 +0,0 @@
-import { jsxs as n, Fragment as o, jsx as t } from "react/jsx-runtime";
-import { useMemo as h, useState as s } from "react";
-import { Table as m } from "../../../../components/ui/Table/index.js";
-import { useReactTable as f, getExpandedRowModel as R, getCoreRowModel as C, flexRender as d } from "@tanstack/react-table";
-import { dataWithSubRows as E } from "./data/index.js";
-import { HiOutlineMinusCircle as l, HiOutlinePlusCircle as c } from "react-icons/hi";
-const { Tr: i, Th: b, Td: T, THead: w, TBody: y } = m;
-function P() {
-  const u = h(
-    () => [
-      {
-        id: "expander",
-        header: ({ table: e }) => /* @__PURE__ */ t(
-          "button",
-          {
-            className: "text-xl",
-            onClick: e.getToggleAllRowsExpandedHandler(),
-            children: e.getIsAllRowsExpanded() ? /* @__PURE__ */ t(l, {}) : /* @__PURE__ */ t(c, {})
-          }
-        ),
-        cell: ({ row: e, getValue: r }) => /* @__PURE__ */ n(o, { children: [
-          e.getCanExpand() ? /* @__PURE__ */ t(
-            "button",
-            {
-              className: "text-xl",
-              onClick: e.getToggleExpandedHandler(),
-              children: e.getIsExpanded() ? /* @__PURE__ */ t(l, {}) : /* @__PURE__ */ t(c, {})
-            }
-          ) : null,
-          r()
-        ] })
-      },
-      {
-        header: "First Name",
-        accessorKey: "firstName"
-      },
-      {
-        header: "Last Name",
-        accessorKey: "lastName"
-      },
-      {
-        header: "Age",
-        accessorKey: "age"
-      },
-      {
-        header: "Visits",
-        accessorKey: "visits"
-      },
-      {
-        header: "Status",
-        accessorKey: "status"
-      },
-      {
-        header: "Profile Progress",
-        accessorKey: "progress"
-      }
-    ],
-    []
-  ), [g] = s(E), [p, x] = s({}), a = f({
-    data: g,
-    columns: u,
-    state: {
-      expanded: p
-    },
-    onExpandedChange: x,
-    getSubRows: (e) => e.subRows,
-    getCoreRowModel: C(),
-    getExpandedRowModel: R()
-  });
-  return /* @__PURE__ */ t(o, { children: /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ t(w, { children: a.getHeaderGroups().map((e) => /* @__PURE__ */ t(i, { children: e.headers.map((r) => /* @__PURE__ */ t(
-      b,
-      {
-        colSpan: r.colSpan,
-        children: d(
-          r.column.columnDef.header,
-          r.getContext()
-        )
-      },
-      r.id
-    )) }, e.id)) }),
-    /* @__PURE__ */ t(y, { children: a.getRowModel().rows.map((e) => /* @__PURE__ */ t(i, { children: e.getVisibleCells().map((r) => /* @__PURE__ */ t(T, { children: d(
-      r.column.columnDef.cell,
-      r.getContext()
-    ) }, r.id)) }, e.id)) })
-  ] }) });
-}
-export {
-  P as default
-};
-//# sourceMappingURL=Expanding.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Expanding.js","sources":["../../../../../../../lib/@ecme/views/ui-components/data-display/Table/Expanding.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getExpandedRowModel,\n    flexRender,\n} from '@tanstack/react-table'\nimport { dataWithSubRows } from './data'\nimport { HiOutlinePlusCircle, HiOutlineMinusCircle } from 'react-icons/hi'\nimport type { PersonWithSubRow } from './data'\nimport type { ColumnDef, ExpandedState } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction Exapanding() {\n    const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\n        () => [\n            {\n                id: 'expander',\n                header: ({ table }) => {\n                    return (\n                        <button\n                            className=\"text-xl\"\n                            {...{\n                                onClick:\n                                    table.getToggleAllRowsExpandedHandler(),\n                            }}\n                        >\n                            {table.getIsAllRowsExpanded() ? (\n                                <HiOutlineMinusCircle />\n                            ) : (\n                                <HiOutlinePlusCircle />\n                            )}\n                        </button>\n                    )\n                },\n                cell: ({ row, getValue }) => {\n                    return (\n                        <>\n                            {row.getCanExpand() ? (\n                                <button\n                                    className=\"text-xl\"\n                                    {...{\n                                        onClick: row.getToggleExpandedHandler(),\n                                    }}\n                                >\n                                    {row.getIsExpanded() ? (\n                                        <HiOutlineMinusCircle />\n                                    ) : (\n                                        <HiOutlinePlusCircle />\n                                    )}\n                                </button>\n                            ) : null}\n                            {getValue()}\n                        </>\n                    )\n                },\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                header: 'Visits',\n                accessorKey: 'visits',\n            },\n            {\n                header: 'Status',\n                accessorKey: 'status',\n            },\n            {\n                header: 'Profile Progress',\n                accessorKey: 'progress',\n            },\n        ],\n        [],\n    )\n\n    const [data] = useState(dataWithSubRows)\n    const [expanded, setExpanded] = useState<ExpandedState>({})\n\n    const table = useReactTable({\n        data,\n        columns,\n        state: {\n            expanded,\n        },\n        onExpandedChange: setExpanded,\n        getSubRows: (row) => row.subRows,\n        getCoreRowModel: getCoreRowModel(),\n        getExpandedRowModel: getExpandedRowModel(),\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 Exapanding\n"],"names":["Tr","Th","Td","THead","TBody","Table","Exapanding","columns","useMemo","table","jsx","HiOutlineMinusCircle","HiOutlinePlusCircle","row","getValue","jsxs","Fragment","data","useState","dataWithSubRows","expanded","setExpanded","useReactTable","getCoreRowModel","getExpandedRowModel","headerGroup","header","flexRender","cell"],"mappings":";;;;;;AAaA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,EAAU,IAAAC;AAErC,SAASC,IAAa;AAClB,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,IAAI;AAAA,QACJ,QAAQ,CAAC,EAAE,OAAAC,QAEH,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YAEN,SACID,EAAM,gCAAgC;AAAA,YAG7C,UAAAA,EAAM,qBAAqB,sBACvBE,GAAqB,EAAA,sBAErBC,GAAoB,CAAA,CAAA;AAAA,UAAA;AAAA,QAE7B;AAAA,QAGR,MAAM,CAAC,EAAE,KAAAC,GAAK,UAAAC,QAGD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAAH,EAAI,iBACD,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cAEN,SAASG,EAAI,yBAAyB;AAAA,cAGzC,YAAI,cAAc,sBACdF,GAAqB,EAAA,sBAErBC,GAAoB,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA,IAG7B;AAAA,UACHE,EAAS;AAAA,QAAA,GACd;AAAA,MAGZ;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IAErB;AAAA,IACA,CAAA;AAAA,EACJ,GAEM,CAACG,CAAI,IAAIC,EAASC,CAAe,GACjC,CAACC,GAAUC,CAAW,IAAIH,EAAwB,CAAA,CAAE,GAEpDT,IAAQa,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAV;AAAA,IACA,OAAO;AAAA,MACH,UAAAa;AAAA,IACJ;AAAA,IACA,kBAAkBC;AAAA,IAClB,YAAY,CAACR,MAAQA,EAAI;AAAA,IACzB,iBAAiBU,EAAgB;AAAA,IACjC,qBAAqBC,EAAoB;AAAA,EAAA,CAC5C;AAGG,SAAA,gBAAAd,EAAAM,GAAA,EACI,4BAACX,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAK,EAACP,GACI,EAAA,UAAAM,EAAM,gBAAgB,EAAE,IAAI,CAACgB,MAC1B,gBAAAf,EAACV,GACI,EAAA,UAAAyB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAhB;AAAA,MAACT;AAAA,MAAA;AAAA,QAEG,SAASyB,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAW;AAAA,QAAA;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAOhB,CAEP,KAbID,EAAY,EAcrB,CACH,EACL,CAAA;AAAA,IACA,gBAAAf,EAACN,KACI,UAAMK,EAAA,YAAA,EAAc,KAAK,IAAI,CAACI,wBAEtBb,GACI,EAAA,UAAAa,EAAI,gBAAkB,EAAA,IAAI,CAACe,wBAEnB1B,GACI,EAAA,UAAAyB;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAW;AAAA,IAAA,EACpB,GAJKA,EAAK,EAKd,CAEP,EAVI,GAAAf,EAAI,EAWb,CAEP,EACL,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAER;"}