npm - @orbe-agro/client-core - Versions diffs - 3.4.12 → 3.4.13 - Mend

@orbe-agro/client-core 3.4.12 → 3.4.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1447) hide show

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

	@@ -1 +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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"}
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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"}

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

	@@ -1 +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,~~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;"}
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,KAVID,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;"}

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

	@@ -1 +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":";;;;;;;;AAwBA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,~~EAAU~~,~~IAAAC,~~GAE/BC,IAAY,MAAgB;AAC9B,QAAMC,IAAgB,~~CAAC~~;~~AACvB~~,WAASC,IAAI,GAAGA,IAAI,KAAKA;AACrB,IAAAD,EAAI,KAAK;AAAA,MACL,WAAW,SAASC,CAAC;AAAA,MACrB,UAAU,UAAUA,CAAC;AAAA,MACrB,KAAKA;AAAA,IAAA,CACR;~~AAEE~~,~~SAAAD~~;AACX,GAEME,IAAYH,IAAY,QAExBI,IAAiB;AAAA,EACnB,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;AAAA,~~EAChC~~,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;AAAA,~~EAChC~~,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;AAAA,~~EAChC~~,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;AAAA,~~EAChC~~,EAAE,OAAO,IAAI,OAAO,~~YAAY~~;~~AACpC~~,GAEMC,IAAkB,MAAM;AAC1B,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;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~~,CAACC,CAAI,IAAIC,EAAS,MAAMT,GAAW,GAEnCU,IAAQC,EAAc;AAAA,IACxB,MAAAH;AAAA,IACA,SAAAF;AAAA;AAAA,IAEA,iBAAiBM,~~EAAgB~~;AAAA,~~IACjC~~,qBAAqBC,~~EAAoB~~;AAAA,~~IACzC~~,uBAAuBC,~~EAAsB~~;AAAA,~~EAAA~~,CAChD,GAEKC,IAAqB,CAACC,MAAiB;~~AACnC~~,IAAAN,~~EAAA~~,aAAaM,IAAO,CAAC;AAAA,~~EAC/B~~,~~GAEMC~~,IAAiB,CAACC,IAAQ,MAAM;~~AAC5B~~,IAAAR,~~EAAA~~,YAAY,OAAOQ,CAAK,CAAC;AAAA,~~EACnC~~;~~AAEA~~,2BACK,~~OACG~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAC,EAACpB,~~GACG~~,~~EAAA~~,UAAA;AAAA,MAAA,gBAAAqB,EAACvB,~~GACI~~,~~EAAA~~,UAAAa,EAAM,~~gBAAgB~~,~~EAAE~~,IAAI,CAACW,MAC1B,gBAAAD,EAAC1B,~~GACI~~,~~EAAA~~,UAAA2B,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAF;AAAA,QAACzB;AAAA,QAAA;AAAA,UAEG,SAAS2B,EAAO;AAAA,UAEf,UAAAC;AAAA,YACGD,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,~~WAAW~~;AAAA,~~UAAA~~;AAAA,QACtB;AAAA,QANKA,EAAO;AAAA,~~MAOhB~~,~~CAEP~~,KAbID,EAAY,EAcrB,CACH,~~EACL~~,~~CAAA~~;AAAA,MACA,gBAAAD,EAACtB,KACI,~~UAAMY~~,~~EAAA~~,YAAA,EAAc,KAAK,IAAI,CAACc,wBAEtB9B,~~GACI~~,~~EAAA~~,UAAA8B,EAAI,~~gBAAkB~~,~~EAAA,~~IAAI,CAACC,wBAEnB7B,~~GACI~~,~~EAAA~~,UAAA2B;AAAA,QACGE,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,~~WAAW~~;AAAA,~~MAAA~~,EACpB,GAJKA,EAAK,EAKd,CAEP,~~EAVI~~,~~GAAAD~~,EAAI,EAWb,CAEP,~~EACL~~,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAL,EAAC,~~OAAI~~,~~EAAA~~,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,UAAUhB,EAAM,~~SAAS~~,~~EAAE~~,WAAW;AAAA,UACtC,aAAaA,EAAM,~~SAAS~~,~~EAAE~~,WAAW,YAAY;AAAA,UACrD,OAAOP;AAAA,UACP,UAAUY;AAAA,QAAA;AAAA,~~MACd~~;AAAA,~~wBACC~~,~~OAAI~~,~~EAAA~~,OAAO,EAAE,UAAU,OACpB,UAAA,gBAAAK;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,cAAc;AAAA,UACd,OAAOvB,EAAe;AAAA,YAClB,CAACwB,MACGA,EAAO,UACPlB,EAAM,~~WAAW~~,WAAW;AAAA,~~UACpC~~;AAAA,~~UACA~~,SAASN;AAAA,UACT,UAAU,CAACwB,MAAWX,EAAeW,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QAAA;AAAA,MAAA,~~EAE1D~~,~~CAAA~~;AAAA,IAAA,~~EACJ~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;"}
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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"}

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

	@@ -1 +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,~~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;"}
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,KA9BID,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;"}

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

	@@ -1 +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":";;;;;;AAyBA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,~~EAAU,IAAAC~~;AAErC,SAASC,EAAsB;AAAA,EAC3B,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAA+B;~~AACrB~~,~~QAAAC~~,IAAMC,EAAyB,IAAI;AAEzC,SAAAC,EAAU,MAAM;AACZ,IAAI,OAAOL,KAAkB,aAAaG,EAAI,YAC1CA,EAAI,QAAQ,gBAAgB,CAACD,EAAK,WAAWF;AAAA,EACjD,GAED,CAACG,GAAKH,CAAa,CAAC,GAEhB,gBAAAM,EAACC,~~GAAS~~,~~EAAA~~,KAAAJ,GAAU,UAAU,CAACK,GAAG,MAAMP,EAAS,CAAC,GAAI,GAAGC,~~EAAM~~,~~CAAA~~;AAC1E;AAEA,SAASO,IAAe;AACpB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,CAAA,CAAE,GAE7CC,IAAUC,EAA6B,MAClC;AAAA,IACH;AAAA,MACI,IAAI;AAAA,MACJ,QAAQ,CAAC,EAAE,OAAAC,~~EACP~~,~~MAAA,~~gBAAAT;AAAA,QAACP;AAAA,QAAA;AAAA,UAEO,SAASgB,EAAM,~~qBAAqB~~;AAAA,~~UACpC~~,eAAeA,EAAM,~~sBAAsB~~;AAAA,~~UAC3C~~,UAAUA,EAAM,~~gCAAgC~~;AAAA,~~QACpD~~;AAAA,~~MACJ~~;AAAA,~~MAEJ~~,MAAM,CAAC,EAAE,KAAAC,EAAA,~~MACJ~~,gBAAAV,~~EAAA~~,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,QAACP;AAAA,QAAA;AAAA,UAEO,SAASiB,EAAI,~~cAAc~~;AAAA,~~UAC3B~~,UAAU,CAACA,EAAI,~~aAAa~~;AAAA,~~UAC5B~~,eAAeA,EAAI,~~kBAAkB~~;AAAA,~~UACrC~~,UAAUA,EAAI,~~yBAAyB~~;AAAA,~~QAC3C~~;AAAA,MAAA,~~EAER~~,~~CAAA~~;AAAA,~~IAER~~;AAAA,~~IACA~~;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,~~IACjB~~;AAAA,~~IACA~~;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,~~IACjB~~;AAAA,~~IACA~~;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,~~EAErB~~,~~GACD~~,EAAE,GAEC,CAACC,CAAI,IAAIL,EAAS,MAAMM,CAAM,GAE9BH,IAAQI,EAAc;AAAA,IACxB,MAAAF;AAAA,IACA,SAAAJ;AAAA,IACA,OAAO;AAAA,MACH,cAAAH;AAAA,~~IACJ~~;AAAA,~~IACA~~,oBAAoB;AAAA;AAAA;AAAA,IAEpB,sBAAsBC;AAAA,IACtB,iBAAiBS,~~EAAgB~~;AAAA,~~IACjC~~,qBAAqBC,~~EAAoB~~;AAAA,~~IACzC~~,uBAAuBC,~~EAAsB~~;AAAA,~~EAAA~~,CAChD;~~AAGG~~,~~SAAA~~,gBAAAhB,EAAAiB,GAAA,EACI,4BAACzB,~~GACG~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAQ,EAACV,~~GACI~~,~~EAAA~~,UAAAmB,EAAM,~~gBAAgB~~,~~EAAE~~,IAAI,CAACS,MAC1B,gBAAAlB,EAACb,~~GACI~~,~~EAAA~~,UAAA+B,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAnB;AAAA,MAACZ;AAAA,MAAA;AAAA,QAEG,SAAS+B,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,gBAAAlB,EAACT,KACI,~~UAAMkB~~,~~EAAA~~,YAAA,EAAc,KAAK,IAAI,CAACC,wBAEtBvB,~~GACI~~,~~EAAA~~,UAAAuB,EAAI,~~gBAAkB~~,~~EAAA,~~IAAI,CAACW,wBAEnBhC,~~GACI~~,~~EAAA~~,UAAA+B;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,~~WAAW~~;AAAA,~~IAAA~~,EACpB,GAJKA,EAAK,EAKd,CAEP,~~EAVI~~,~~GAAAX~~,EAAI,EAWb,CAEP,~~EACL~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
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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"}

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

	@@ -1 +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,~~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~~;"}
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;"}

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

	@@ -1 +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":";;;;AAmBA,MAAMA,IAA+B;AAAA,EACjC;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,~~EACjB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,~~EACjB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,~~EACjB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,~~EACjB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,~~EACjB~~;AAAA,~~EACA~~;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB,GAEMC,IAAO;AAAA,EACT;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,~~EACZ~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,~~EACZ~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,~~EACZ~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,~~EACZ~~;AAAA,~~EACA~~;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAEhB,GAEM,EAAE,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,QAAAC,MAAWC,GAEvCC,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAuB,CAAA,CAAE,GAEjDC,IAAQC,EAAc;AAAA,IACxB,MAAAb;AAAA,IACA,SAAAD;AAAA,IACA,OAAO;AAAA,MACH,SAAAU;AAAA,~~IACJ~~;AAAA,~~IACA~~,iBAAiBC;AAAA,IACjB,iBAAiBI,~~EAAgB~~;AAAA,~~IACjC~~,mBAAmBC,~~EAAkB~~;AAAA,~~EAAA~~,CACxC;~~AAGG~~,~~SAAA~~,gBAAAC,EAAAC,GAAA,EACI,4BAACV,~~GACG~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAS,EAACZ,~~GACI~~,~~EAAA~~,UAAAQ,EAAM,~~gBAAgB~~,~~EAAE~~,IAAI,CAACM,MAC1B,gBAAAF,EAACf,~~GACI~~,~~EAAA~~,UAAAiB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAH;AAAA,MAACd;AAAA,MAAA;AAAA,QAEG,SAASiB,EAAO;AAAA,QAEf,UAAAA,EAAO,gBAAgB,OACpB,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YAEO,WACID,EAAO,OAAO,~~eACR~~,+BACA;AAAA,YACV,SACIA,EAAO,OAAO,~~wBAAwB~~;AAAA,~~YAG7C~~,UAAA;AAAA,cAAAE;AAAA,gBACGF,EAAO,OAAO,UACT;AAAA,gBACLA,EAAO,~~WAAW~~;AAAA,~~cACtB~~;AAAA,~~cAEI~~,gBAAAH;AAAA,gBAACV;AAAA,gBAAA;AAAA,kBACG,MAAMa,EAAO,OAAO,~~YAAY~~;AAAA,~~gBAAA~~;AAAA,cAAA;AAAA,YACpC;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MAxBCA,EAAO;AAAA,~~IA0BhB~~,~~CAEP~~,KAhCID,EAAY,EAiCrB,CACH,~~EACL~~,~~CAAA~~;AAAA,~~IACC~~,gBAAAF,~~EAAAX~~,GAAA,EACI,~~UACIO~~,~~EAAA~~,~~YACA~~,~~EAAA~~,KAAK,MAAM,GAAG,EAAE,EAChB,IAAI,CAACU,wBAEGrB,~~GACI~~,~~EAAA~~,UAAAqB,EAAI,~~gBAAkB~~,~~EAAA,~~IAAI,CAACC,wBAEnBpB,~~GACI~~,~~EAAA~~,UAAAkB;AAAA,MACGE,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,~~WAAW~~;AAAA,~~IAAA~~,EACpB,GAJKA,EAAK,EAKd,CAEP,~~EAVI~~,~~GAAAD~~,EAAI,EAWb,CAEP,~~EACT~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;"}
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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"}

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

	@@ -1 +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,~~EAAU,IAAAC~~;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,~~MAEA~~,gBAAAC,EAAAC,GAAA,~~EAAA~~,UAAAF,EAAI,iBACD,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACJ,SAASD,EAAI;YAElB,YAAI,~~cAAc~~,~~sBACdG~~,~~GAAqB~~,~~EAAA~~,sBAErBC,~~GAAsB~~,CAAA,~~CAAA~~;AAAA,UAAA;AAAA,~~YAG~~/B,~~KACR~~,~~CAAA~~;AAAA;AAAA,QAGJ,SAAS,MAAM;AAAA;AAAA,~~MACnB~~;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~~,~~GAEMC~~,IAAQC,EAAc;AAAA,IACxB,MAAMC;AAAA,IACN,SAAAT;AAAA,IACA,iBAAAD;AAAA,IACA,iBAAiBW,~~EAAgB~~;AAAA,~~IACjC~~,qBAAqBC,~~EAAoB~~;AAAA,~~EAAA~~,CAC5C;~~AAGG~~,~~SAAA~~,gBAAAR,EAAAC,GAAA,EACI,4BAACR,~~GACG~~,~~EAAA~~,UAAA;AAAA,IAAA,gBAAAO,EAACT,~~GACI~~,~~EAAA~~,UAAAa,EAAM,~~gBAAgB~~,~~EAAE~~,IAAI,CAACK,MAC1B,gBAAAT,EAACZ,~~GACI~~,~~EAAA~~,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,~~WAAW~~;AAAA,~~QAAA~~;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,~~IAOhB~~,~~CAEP~~,KAbID,EAAY,EAcrB,CACH,~~EACL~~,~~CAAA~~;AAAA,IACA,gBAAAT,EAACR,KACI,~~UAAMY~~,~~EAAA~~,YAAA,EAAc,KAAK,IAAI,CAACL,MAEvB,gBAAAa,EAACX,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAACZ,KAEI,~~UAAIW~~,~~EAAA~~,kBAAkB,IAAI,CAACc,wBAEnB,~~MACI~~,~~EAAA~~,UAAAF;AAAA,QACGE,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,~~WAAW~~;AAAA,~~MAAA~~,EACpB,GAJKA,EAAK,EAKd,CAEP,GACL;AAAA,MACCd,EAAI,cAAA,KACD,gBAAAC,EAACZ,~~GAEG~~,~~EAAA~~,UAAA,gBAAAY;AAAA,QAACV;AAAA,QAAA;AAAA,UACG,SACIS,EAAI,gBAAA,EAAkB;AAAA,UAGzB,UAAAJ,EAAsB,EAAE,KAAAI,~~EAAK~~,~~CAAA~~;AAAA,QAAA;AAAA,MAAA,~~EAEtC~~,~~CAAA~~;AAAA,IAAA,EAAA,GAxBOA,EAAI,EA0BnB,CAEP,~~EACL~~,~~CAAA~~;AAAA,EAAA,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAER;AAEA,MAAMe,IAAqB,CAAC,EAAE,KAAAf,0BAErB,~~OAAI~~,~~EAAA~~,OAAO,EAAE,UAAU,UACpB,UAAA,gBAAAC,EAAC,~~QAAM~~,~~EAAA~~,UAAA,KAAK,UAAUD,EAAI,UAAU,MAAM,CAAC,~~EAAE~~,~~CAAA,~~GACjD,GAIFgB,IAAe,MAEb,gBAAAf;AAAA,EAACN;AAAA,EAAA;AAAA,IACG,uBAAuBoB;AAAA,IACvB,iBAAiB,MAAM;AAAA,EAAA;~~AAC3B~~;"}
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":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/ui-components/data-display/Table/data/index.ts"],"sourcesContent":["export type Person = {\n id: number\n firstName: string\n lastName: string\n email: string\n gender: string\n}\n\nexport type PersonWithSubRow = {\n firstName: string\n lastName: string\n age: number\n visits: number\n progress: number\n status: string\n subRows?: PersonWithSubRow[]\n}\n\nexport const data100: Person[] = [\n {\n id: 1,\n firstName: 'Alastair',\n lastName: 'Dilkes',\n email: 'adilkes0@jigsy.com',\n gender: 'Female',\n },\n {\n id: 2,\n firstName: 'Matthaeus',\n lastName: 'Graber',\n email: 'mgraber1@adobe.com',\n gender: 'Genderqueer',\n },\n {\n id: 3,\n firstName: 'Gayel',\n lastName: 'Croxley',\n email: 'gcroxley2@businessinsider.com',\n gender: 'Male',\n },\n {\n id: 4,\n firstName: 'Gracia',\n lastName: 'Domegan',\n email: 'gdomegan3@reference.com',\n gender: 'Genderfluid',\n },\n {\n id: 5,\n firstName: 'Galvan',\n lastName: 'Beringer',\n email: 'gberinger4@yellowpages.com',\n gender: 'Agender',\n },\n {\n id: 6,\n firstName: 'Maud',\n lastName: 'Aicheson',\n email: 'maicheson5@ycombinator.com',\n gender: 'Male',\n },\n {\n id: 7,\n firstName: 'Gwenette',\n lastName: 'Dailey',\n email: 'gdailey6@state.tx.us',\n gender: 'Genderfluid',\n },\n {\n id: 8,\n firstName: 'Marius',\n lastName: 'Leman',\n email: 'mleman7@cnn.com',\n gender: 'Genderfluid',\n },\n {\n id: 9,\n firstName: 'Natka',\n lastName: 'Varcoe',\n email: 'nvarcoe8@hhs.gov',\n gender: 'Male',\n },\n {\n id: 10,\n firstName: 'Kellie',\n lastName: 'Ackerley',\n email: 'kackerley9@posterous.com',\n gender: 'Genderfluid',\n },\n {\n id: 11,\n firstName: 'Kimbell',\n lastName: 'Shilling',\n email: 'kshillinga@ibm.com',\n gender: 'Agender',\n },\n {\n id: 12,\n firstName: 'Tammy',\n lastName: 'Mattinson',\n email: 'tmattinsonb@g.co',\n gender: 'Bigender',\n },\n {\n id: 13,\n firstName: 'Antony',\n lastName: 'Bodemeaid',\n email: 'abodemeaidc@google.com',\n gender: 'Genderqueer',\n },\n {\n id: 14,\n firstName: 'Cordey',\n lastName: 'Brockway',\n email: 'cbrockwayd@ucoz.ru',\n gender: 'Male',\n },\n {\n id: 15,\n firstName: 'Ammamaria',\n lastName: 'Jaqueme',\n email: 'ajaquemee@google.fr',\n gender: 'Polygender',\n },\n {\n id: 16,\n firstName: 'Urbano',\n lastName: 'Potter',\n email: 'upotterf@symantec.com',\n gender: 'Agender',\n },\n {\n id: 17,\n firstName: 'Omar',\n lastName: 'Simyson',\n email: 'osimysong@de.vu',\n gender: 'Non-binary',\n },\n {\n id: 18,\n firstName: 'Olva',\n lastName: 'Shoubridge',\n email: 'oshoubridgeh@senate.gov',\n gender: 'Genderfluid',\n },\n {\n id: 19,\n firstName: 'Dominic',\n lastName: 'Nibloe',\n email: 'dnibloei@php.net',\n gender: 'Bigender',\n },\n {\n id: 20,\n firstName: 'Caryn',\n lastName: 'Kermott',\n email: 'ckermottj@trellian.com',\n gender: 'Agender',\n },\n {\n id: 21,\n firstName: 'Amberly',\n lastName: 'Parham',\n email: 'aparhamk@webnode.com',\n gender: 'Genderfluid',\n },\n {\n id: 22,\n firstName: 'Odell',\n lastName: 'Willman',\n email: 'owillmanl@instagram.com',\n gender: 'Agender',\n },\n {\n id: 23,\n firstName: 'Ahmad',\n lastName: 'Shuttell',\n email: 'ashuttellm@studiopress.com',\n gender: 'Agender',\n },\n {\n id: 24,\n firstName: 'Wynnie',\n lastName: 'Welberry',\n email: 'wwelberryn@ovh.net',\n gender: 'Bigender',\n },\n {\n id: 25,\n firstName: 'Matt',\n lastName: 'McFee',\n email: 'mmcfeeo@msn.com',\n gender: 'Male',\n },\n {\n id: 26,\n firstName: 'Cristi',\n lastName: 'Ollander',\n email: 'collanderp@wikia.com',\n gender: 'Genderqueer',\n },\n {\n id: 27,\n firstName: 'Sapphira',\n lastName: 'Allot',\n email: 'sallotq@kickstarter.com',\n gender: 'Polygender',\n },\n {\n id: 28,\n firstName: 'Karalynn',\n lastName: 'Skellorne',\n email: 'kskellorner@nasa.gov',\n gender: 'Male',\n },\n {\n id: 29,\n firstName: 'Meyer',\n lastName: 'Callister',\n email: 'mcallisters@shinystat.com',\n gender: 'Genderfluid',\n },\n {\n id: 30,\n firstName: 'Berthe',\n lastName: 'Horsfield',\n email: 'bhorsfieldt@tumblr.com',\n gender: 'Bigender',\n },\n {\n id: 31,\n firstName: 'Gratiana',\n lastName: 'Southouse',\n email: 'gsouthouseu@w3.org',\n gender: 'Agender',\n },\n {\n id: 32,\n firstName: 'Harley',\n lastName: 'Fleckno',\n email: 'hflecknov@opensource.org',\n gender: 'Genderqueer',\n },\n {\n id: 33,\n firstName: 'Elsie',\n lastName: 'Medendorp',\n email: 'emedendorpw@google.pl',\n gender: 'Genderqueer',\n },\n {\n id: 34,\n firstName: 'Mychal',\n lastName: 'Redhouse',\n email: 'mredhousex@comcast.net',\n gender: 'Polygender',\n },\n {\n id: 35,\n firstName: 'Gertrud',\n lastName: 'French',\n email: 'gfrenchy@netscape.com',\n gender: 'Genderfluid',\n },\n {\n id: 36,\n firstName: 'Corrie',\n lastName: 'Wallace',\n email: 'cwallacez@i2i.jp',\n gender: 'Genderqueer',\n },\n {\n id: 37,\n firstName: 'Frants',\n lastName: 'Pinnocke',\n email: 'fpinnocke10@disqus.com',\n gender: 'Male',\n },\n {\n id: 38,\n firstName: 'Ardath',\n lastName: 'Dungay',\n email: 'adungay11@naver.com',\n gender: 'Non-binary',\n },\n {\n id: 39,\n firstName: 'Cullan',\n lastName: 'MacCartney',\n email: 'cmaccartney12@hhs.gov',\n gender: 'Genderqueer',\n },\n {\n id: 40,\n firstName: 'Lissie',\n lastName: 'Dillaway',\n email: 'ldillaway13@dell.com',\n gender: 'Polygender',\n },\n {\n id: 41,\n firstName: 'Roslyn',\n lastName: 'Joburn',\n email: 'rjoburn14@toplist.cz',\n gender: 'Genderqueer',\n },\n {\n id: 42,\n firstName: 'Raeann',\n lastName: 'Ligertwood',\n email: 'rligertwood15@yahoo.co.jp',\n gender: 'Non-binary',\n },\n {\n id: 43,\n firstName: 'Dot',\n lastName: 'Barling',\n email: 'dbarling16@usgs.gov',\n gender: 'Genderfluid',\n },\n {\n id: 44,\n firstName: 'Thaxter',\n lastName: 'Kinleyside',\n email: 'tkinleyside17@istockphoto.com',\n gender: 'Agender',\n },\n {\n id: 45,\n firstName: 'Anya',\n lastName: 'Perri',\n email: 'aperri18@fastcompany.com',\n gender: 'Male',\n },\n {\n id: 46,\n firstName: 'Hayyim',\n lastName: 'Houndson',\n email: 'hhoundson19@wsj.com',\n gender: 'Bigender',\n },\n {\n id: 47,\n firstName: 'Kristos',\n lastName: 'Braun',\n email: 'kbraun1a@who.int',\n gender: 'Polygender',\n },\n {\n id: 48,\n firstName: 'Joseito',\n lastName: 'Chaise',\n email: 'jchaise1b@cbc.ca',\n gender: 'Polygender',\n },\n {\n id: 49,\n firstName: 'Teriann',\n lastName: 'Bassingham',\n email: 'tbassingham1c@oracle.com',\n gender: 'Polygender',\n },\n {\n id: 50,\n firstName: 'Quinta',\n lastName: 'Sahlstrom',\n email: 'qsahlstrom1d@msu.edu',\n gender: 'Bigender',\n },\n {\n id: 51,\n firstName: 'Philip',\n lastName: 'MacGaughy',\n email: 'pmacgaughy1e@usa.gov',\n gender: 'Agender',\n },\n {\n id: 52,\n firstName: 'Leonhard',\n lastName: 'Clawe',\n email: 'lclawe1f@sfgate.com',\n gender: 'Non-binary',\n },\n {\n id: 53,\n firstName: 'Gilles',\n lastName: 'Rylett',\n email: 'grylett1g@blogger.com',\n gender: 'Female',\n },\n {\n id: 54,\n firstName: 'Romain',\n lastName: 'McCutheon',\n email: 'rmccutheon1h@miitbeian.gov.cn',\n gender: 'Polygender',\n },\n {\n id: 55,\n firstName: 'Kimberly',\n lastName: 'Ripsher',\n email: 'kripsher1i@quantcast.com',\n gender: 'Agender',\n },\n {\n id: 56,\n firstName: 'Alexia',\n lastName: 'Reder',\n email: 'areder1j@wordpress.com',\n gender: 'Non-binary',\n },\n {\n id: 57,\n firstName: 'Ally',\n lastName: 'Mossbee',\n email: 'amossbee1k@umn.edu',\n gender: 'Bigender',\n },\n {\n id: 58,\n firstName: 'Maxi',\n lastName: 'Alliston',\n email: 'malliston1l@blogs.com',\n gender: 'Agender',\n },\n {\n id: 59,\n firstName: 'Trenna',\n lastName: 'Habbal',\n email: 'thabbal1m@umn.edu',\n gender: 'Bigender',\n },\n {\n id: 60,\n firstName: 'Nicky',\n lastName: 'Dowsing',\n email: 'ndowsing1n@mtv.com',\n gender: 'Bigender',\n },\n {\n id: 61,\n firstName: 'Emily',\n lastName: 'Scrogges',\n email: 'escrogges1o@goodreads.com',\n gender: 'Genderqueer',\n },\n {\n id: 62,\n firstName: 'Veradis',\n lastName: 'Foxhall',\n email: 'vfoxhall1p@de.vu',\n gender: 'Genderqueer',\n },\n {\n id: 63,\n firstName: 'Cal',\n lastName: 'Pirrey',\n email: 'cpirrey1q@chronoengine.com',\n gender: 'Agender',\n },\n {\n id: 64,\n firstName: 'Micky',\n lastName: 'Urridge',\n email: 'murridge1r@creativecommons.org',\n gender: 'Bigender',\n },\n {\n id: 65,\n firstName: 'Larry',\n lastName: 'Henze',\n email: 'lhenze1s@cdc.gov',\n gender: 'Female',\n },\n {\n id: 66,\n firstName: 'Alia',\n lastName: 'Baudon',\n email: 'abaudon1t@telegraph.co.uk',\n gender: 'Non-binary',\n },\n {\n id: 67,\n firstName: 'Christiano',\n lastName: 'Hardy-Piggin',\n email: 'chardypiggin1u@google.it',\n gender: 'Genderqueer',\n },\n {\n id: 68,\n firstName: 'Tann',\n lastName: 'Iorizzi',\n email: 'tiorizzi1v@yahoo.com',\n gender: 'Non-binary',\n },\n {\n id: 69,\n firstName: 'Oralia',\n lastName: 'Saipy',\n email: 'osaipy1w@delicious.com',\n gender: 'Bigender',\n },\n {\n id: 70,\n firstName: 'Karyl',\n lastName: 'Kynge',\n email: 'kkynge1x@state.gov',\n gender: 'Agender',\n },\n {\n id: 71,\n firstName: 'Franciskus',\n lastName: 'MacCumeskey',\n email: 'fmaccumeskey1y@about.me',\n gender: 'Non-binary',\n },\n {\n id: 72,\n firstName: 'Pansy',\n lastName: 'Thebes',\n email: 'pthebes1z@cdc.gov',\n gender: 'Genderqueer',\n },\n {\n id: 73,\n firstName: 'Ab',\n lastName: 'Pogson',\n email: 'apogson20@flavors.me',\n gender: 'Genderfluid',\n },\n {\n id: 74,\n firstName: 'Mollee',\n lastName: 'McFeate',\n email: 'mmcfeate21@yahoo.co.jp',\n gender: 'Polygender',\n },\n {\n id: 75,\n firstName: 'Fleming',\n lastName: 'Karmel',\n email: 'fkarmel22@sphinn.com',\n gender: 'Male',\n },\n {\n id: 76,\n firstName: 'Gerek',\n lastName: 'Shivlin',\n email: 'gshivlin23@ox.ac.uk',\n gender: 'Bigender',\n },\n {\n id: 77,\n firstName: 'Anabel',\n lastName: 'Ditch',\n email: 'aditch24@examiner.com',\n gender: 'Polygender',\n },\n {\n id: 78,\n firstName: 'Mohammed',\n lastName: 'De Gouy',\n email: 'mdegouy25@aol.com',\n gender: 'Genderfluid',\n },\n {\n id: 79,\n firstName: 'Bogart',\n lastName: 'Bertin',\n email: 'bbertin26@salon.com',\n gender: 'Polygender',\n },\n {\n id: 80,\n firstName: 'Kristin',\n lastName: 'Oliveras',\n email: 'koliveras27@topsy.com',\n gender: 'Genderfluid',\n },\n {\n id: 81,\n firstName: 'Genevra',\n lastName: 'Crosskell',\n email: 'gcrosskell28@goo.ne.jp',\n gender: 'Female',\n },\n {\n id: 82,\n firstName: 'Georgianne',\n lastName: 'Bosanko',\n email: 'gbosanko29@state.tx.us',\n gender: 'Genderqueer',\n },\n {\n id: 83,\n firstName: 'Michel',\n lastName: 'Watters',\n email: 'mwatters2a@state.gov',\n gender: 'Genderfluid',\n },\n {\n id: 84,\n firstName: 'Waylen',\n lastName: 'Summerlee',\n email: 'wsummerlee2b@ed.gov',\n gender: 'Male',\n },\n {\n id: 85,\n firstName: 'Dix',\n lastName: 'Dikes',\n email: 'ddikes2c@drupal.org',\n gender: 'Male',\n },\n {\n id: 86,\n firstName: 'Cymbre',\n lastName: 'Dinwoodie',\n email: 'cdinwoodie2d@gizmodo.com',\n gender: 'Agender',\n },\n {\n id: 87,\n firstName: 'Milo',\n lastName: 'Keeley',\n email: 'mkeeley2e@imdb.com',\n gender: 'Genderqueer',\n },\n {\n id: 88,\n firstName: 'Harman',\n lastName: 'Ahmad',\n email: 'hahmad2f@123-reg.co.uk',\n gender: 'Genderfluid',\n },\n {\n id: 89,\n firstName: 'Ronalda',\n lastName: 'Cush',\n email: 'rcush2g@blogtalkradio.com',\n gender: 'Polygender',\n },\n {\n id: 90,\n firstName: 'Annabell',\n lastName: 'Plessing',\n email: 'aplessing2h@shinystat.com',\n gender: 'Agender',\n },\n {\n id: 91,\n firstName: 'Melisse',\n lastName: 'Dalzell',\n email: 'mdalzell2i@vk.com',\n gender: 'Genderqueer',\n },\n {\n id: 92,\n firstName: 'Morley',\n lastName: 'Cregg',\n email: 'mcregg2j@google.com',\n gender: 'Polygender',\n },\n {\n id: 93,\n firstName: 'Piggy',\n lastName: 'Ormerod',\n email: 'pormerod2k@latimes.com',\n gender: 'Genderfluid',\n },\n {\n id: 94,\n firstName: 'Teresa',\n lastName: 'Infante',\n email: 'tinfante2l@php.net',\n gender: 'Female',\n },\n {\n id: 95,\n firstName: 'Karlene',\n lastName: 'Tackes',\n email: 'ktackes2m@mapquest.com',\n gender: 'Male',\n },\n {\n id: 96,\n firstName: 'Tobe',\n lastName: 'Dethloff',\n email: 'tdethloff2n@tamu.edu',\n gender: 'Non-binary',\n },\n {\n id: 97,\n firstName: 'Vally',\n lastName: 'Joddins',\n email: 'vjoddins2o@devhub.com',\n gender: 'Female',\n },\n {\n id: 98,\n firstName: 'Ferdinanda',\n lastName: 'Oty',\n email: 'foty2p@shutterfly.com',\n gender: 'Female',\n },\n {\n id: 99,\n firstName: 'Amory',\n lastName: 'Asplen',\n email: 'aasplen2q@va.gov',\n gender: 'Non-binary',\n },\n {\n id: 100,\n firstName: 'Seamus',\n lastName: 'Swallwell',\n email: 'sswallwell2r@mapy.cz',\n gender: 'Non-binary',\n },\n]\n\nexport const data10: Person[] = [\n {\n id: 1,\n firstName: 'Alastair',\n lastName: 'Dilkes',\n email: 'adilkes0@jigsy.com',\n gender: 'Female',\n },\n {\n id: 2,\n firstName: 'Matthaeus',\n lastName: 'Graber',\n email: 'mgraber1@adobe.com',\n gender: 'Genderqueer',\n },\n {\n id: 3,\n firstName: 'Gayel',\n lastName: 'Croxley',\n email: 'gcroxley2@businessinsider.com',\n gender: 'Male',\n },\n {\n id: 4,\n firstName: 'Gracia',\n lastName: 'Domegan',\n email: 'gdomegan3@reference.com',\n gender: 'Genderfluid',\n },\n {\n id: 5,\n firstName: 'Galvan',\n lastName: 'Beringer',\n email: 'gberinger4@yellowpages.com',\n gender: 'Agender',\n },\n {\n id: 6,\n firstName: 'Maud',\n lastName: 'Aicheson',\n email: 'maicheson5@ycombinator.com',\n gender: 'Male',\n },\n {\n id: 7,\n firstName: 'Gwenette',\n lastName: 'Dailey',\n email: 'gdailey6@state.tx.us',\n gender: 'Genderfluid',\n },\n {\n id: 8,\n firstName: 'Marius',\n lastName: 'Leman',\n email: 'mleman7@cnn.com',\n gender: 'Genderfluid',\n },\n {\n id: 9,\n firstName: 'Natka',\n lastName: 'Varcoe',\n email: 'nvarcoe8@hhs.gov',\n gender: 'Male',\n },\n {\n id: 10,\n firstName: 'Kellie',\n lastName: 'Ackerley',\n email: 'kackerley9@posterous.com',\n gender: 'Genderfluid',\n },\n]\n\nexport const dataWithSubRows: PersonWithSubRow[] = [\n {\n firstName: 'Maria',\n lastName: 'Anders',\n age: 24,\n visits: 28,\n progress: 56,\n status: 'complicated',\n subRows: [\n {\n firstName: 'newspaper',\n lastName: 'dinner',\n age: 25,\n visits: 2,\n progress: 78,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'whip',\n lastName: 'marriage',\n age: 3,\n visits: 95,\n progress: 65,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'bee',\n lastName: 'invention',\n age: 7,\n visits: 83,\n progress: 68,\n status: 'complicated',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Francisco',\n lastName: 'Chang',\n age: 9,\n visits: 90,\n progress: 77,\n status: 'single',\n subRows: [\n {\n firstName: 'beds',\n lastName: 'fairies',\n age: 16,\n visits: 82,\n progress: 87,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'cloth',\n lastName: 'control',\n age: 11,\n visits: 8,\n progress: 75,\n status: 'single',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Roland',\n lastName: 'Mendel',\n age: 1,\n visits: 16,\n progress: 56,\n status: 'single',\n subRows: [\n {\n firstName: 'newspaper',\n lastName: 'dinner',\n age: 25,\n visits: 2,\n progress: 78,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'whip',\n lastName: 'marriage',\n age: 3,\n visits: 95,\n progress: 65,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'bee',\n lastName: 'invention',\n age: 7,\n visits: 83,\n progress: 68,\n status: 'complicated',\n subRows: undefined,\n },\n {\n firstName: 'stage',\n lastName: 'cherries',\n age: 14,\n visits: 94,\n progress: 53,\n status: 'relationship',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Helen',\n lastName: 'Bennett',\n age: 43,\n visits: 94,\n progress: 53,\n status: 'single',\n subRows: [\n {\n firstName: 'scarf',\n lastName: 'requirement',\n age: 23,\n visits: 93,\n progress: 40,\n status: 'relationship',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Yoshi ',\n lastName: 'Tannamuri',\n age: 37,\n visits: 85,\n progress: 28,\n status: 'single',\n subRows: [\n {\n firstName: 'tray',\n lastName: 'chemistry',\n age: 29,\n visits: 55,\n progress: 87,\n status: 'relationship',\n subRows: undefined,\n },\n {\n firstName: 'fiction',\n lastName: 'grade',\n age: 27,\n visits: 98,\n progress: 15,\n status: 'complicated',\n subRows: undefined,\n },\n ],\n },\n]\n"],"names":["data100","data10","dataWithSubRows"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/ui-components/data-display/Table/data/index.ts"],"sourcesContent":["export type Person = {\n id: number\n firstName: string\n lastName: string\n email: string\n gender: string\n}\n\nexport type PersonWithSubRow = {\n firstName: string\n lastName: string\n age: number\n visits: number\n progress: number\n status: string\n subRows?: PersonWithSubRow[]\n}\n\nexport const data100: Person[] = [\n {\n id: 1,\n firstName: 'Alastair',\n lastName: 'Dilkes',\n email: 'adilkes0@jigsy.com',\n gender: 'Female',\n },\n {\n id: 2,\n firstName: 'Matthaeus',\n lastName: 'Graber',\n email: 'mgraber1@adobe.com',\n gender: 'Genderqueer',\n },\n {\n id: 3,\n firstName: 'Gayel',\n lastName: 'Croxley',\n email: 'gcroxley2@businessinsider.com',\n gender: 'Male',\n },\n {\n id: 4,\n firstName: 'Gracia',\n lastName: 'Domegan',\n email: 'gdomegan3@reference.com',\n gender: 'Genderfluid',\n },\n {\n id: 5,\n firstName: 'Galvan',\n lastName: 'Beringer',\n email: 'gberinger4@yellowpages.com',\n gender: 'Agender',\n },\n {\n id: 6,\n firstName: 'Maud',\n lastName: 'Aicheson',\n email: 'maicheson5@ycombinator.com',\n gender: 'Male',\n },\n {\n id: 7,\n firstName: 'Gwenette',\n lastName: 'Dailey',\n email: 'gdailey6@state.tx.us',\n gender: 'Genderfluid',\n },\n {\n id: 8,\n firstName: 'Marius',\n lastName: 'Leman',\n email: 'mleman7@cnn.com',\n gender: 'Genderfluid',\n },\n {\n id: 9,\n firstName: 'Natka',\n lastName: 'Varcoe',\n email: 'nvarcoe8@hhs.gov',\n gender: 'Male',\n },\n {\n id: 10,\n firstName: 'Kellie',\n lastName: 'Ackerley',\n email: 'kackerley9@posterous.com',\n gender: 'Genderfluid',\n },\n {\n id: 11,\n firstName: 'Kimbell',\n lastName: 'Shilling',\n email: 'kshillinga@ibm.com',\n gender: 'Agender',\n },\n {\n id: 12,\n firstName: 'Tammy',\n lastName: 'Mattinson',\n email: 'tmattinsonb@g.co',\n gender: 'Bigender',\n },\n {\n id: 13,\n firstName: 'Antony',\n lastName: 'Bodemeaid',\n email: 'abodemeaidc@google.com',\n gender: 'Genderqueer',\n },\n {\n id: 14,\n firstName: 'Cordey',\n lastName: 'Brockway',\n email: 'cbrockwayd@ucoz.ru',\n gender: 'Male',\n },\n {\n id: 15,\n firstName: 'Ammamaria',\n lastName: 'Jaqueme',\n email: 'ajaquemee@google.fr',\n gender: 'Polygender',\n },\n {\n id: 16,\n firstName: 'Urbano',\n lastName: 'Potter',\n email: 'upotterf@symantec.com',\n gender: 'Agender',\n },\n {\n id: 17,\n firstName: 'Omar',\n lastName: 'Simyson',\n email: 'osimysong@de.vu',\n gender: 'Non-binary',\n },\n {\n id: 18,\n firstName: 'Olva',\n lastName: 'Shoubridge',\n email: 'oshoubridgeh@senate.gov',\n gender: 'Genderfluid',\n },\n {\n id: 19,\n firstName: 'Dominic',\n lastName: 'Nibloe',\n email: 'dnibloei@php.net',\n gender: 'Bigender',\n },\n {\n id: 20,\n firstName: 'Caryn',\n lastName: 'Kermott',\n email: 'ckermottj@trellian.com',\n gender: 'Agender',\n },\n {\n id: 21,\n firstName: 'Amberly',\n lastName: 'Parham',\n email: 'aparhamk@webnode.com',\n gender: 'Genderfluid',\n },\n {\n id: 22,\n firstName: 'Odell',\n lastName: 'Willman',\n email: 'owillmanl@instagram.com',\n gender: 'Agender',\n },\n {\n id: 23,\n firstName: 'Ahmad',\n lastName: 'Shuttell',\n email: 'ashuttellm@studiopress.com',\n gender: 'Agender',\n },\n {\n id: 24,\n firstName: 'Wynnie',\n lastName: 'Welberry',\n email: 'wwelberryn@ovh.net',\n gender: 'Bigender',\n },\n {\n id: 25,\n firstName: 'Matt',\n lastName: 'McFee',\n email: 'mmcfeeo@msn.com',\n gender: 'Male',\n },\n {\n id: 26,\n firstName: 'Cristi',\n lastName: 'Ollander',\n email: 'collanderp@wikia.com',\n gender: 'Genderqueer',\n },\n {\n id: 27,\n firstName: 'Sapphira',\n lastName: 'Allot',\n email: 'sallotq@kickstarter.com',\n gender: 'Polygender',\n },\n {\n id: 28,\n firstName: 'Karalynn',\n lastName: 'Skellorne',\n email: 'kskellorner@nasa.gov',\n gender: 'Male',\n },\n {\n id: 29,\n firstName: 'Meyer',\n lastName: 'Callister',\n email: 'mcallisters@shinystat.com',\n gender: 'Genderfluid',\n },\n {\n id: 30,\n firstName: 'Berthe',\n lastName: 'Horsfield',\n email: 'bhorsfieldt@tumblr.com',\n gender: 'Bigender',\n },\n {\n id: 31,\n firstName: 'Gratiana',\n lastName: 'Southouse',\n email: 'gsouthouseu@w3.org',\n gender: 'Agender',\n },\n {\n id: 32,\n firstName: 'Harley',\n lastName: 'Fleckno',\n email: 'hflecknov@opensource.org',\n gender: 'Genderqueer',\n },\n {\n id: 33,\n firstName: 'Elsie',\n lastName: 'Medendorp',\n email: 'emedendorpw@google.pl',\n gender: 'Genderqueer',\n },\n {\n id: 34,\n firstName: 'Mychal',\n lastName: 'Redhouse',\n email: 'mredhousex@comcast.net',\n gender: 'Polygender',\n },\n {\n id: 35,\n firstName: 'Gertrud',\n lastName: 'French',\n email: 'gfrenchy@netscape.com',\n gender: 'Genderfluid',\n },\n {\n id: 36,\n firstName: 'Corrie',\n lastName: 'Wallace',\n email: 'cwallacez@i2i.jp',\n gender: 'Genderqueer',\n },\n {\n id: 37,\n firstName: 'Frants',\n lastName: 'Pinnocke',\n email: 'fpinnocke10@disqus.com',\n gender: 'Male',\n },\n {\n id: 38,\n firstName: 'Ardath',\n lastName: 'Dungay',\n email: 'adungay11@naver.com',\n gender: 'Non-binary',\n },\n {\n id: 39,\n firstName: 'Cullan',\n lastName: 'MacCartney',\n email: 'cmaccartney12@hhs.gov',\n gender: 'Genderqueer',\n },\n {\n id: 40,\n firstName: 'Lissie',\n lastName: 'Dillaway',\n email: 'ldillaway13@dell.com',\n gender: 'Polygender',\n },\n {\n id: 41,\n firstName: 'Roslyn',\n lastName: 'Joburn',\n email: 'rjoburn14@toplist.cz',\n gender: 'Genderqueer',\n },\n {\n id: 42,\n firstName: 'Raeann',\n lastName: 'Ligertwood',\n email: 'rligertwood15@yahoo.co.jp',\n gender: 'Non-binary',\n },\n {\n id: 43,\n firstName: 'Dot',\n lastName: 'Barling',\n email: 'dbarling16@usgs.gov',\n gender: 'Genderfluid',\n },\n {\n id: 44,\n firstName: 'Thaxter',\n lastName: 'Kinleyside',\n email: 'tkinleyside17@istockphoto.com',\n gender: 'Agender',\n },\n {\n id: 45,\n firstName: 'Anya',\n lastName: 'Perri',\n email: 'aperri18@fastcompany.com',\n gender: 'Male',\n },\n {\n id: 46,\n firstName: 'Hayyim',\n lastName: 'Houndson',\n email: 'hhoundson19@wsj.com',\n gender: 'Bigender',\n },\n {\n id: 47,\n firstName: 'Kristos',\n lastName: 'Braun',\n email: 'kbraun1a@who.int',\n gender: 'Polygender',\n },\n {\n id: 48,\n firstName: 'Joseito',\n lastName: 'Chaise',\n email: 'jchaise1b@cbc.ca',\n gender: 'Polygender',\n },\n {\n id: 49,\n firstName: 'Teriann',\n lastName: 'Bassingham',\n email: 'tbassingham1c@oracle.com',\n gender: 'Polygender',\n },\n {\n id: 50,\n firstName: 'Quinta',\n lastName: 'Sahlstrom',\n email: 'qsahlstrom1d@msu.edu',\n gender: 'Bigender',\n },\n {\n id: 51,\n firstName: 'Philip',\n lastName: 'MacGaughy',\n email: 'pmacgaughy1e@usa.gov',\n gender: 'Agender',\n },\n {\n id: 52,\n firstName: 'Leonhard',\n lastName: 'Clawe',\n email: 'lclawe1f@sfgate.com',\n gender: 'Non-binary',\n },\n {\n id: 53,\n firstName: 'Gilles',\n lastName: 'Rylett',\n email: 'grylett1g@blogger.com',\n gender: 'Female',\n },\n {\n id: 54,\n firstName: 'Romain',\n lastName: 'McCutheon',\n email: 'rmccutheon1h@miitbeian.gov.cn',\n gender: 'Polygender',\n },\n {\n id: 55,\n firstName: 'Kimberly',\n lastName: 'Ripsher',\n email: 'kripsher1i@quantcast.com',\n gender: 'Agender',\n },\n {\n id: 56,\n firstName: 'Alexia',\n lastName: 'Reder',\n email: 'areder1j@wordpress.com',\n gender: 'Non-binary',\n },\n {\n id: 57,\n firstName: 'Ally',\n lastName: 'Mossbee',\n email: 'amossbee1k@umn.edu',\n gender: 'Bigender',\n },\n {\n id: 58,\n firstName: 'Maxi',\n lastName: 'Alliston',\n email: 'malliston1l@blogs.com',\n gender: 'Agender',\n },\n {\n id: 59,\n firstName: 'Trenna',\n lastName: 'Habbal',\n email: 'thabbal1m@umn.edu',\n gender: 'Bigender',\n },\n {\n id: 60,\n firstName: 'Nicky',\n lastName: 'Dowsing',\n email: 'ndowsing1n@mtv.com',\n gender: 'Bigender',\n },\n {\n id: 61,\n firstName: 'Emily',\n lastName: 'Scrogges',\n email: 'escrogges1o@goodreads.com',\n gender: 'Genderqueer',\n },\n {\n id: 62,\n firstName: 'Veradis',\n lastName: 'Foxhall',\n email: 'vfoxhall1p@de.vu',\n gender: 'Genderqueer',\n },\n {\n id: 63,\n firstName: 'Cal',\n lastName: 'Pirrey',\n email: 'cpirrey1q@chronoengine.com',\n gender: 'Agender',\n },\n {\n id: 64,\n firstName: 'Micky',\n lastName: 'Urridge',\n email: 'murridge1r@creativecommons.org',\n gender: 'Bigender',\n },\n {\n id: 65,\n firstName: 'Larry',\n lastName: 'Henze',\n email: 'lhenze1s@cdc.gov',\n gender: 'Female',\n },\n {\n id: 66,\n firstName: 'Alia',\n lastName: 'Baudon',\n email: 'abaudon1t@telegraph.co.uk',\n gender: 'Non-binary',\n },\n {\n id: 67,\n firstName: 'Christiano',\n lastName: 'Hardy-Piggin',\n email: 'chardypiggin1u@google.it',\n gender: 'Genderqueer',\n },\n {\n id: 68,\n firstName: 'Tann',\n lastName: 'Iorizzi',\n email: 'tiorizzi1v@yahoo.com',\n gender: 'Non-binary',\n },\n {\n id: 69,\n firstName: 'Oralia',\n lastName: 'Saipy',\n email: 'osaipy1w@delicious.com',\n gender: 'Bigender',\n },\n {\n id: 70,\n firstName: 'Karyl',\n lastName: 'Kynge',\n email: 'kkynge1x@state.gov',\n gender: 'Agender',\n },\n {\n id: 71,\n firstName: 'Franciskus',\n lastName: 'MacCumeskey',\n email: 'fmaccumeskey1y@about.me',\n gender: 'Non-binary',\n },\n {\n id: 72,\n firstName: 'Pansy',\n lastName: 'Thebes',\n email: 'pthebes1z@cdc.gov',\n gender: 'Genderqueer',\n },\n {\n id: 73,\n firstName: 'Ab',\n lastName: 'Pogson',\n email: 'apogson20@flavors.me',\n gender: 'Genderfluid',\n },\n {\n id: 74,\n firstName: 'Mollee',\n lastName: 'McFeate',\n email: 'mmcfeate21@yahoo.co.jp',\n gender: 'Polygender',\n },\n {\n id: 75,\n firstName: 'Fleming',\n lastName: 'Karmel',\n email: 'fkarmel22@sphinn.com',\n gender: 'Male',\n },\n {\n id: 76,\n firstName: 'Gerek',\n lastName: 'Shivlin',\n email: 'gshivlin23@ox.ac.uk',\n gender: 'Bigender',\n },\n {\n id: 77,\n firstName: 'Anabel',\n lastName: 'Ditch',\n email: 'aditch24@examiner.com',\n gender: 'Polygender',\n },\n {\n id: 78,\n firstName: 'Mohammed',\n lastName: 'De Gouy',\n email: 'mdegouy25@aol.com',\n gender: 'Genderfluid',\n },\n {\n id: 79,\n firstName: 'Bogart',\n lastName: 'Bertin',\n email: 'bbertin26@salon.com',\n gender: 'Polygender',\n },\n {\n id: 80,\n firstName: 'Kristin',\n lastName: 'Oliveras',\n email: 'koliveras27@topsy.com',\n gender: 'Genderfluid',\n },\n {\n id: 81,\n firstName: 'Genevra',\n lastName: 'Crosskell',\n email: 'gcrosskell28@goo.ne.jp',\n gender: 'Female',\n },\n {\n id: 82,\n firstName: 'Georgianne',\n lastName: 'Bosanko',\n email: 'gbosanko29@state.tx.us',\n gender: 'Genderqueer',\n },\n {\n id: 83,\n firstName: 'Michel',\n lastName: 'Watters',\n email: 'mwatters2a@state.gov',\n gender: 'Genderfluid',\n },\n {\n id: 84,\n firstName: 'Waylen',\n lastName: 'Summerlee',\n email: 'wsummerlee2b@ed.gov',\n gender: 'Male',\n },\n {\n id: 85,\n firstName: 'Dix',\n lastName: 'Dikes',\n email: 'ddikes2c@drupal.org',\n gender: 'Male',\n },\n {\n id: 86,\n firstName: 'Cymbre',\n lastName: 'Dinwoodie',\n email: 'cdinwoodie2d@gizmodo.com',\n gender: 'Agender',\n },\n {\n id: 87,\n firstName: 'Milo',\n lastName: 'Keeley',\n email: 'mkeeley2e@imdb.com',\n gender: 'Genderqueer',\n },\n {\n id: 88,\n firstName: 'Harman',\n lastName: 'Ahmad',\n email: 'hahmad2f@123-reg.co.uk',\n gender: 'Genderfluid',\n },\n {\n id: 89,\n firstName: 'Ronalda',\n lastName: 'Cush',\n email: 'rcush2g@blogtalkradio.com',\n gender: 'Polygender',\n },\n {\n id: 90,\n firstName: 'Annabell',\n lastName: 'Plessing',\n email: 'aplessing2h@shinystat.com',\n gender: 'Agender',\n },\n {\n id: 91,\n firstName: 'Melisse',\n lastName: 'Dalzell',\n email: 'mdalzell2i@vk.com',\n gender: 'Genderqueer',\n },\n {\n id: 92,\n firstName: 'Morley',\n lastName: 'Cregg',\n email: 'mcregg2j@google.com',\n gender: 'Polygender',\n },\n {\n id: 93,\n firstName: 'Piggy',\n lastName: 'Ormerod',\n email: 'pormerod2k@latimes.com',\n gender: 'Genderfluid',\n },\n {\n id: 94,\n firstName: 'Teresa',\n lastName: 'Infante',\n email: 'tinfante2l@php.net',\n gender: 'Female',\n },\n {\n id: 95,\n firstName: 'Karlene',\n lastName: 'Tackes',\n email: 'ktackes2m@mapquest.com',\n gender: 'Male',\n },\n {\n id: 96,\n firstName: 'Tobe',\n lastName: 'Dethloff',\n email: 'tdethloff2n@tamu.edu',\n gender: 'Non-binary',\n },\n {\n id: 97,\n firstName: 'Vally',\n lastName: 'Joddins',\n email: 'vjoddins2o@devhub.com',\n gender: 'Female',\n },\n {\n id: 98,\n firstName: 'Ferdinanda',\n lastName: 'Oty',\n email: 'foty2p@shutterfly.com',\n gender: 'Female',\n },\n {\n id: 99,\n firstName: 'Amory',\n lastName: 'Asplen',\n email: 'aasplen2q@va.gov',\n gender: 'Non-binary',\n },\n {\n id: 100,\n firstName: 'Seamus',\n lastName: 'Swallwell',\n email: 'sswallwell2r@mapy.cz',\n gender: 'Non-binary',\n },\n]\n\nexport const data10: Person[] = [\n {\n id: 1,\n firstName: 'Alastair',\n lastName: 'Dilkes',\n email: 'adilkes0@jigsy.com',\n gender: 'Female',\n },\n {\n id: 2,\n firstName: 'Matthaeus',\n lastName: 'Graber',\n email: 'mgraber1@adobe.com',\n gender: 'Genderqueer',\n },\n {\n id: 3,\n firstName: 'Gayel',\n lastName: 'Croxley',\n email: 'gcroxley2@businessinsider.com',\n gender: 'Male',\n },\n {\n id: 4,\n firstName: 'Gracia',\n lastName: 'Domegan',\n email: 'gdomegan3@reference.com',\n gender: 'Genderfluid',\n },\n {\n id: 5,\n firstName: 'Galvan',\n lastName: 'Beringer',\n email: 'gberinger4@yellowpages.com',\n gender: 'Agender',\n },\n {\n id: 6,\n firstName: 'Maud',\n lastName: 'Aicheson',\n email: 'maicheson5@ycombinator.com',\n gender: 'Male',\n },\n {\n id: 7,\n firstName: 'Gwenette',\n lastName: 'Dailey',\n email: 'gdailey6@state.tx.us',\n gender: 'Genderfluid',\n },\n {\n id: 8,\n firstName: 'Marius',\n lastName: 'Leman',\n email: 'mleman7@cnn.com',\n gender: 'Genderfluid',\n },\n {\n id: 9,\n firstName: 'Natka',\n lastName: 'Varcoe',\n email: 'nvarcoe8@hhs.gov',\n gender: 'Male',\n },\n {\n id: 10,\n firstName: 'Kellie',\n lastName: 'Ackerley',\n email: 'kackerley9@posterous.com',\n gender: 'Genderfluid',\n },\n]\n\nexport const dataWithSubRows: PersonWithSubRow[] = [\n {\n firstName: 'Maria',\n lastName: 'Anders',\n age: 24,\n visits: 28,\n progress: 56,\n status: 'complicated',\n subRows: [\n {\n firstName: 'newspaper',\n lastName: 'dinner',\n age: 25,\n visits: 2,\n progress: 78,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'whip',\n lastName: 'marriage',\n age: 3,\n visits: 95,\n progress: 65,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'bee',\n lastName: 'invention',\n age: 7,\n visits: 83,\n progress: 68,\n status: 'complicated',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Francisco',\n lastName: 'Chang',\n age: 9,\n visits: 90,\n progress: 77,\n status: 'single',\n subRows: [\n {\n firstName: 'beds',\n lastName: 'fairies',\n age: 16,\n visits: 82,\n progress: 87,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'cloth',\n lastName: 'control',\n age: 11,\n visits: 8,\n progress: 75,\n status: 'single',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Roland',\n lastName: 'Mendel',\n age: 1,\n visits: 16,\n progress: 56,\n status: 'single',\n subRows: [\n {\n firstName: 'newspaper',\n lastName: 'dinner',\n age: 25,\n visits: 2,\n progress: 78,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'whip',\n lastName: 'marriage',\n age: 3,\n visits: 95,\n progress: 65,\n status: 'single',\n subRows: undefined,\n },\n {\n firstName: 'bee',\n lastName: 'invention',\n age: 7,\n visits: 83,\n progress: 68,\n status: 'complicated',\n subRows: undefined,\n },\n {\n firstName: 'stage',\n lastName: 'cherries',\n age: 14,\n visits: 94,\n progress: 53,\n status: 'relationship',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Helen',\n lastName: 'Bennett',\n age: 43,\n visits: 94,\n progress: 53,\n status: 'single',\n subRows: [\n {\n firstName: 'scarf',\n lastName: 'requirement',\n age: 23,\n visits: 93,\n progress: 40,\n status: 'relationship',\n subRows: undefined,\n },\n ],\n },\n {\n firstName: 'Yoshi ',\n lastName: 'Tannamuri',\n age: 37,\n visits: 85,\n progress: 28,\n status: 'single',\n subRows: [\n {\n firstName: 'tray',\n lastName: 'chemistry',\n age: 29,\n visits: 55,\n progress: 87,\n status: 'relationship',\n subRows: undefined,\n },\n {\n firstName: 'fiction',\n lastName: 'grade',\n age: 27,\n visits: 98,\n progress: 15,\n status: 'complicated',\n subRows: undefined,\n },\n ],\n },\n]\n"],"names":["data100","data10","dataWithSubRows"],"mappings":"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"}