@orbe-agro/client-core 5.3.147 → 5.3.157

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

@@ -1 +1 @@
-{"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,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAmB;AAAA,EAAA;AAAA,EAEnC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAA,CAAA,CAAM;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,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAQ,wBACFC,GAAA,EAAW,QAAQX,GAAY,OAAAC,GAAc,KAAKQ,GAAS;"}
+{"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/@ecme/views/ui-components/data-display/Table/Compact.js.map

@@ -1 +1 @@
-{"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,MAAUC,GAE/BC,IAAU,MAER,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACH,GAAA,EAAM,SAAO,IACV,UAAA;AAAA,EAAA,gBAAAE,EAACJ,GAAA,EACG,4BAACH,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACf,EAAA,CACJ;AAAA,oBACCG,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAI,EAACR,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,sBAAA,CAAmB;AAAA,MACvB,gBAAAK,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,GACf;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,6BAAA,CAA0B;AAAA,MAC9B,gBAAAK,EAACL,KAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAK,EAACL,KAAG,UAAA,SAAA,CAAM;AAAA,IAAA,GACd;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,EAAA,CACJ;AAAA,EAAA,CACJ,EAAA,CACJ;"}
+{"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/@ecme/views/ui-components/data-display/Table/DragAndDrop.js.map

@@ -1 +1 @@
-{"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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"}
+{"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":";;;;;;;AAcA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,EAAU,IAAAC,GAE/BC,IAAc,MAAM;AACtB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAASC,CAAM,GAEjCC,IAAc,CAACC,GAAoBC,MAAqB;AACpD,UAAAC,IAAU,CAAC,GAAGP,CAAI,GAClB,CAACQ,CAAQ,IAAID,EAAQ,OAAOF,GAAY,CAAC;AACvC,IAAAE,EAAA,OAAOD,GAAU,GAAGE,CAAQ,GACpCP,EAAQM,CAAO;AAAA,EACnB,GAEME,IAAgB,CAACC,MAAuB;AACpC,UAAA,EAAE,QAAAC,GAAQ,aAAAC,EAAA,IAAgBF;AAChC,IAAKE,KACOR,EAAAO,EAAO,OAAOC,EAAY,KAAK;AAAA,EAC/C,GAEMC,IAA+BC;AAAA,IACjC,MAAM;AAAA,MACF;AAAA,QACI,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,MAAM,CAACC;AAAA;AAAA,4BAEF,QAAM,EAAA,GAAIA,EAAc,iBACrB,UAAA,gBAAAC,EAACC,KAAgB,EACrB,CAAA;AAAA;AAAA,MAER;AAAA,MACA,EAAE,QAAQ,cAAc,aAAa,YAAY;AAAA,MACjD,EAAE,QAAQ,aAAa,aAAa,WAAW;AAAA,MAC/C,EAAE,QAAQ,SAAS,aAAa,QAAQ;AAAA,IAC5C;AAAA,IACA,CAAA;AAAA,EACJ,GAEMC,IAAQC,EAAc;AAAA,IACxB,MAAAnB;AAAA,IACA,SAAAa;AAAA,IACA,iBAAiBO,EAAgB;AAAA,EAAA,CACpC;AAIG,SAAA,gBAAAC,EAACvB,GAAM,EAAA,WAAU,UACb,UAAA;AAAA,IAAA,gBAAAkB,EAACpB,GACI,EAAA,UAAAsB,EAAM,gBAAgB,EAAE,IAAI,CAACI,MAC1B,gBAAAN,EAACvB,GACI,EAAA,UAAA6B,EAAY,QAAQ,IAAI,CAACC,MAEjB,gBAAAP,EAAAtB,GAAA,EAAmB,SAAS6B,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,gBAAAN,EAACS,KAAgB,WAAWhB,GACxB,4BAACiB,GAAU,EAAA,aAAY,cAClB,UAAA,CAACC,MACE,gBAAAN;AAAA,MAACxB;AAAA,MAAA;AAAA,QACG,KAAK8B,EAAS;AAAA,QACb,GAAGA,EAAS;AAAA,QAEZ,UAAA;AAAA,UAAAT,EAAM,YAAY,EAAE,KAAK,IAAI,CAACU,MAEvB,gBAAAZ;AAAA,YAACa;AAAA,YAAA;AAAA,cAEG,aAAaD,EAAI;AAAA,cACjB,OAAOA,EAAI;AAAA,cAEV,UAAA,CAACD,GAAUG,MAAa;AACf,sBAAA,EAAE,OAAAC,MACJJ,EAAS;AAET,uBAAA,gBAAAX;AAAA,kBAACvB;AAAA,kBAAA;AAAA,oBACG,KAAKkC,EAAS;AAAA,oBACd,WACIG,EAAS,aACH,UACA;AAAA,oBAEV,OAAAC;AAAA,oBACC,GAAGJ,EAAS;AAAA,oBACZ,GAAGA,EAAS;AAAA,oBAEZ,UACIC,EAAA,gBACA,EAAA,IAAI,CAACI,MAEE,gBAAAhB;AAAA,sBAACrB;AAAA,sBAAA;AAAA,wBAKI,UAAA6B;AAAA,0BACGQ,EACK,OACA,UACA;AAAA,0BACLA,EAAK,WAAW;AAAA,wBAAA;AAAA,sBACpB;AAAA,sBATIA,EAAK;AAAA,oBAUb,CAEP;AAAA,kBAAA;AAAA,gBACT;AAAA,cAAA;AAAA,YAER;AAAA,YAxCKJ,EAAI;AAAA,UAyCb,CAEP;AAAA,UACAD,EAAS;AAAA,QAAA;AAAA,MAAA;AAAA,OAGtB,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"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","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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"}
+{"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","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/@ecme/views/ui-components/data-display/Table/Expanding.js.map

@@ -1 +1 @@
-{"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,MAAUC;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,gCAAA;AAAA,YAGb,UAAAA,EAAM,qBAAA,sBACFE,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAKrC,MAAM,CAAC,EAAE,KAAAC,GAAK,UAAAC,QAEN,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,UAAAH,EAAI,iBACD,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cAEN,SAASG,EAAI,yBAAA;AAAA,cAGhB,YAAI,cAAA,sBACAF,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA,IAG7B;AAAA,UACHE,EAAA;AAAA,QAAS,GACd;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGC,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,IAAA;AAAA,IAEJ,kBAAkBC;AAAA,IAClB,YAAY,CAACR,MAAQA,EAAI;AAAA,IACzB,iBAAiBU,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,EAAoB,CAC5C;AAED,SACI,gBAAAd,EAAAM,GAAA,EACI,4BAACX,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACP,GAAA,EACI,UAAAM,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC1B,gBAAAf,EAACV,GAAA,EACI,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,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,EAAA,GAbID,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAf,EAACN,KACI,UAAAK,EAAM,YAAA,EAAc,KAAK,IAAI,CAACI,wBAEtBb,GAAA,EACI,UAAAa,EAAI,kBAAkB,IAAI,CAACe,wBAEnB1B,GAAA,EACI,UAAAyB;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIf,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"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;"}

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

@@ -1 +1 @@
-{"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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"}
+{"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/@ecme/views/ui-components/data-display/Table/Group.js.map

@@ -1 +1 @@
-{"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,MAAUC,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,UAAA;AAAA,UAEjB;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,UAAA;AAAA,QACjB;AAAA,MACJ;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,SAAS;AAAA,UACL;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCC,IAAQC,EAAc;AAAA,IACxB,MAAAN;AAAA,IACA,SAAAG;AAAA,IACA,iBAAiBI,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKT,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAU,EAACZ,GAAA,EACI,UAAAS,EAAM,gBAAA,EAAkB,IAAI,CAACI,MAC1B,gBAAAD,EAACf,GAAA,EACI,UAAAgB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAF,EAACd,GAAA,EAAmB,SAASgB,EAAO,SAC/B,UAAAC;AAAA,MACGD,EAAO,OAAO,UAAU;AAAA,MACxBA,EAAO,WAAA;AAAA,IAAW,EACtB,GAJKA,EAAO,EAKhB,CAEP,EAAA,GAVID,EAAY,EAWrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAD,EAACX,KACI,UAAAQ,EAAM,YAAA,EAAc,KAAK,IAAI,CAACO,wBAEtBnB,GAAA,EACI,UAAAmB,EAAI,kBAAkB,IAAI,CAACC,wBAEnBlB,GAAA,EACI,UAAAgB;AAAA,MACGE,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVID,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"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/@ecme/views/ui-components/data-display/Table/PaginationTable.js.map

@@ -1 +1 @@
-{"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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"}
+{"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/@ecme/views/ui-components/data-display/Table/Resizable.js.map

@@ -1 +1 @@
-{"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,MAAUC;AAErC,SAASC,IAAY;AACjB,QAAMC,IAAOC,EAAQ,MAAMC,GAAQ,CAAA,CAAE,GAE/BC,IAAUF;AAAA,IACZ,MAAM;AAAA,MACF,EAAE,QAAQ,cAAc,aAAa,YAAA;AAAA,MACrC,EAAE,QAAQ,aAAa,aAAa,WAAA;AAAA,MACpC,EAAE,QAAQ,SAAS,aAAa,QAAA;AAAA,MAChC,EAAE,QAAQ,UAAU,aAAa,SAAA;AAAA,IAAS;AAAA,IAE9C,CAAA;AAAA,EAAC,GAGCG,IAAQC,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAG;AAAA,IACA,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,iBAAiBG,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKR,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAS,EAACX,GAAA,EACI,UAAAQ,EAAM,gBAAA,EAAkB,IAAI,CAACI,MAC1B,gBAAAD,EAACd,GAAA,EACI,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,QAAA;AAAA,QAAQ;AAAA,QAGzB,UAAA;AAAA,UAAAA,EAAO,gBACF,OACAE;AAAA,YACIF,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,WAAA;AAAA,UAAW;AAAA,UAE3BA,EAAO,OAAO,aAAA,KACX,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,mCACPE,EAAO,OAAO,kBACR,eACA,EACV;AAAA,cACA,aAAaA,EAAO,iBAAA;AAAA,cACpB,cAAcA,EAAO,iBAAA;AAAA,YAAiB;AAAA,UAAA;AAAA,QACzC;AAAA,MAAA;AAAA,MAtBAA,EAAO;AAAA,IAAA,CA0BvB,EAAA,GA9BID,EAAY,EA+BrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAD,EAACV,KACI,UAAAO,EAAM,YAAA,EAAc,KAAK,IAAI,CAACQ,wBAEtBnB,GAAA,EACI,UAAAmB,EAAI,kBAAkB,IAAI,CAACC,MAEpB,gBAAAN;AAAA,MAACZ;AAAA,MAAA;AAAA,QAEG,OAAO,EAAE,OAAOkB,EAAK,OAAO,UAAQ;AAAA,QAEnC,UAAAF;AAAA,UACGE,EAAK,OAAO,UAAU;AAAA,UACtBA,EAAK,WAAA;AAAA,QAAW;AAAA,MACpB;AAAA,MANKA,EAAK;AAAA,IAAA,CASrB,EAAA,GAbID,EAAI,EAcb,CAEP,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"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/@ecme/views/ui-components/data-display/Table/RowSelection.js.map

@@ -1 +1 @@
-{"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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"}
+{"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/@ecme/views/ui-components/data-display/Table/Simple.js.map

@@ -1 +1 @@
-{"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,MAAUC,GAE/BC,IAAS,MAEP,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACH,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAE,EAACJ,GAAA,EACG,4BAACH,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAM,EAACN,KAAG,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACf,EAAA,CACJ;AAAA,oBACCG,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAI,EAACR,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,sBAAA,CAAmB;AAAA,MACvB,gBAAAK,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,GACf;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,6BAAA,CAA0B;AAAA,MAC9B,gBAAAK,EAACL,KAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAK,EAACL,KAAG,UAAA,SAAA,CAAM;AAAA,IAAA,GACd;AAAA,sBACCF,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAO,EAACL,KAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAK,EAACL,KAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAK,EAACL,KAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,EAAA,CACJ;AAAA,EAAA,CACJ,EAAA,CACJ;"}
+{"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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sorting.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Sorting.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport type { ColumnDef, ColumnSort } from '@tanstack/react-table'\n\ntype Person = {\n    firstName: string\n    lastName: string\n    age: number\n    visits: number\n    progress: number\n    status: string\n}\n\nconst columns: ColumnDef<Person>[] = [\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\nconst data = [\n    {\n        firstName: 'Maria',\n        lastName: 'Anders',\n        age: 24,\n        visits: 28,\n        progress: 56,\n        status: 'complicated',\n    },\n    {\n        firstName: 'Francisco',\n        lastName: 'Chang',\n        age: 9,\n        visits: 90,\n        progress: 77,\n        status: 'single',\n    },\n    {\n        firstName: 'Roland',\n        lastName: 'Mendel',\n        age: 1,\n        visits: 16,\n        progress: 56,\n        status: 'single',\n    },\n    {\n        firstName: 'Helen',\n        lastName: 'Bennett',\n        age: 43,\n        visits: 94,\n        progress: 53,\n        status: 'single',\n    },\n    {\n        firstName: 'Yoshi ',\n        lastName: 'Tannamuri',\n        age: 37,\n        visits: 85,\n        progress: 28,\n        status: 'single',\n    },\n]\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst Sorting = () => {\n    const [sorting, setSorting] = useState<ColumnSort[]>([])\n\n    const table = useReactTable({\n        data,\n        columns,\n        state: {\n            sorting,\n        },\n        onSortingChange: setSorting,\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\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                                        {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\n                        .getRowModel()\n                        .rows.slice(0, 10)\n                        .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 Sorting\n"],"names":["columns","data","Tr","Th","Td","THead","TBody","Sorter","Table","Sorting","sorting","setSorting","useState","table","useReactTable","getCoreRowModel","getSortedRowModel","jsx","Fragment","headerGroup","header","jsxs","flexRender","row","cell"],"mappings":"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"}
+{"version":3,"file":"Sorting.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Sorting.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n    flexRender,\n    getCoreRowModel,\n    getSortedRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport type { ColumnDef, ColumnSort } from '@tanstack/react-table'\n\ntype Person = {\n    firstName: string\n    lastName: string\n    age: number\n    visits: number\n    progress: number\n    status: string\n}\n\nconst columns: ColumnDef<Person>[] = [\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\nconst data = [\n    {\n        firstName: 'Maria',\n        lastName: 'Anders',\n        age: 24,\n        visits: 28,\n        progress: 56,\n        status: 'complicated',\n    },\n    {\n        firstName: 'Francisco',\n        lastName: 'Chang',\n        age: 9,\n        visits: 90,\n        progress: 77,\n        status: 'single',\n    },\n    {\n        firstName: 'Roland',\n        lastName: 'Mendel',\n        age: 1,\n        visits: 16,\n        progress: 56,\n        status: 'single',\n    },\n    {\n        firstName: 'Helen',\n        lastName: 'Bennett',\n        age: 43,\n        visits: 94,\n        progress: 53,\n        status: 'single',\n    },\n    {\n        firstName: 'Yoshi ',\n        lastName: 'Tannamuri',\n        age: 37,\n        visits: 85,\n        progress: 28,\n        status: 'single',\n    },\n]\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst Sorting = () => {\n    const [sorting, setSorting] = useState<ColumnSort[]>([])\n\n    const table = useReactTable({\n        data,\n        columns,\n        state: {\n            sorting,\n        },\n        onSortingChange: setSorting,\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\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                                        {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\n                        .getRowModel()\n                        .rows.slice(0, 10)\n                        .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 Sorting\n"],"names":["columns","data","Tr","Th","Td","THead","TBody","Sorter","Table","Sorting","sorting","setSorting","useState","table","useReactTable","getCoreRowModel","getSortedRowModel","jsx","Fragment","headerGroup","header","jsxs","flexRender","row","cell"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SubComponent.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/SubComponent.tsx"],"sourcesContent":["import { useMemo, Fragment } 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 { HiOutlineChevronRight, HiOutlineChevronDown } from 'react-icons/hi'\nimport type { PersonWithSubRow } from './data'\nimport type { ColumnDef, Row } from '@tanstack/react-table'\nimport type { ReactElement } from 'react'\n\ntype ReactTableProps<T> = {\n    renderRowSubComponent: (props: { row: Row<T> }) => ReactElement\n    getRowCanExpand: (row: Row<T>) => boolean\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction ReactTable({\n    renderRowSubComponent,\n    getRowCanExpand,\n}: ReactTableProps<PersonWithSubRow>) {\n    const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\n        () => [\n            {\n                // Make an expander cell\n                header: () => null, // No header\n                id: 'expander', // It needs an ID\n                cell: ({ row }) => (\n                    <>\n                        {row.getCanExpand() ? (\n                            <button\n                                className=\"text-lg\"\n                                {...{ onClick: row.getToggleExpandedHandler() }}\n                            >\n                                {row.getIsExpanded() ? (\n                                    <HiOutlineChevronDown />\n                                ) : (\n                                    <HiOutlineChevronRight />\n                                )}\n                            </button>\n                        ) : null}\n                    </>\n                ),\n                // We can override the cell renderer with a SubCell to be used with an expanded row\n                subCell: () => null, // No expander on an expanded row\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 table = useReactTable({\n        data: dataWithSubRows,\n        columns,\n        getRowCanExpand,\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                            <Fragment key={row.id}>\n                                <Tr>\n                                    {/* first row is a normal row */}\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                                {row.getIsExpanded() && (\n                                    <Tr>\n                                        {/* 2nd row is a custom 1 cell row */}\n                                        <Td\n                                            colSpan={\n                                                row.getVisibleCells().length\n                                            }\n                                        >\n                                            {renderRowSubComponent({ row })}\n                                        </Td>\n                                    </Tr>\n                                )}\n                            </Fragment>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nconst renderSubComponent = ({ row }: { row: Row<PersonWithSubRow> }) => {\n    return (\n        <pre style={{ fontSize: '10px' }}>\n            <code>{JSON.stringify(row.original, null, 2)}</code>\n        </pre>\n    )\n}\n\nconst SubComponent = () => {\n    return (\n        <ReactTable\n            renderRowSubComponent={renderSubComponent}\n            getRowCanExpand={() => true}\n        />\n    )\n}\n\nexport default SubComponent\n"],"names":["Tr","Th","Td","THead","TBody","Table","ReactTable","renderRowSubComponent","getRowCanExpand","columns","useMemo","row","jsx","Fragment","HiOutlineChevronDown","HiOutlineChevronRight","table","useReactTable","dataWithSubRows","getCoreRowModel","getExpandedRowModel","headerGroup","header","flexRender","jsxs","cell","renderSubComponent","SubComponent"],"mappings":";;;;;;AAmBA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC;AAErC,SAASC,EAAW;AAAA,EAChB,uBAAAC;AAAA,EACA,iBAAAC;AACJ,GAAsC;AAClC,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA;AAAA,QAEI,QAAQ,MAAM;AAAA;AAAA,QACd,IAAI;AAAA;AAAA,QACJ,MAAM,CAAC,EAAE,KAAAC,EAAA,MACL,gBAAAC,EAAAC,GAAA,EACK,UAAAF,EAAI,iBACD,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACJ,SAASD,EAAI;YAElB,YAAI,cAAA,sBACAG,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAsB;AAAA,UAAA;AAAA,QAAA,IAG/B,KAAA,CACR;AAAA;AAAA,QAGJ,SAAS,MAAM;AAAA;AAAA,MAAA;AAAA,MAEnB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCC,IAAQC,EAAc;AAAA,IACxB,MAAMC;AAAA,IACN,SAAAT;AAAA,IACA,iBAAAD;AAAA,IACA,iBAAiBW,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,EAAoB,CAC5C;AAED,SACI,gBAAAR,EAAAC,GAAA,EACI,4BAACR,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAACT,GAAA,EACI,UAAAa,EAAM,gBAAA,EAAkB,IAAI,CAACK,MAC1B,gBAAAT,EAACZ,GAAA,EACI,UAAAqB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAV;AAAA,MAACX;AAAA,MAAA;AAAA,QAEG,SAASqB,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,EAAA,GAbID,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAT,EAACR,KACI,UAAAY,EAAM,YAAA,EAAc,KAAK,IAAI,CAACL,MAEvB,gBAAAa,EAACX,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAACZ,KAEI,UAAAW,EAAI,kBAAkB,IAAI,CAACc,wBAEnB,MAAA,EACI,UAAAF;AAAA,QACGE,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,CACL;AAAA,MACCd,EAAI,cAAA,KACD,gBAAAC,EAACZ,GAAA,EAEG,UAAA,gBAAAY;AAAA,QAACV;AAAA,QAAA;AAAA,UACG,SACIS,EAAI,gBAAA,EAAkB;AAAA,UAGzB,UAAAJ,EAAsB,EAAE,KAAAI,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA,EAClC,CACJ;AAAA,IAAA,EAAA,GAxBOA,EAAI,EA0BnB,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;AAEA,MAAMe,IAAqB,CAAC,EAAE,KAAAf,0BAErB,OAAA,EAAI,OAAO,EAAE,UAAU,UACpB,UAAA,gBAAAC,EAAC,QAAA,EAAM,UAAA,KAAK,UAAUD,EAAI,UAAU,MAAM,CAAC,GAAE,GACjD,GAIFgB,IAAe,MAEb,gBAAAf;AAAA,EAACN;AAAA,EAAA;AAAA,IACG,uBAAuBoB;AAAA,IACvB,iBAAiB,MAAM;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"SubComponent.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/SubComponent.tsx"],"sourcesContent":["import { useMemo, Fragment } 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 { HiOutlineChevronRight, HiOutlineChevronDown } from 'react-icons/hi'\nimport type { PersonWithSubRow } from './data'\nimport type { ColumnDef, Row } from '@tanstack/react-table'\nimport type { ReactElement } from 'react'\n\ntype ReactTableProps<T> = {\n    renderRowSubComponent: (props: { row: Row<T> }) => ReactElement\n    getRowCanExpand: (row: Row<T>) => boolean\n}\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction ReactTable({\n    renderRowSubComponent,\n    getRowCanExpand,\n}: ReactTableProps<PersonWithSubRow>) {\n    const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\n        () => [\n            {\n                // Make an expander cell\n                header: () => null, // No header\n                id: 'expander', // It needs an ID\n                cell: ({ row }) => (\n                    <>\n                        {row.getCanExpand() ? (\n                            <button\n                                className=\"text-lg\"\n                                {...{ onClick: row.getToggleExpandedHandler() }}\n                            >\n                                {row.getIsExpanded() ? (\n                                    <HiOutlineChevronDown />\n                                ) : (\n                                    <HiOutlineChevronRight />\n                                )}\n                            </button>\n                        ) : null}\n                    </>\n                ),\n                // We can override the cell renderer with a SubCell to be used with an expanded row\n                subCell: () => null, // No expander on an expanded row\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 table = useReactTable({\n        data: dataWithSubRows,\n        columns,\n        getRowCanExpand,\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                            <Fragment key={row.id}>\n                                <Tr>\n                                    {/* first row is a normal row */}\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                                {row.getIsExpanded() && (\n                                    <Tr>\n                                        {/* 2nd row is a custom 1 cell row */}\n                                        <Td\n                                            colSpan={\n                                                row.getVisibleCells().length\n                                            }\n                                        >\n                                            {renderRowSubComponent({ row })}\n                                        </Td>\n                                    </Tr>\n                                )}\n                            </Fragment>\n                        )\n                    })}\n                </TBody>\n            </Table>\n        </>\n    )\n}\n\nconst renderSubComponent = ({ row }: { row: Row<PersonWithSubRow> }) => {\n    return (\n        <pre style={{ fontSize: '10px' }}>\n            <code>{JSON.stringify(row.original, null, 2)}</code>\n        </pre>\n    )\n}\n\nconst SubComponent = () => {\n    return (\n        <ReactTable\n            renderRowSubComponent={renderSubComponent}\n            getRowCanExpand={() => true}\n        />\n    )\n}\n\nexport default SubComponent\n"],"names":["Tr","Th","Td","THead","TBody","Table","ReactTable","renderRowSubComponent","getRowCanExpand","columns","useMemo","row","jsx","Fragment","HiOutlineChevronDown","HiOutlineChevronRight","table","useReactTable","dataWithSubRows","getCoreRowModel","getExpandedRowModel","headerGroup","header","flexRender","jsxs","cell","renderSubComponent","SubComponent"],"mappings":"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"}