npm - @orbe-agro/client-core - Versions diffs - 5.3.9 → 5.3.11 - Mend

@orbe-agro/client-core 5.3.9 → 5.3.11

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 (859) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Editable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Editable.tsx"],"sourcesContent":["import { useMemo, useEffect, useState, useRef, useCallback } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getPaginationRowModel,\n flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef, CellContext, RowData } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n interface TableMeta<TData extends RowData> {\n updateData: (\n rowIndex: number,\n columnId: string,\n value: unknown,\n dataPlaceHolder?: TData,\n ) => void\n }\n}\n\ntype EditablePerson = Person\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst EditableCell = ({\n getValue,\n row: { index },\n column: { id },\n table,\n}: CellContext<EditablePerson, unknown>) => {\n const initialValue = getValue()\n // We need to keep and update the state of the cell normally\n const [value, setValue] = useState(initialValue)\n\n // When the input is blurred, we'll call our table meta's updateData function\n const onBlur = () => {\n table.options.meta?.updateData(index, id, value)\n }\n\n // If the initialValue is changed external, sync it up with our state\n useEffect(() => {\n setValue(initialValue)\n }, [initialValue])\n\n return (\n <Input\n className=\"border-transparent bg-transparent hover:border-gray-300 focus:bg-white\"\n size=\"sm\"\n value={value as string}\n onChange={(e) => setValue(e.target.value)}\n onBlur={onBlur}\n />\n )\n}\n\nconst defaultColumn: Partial<ColumnDef<EditablePerson>> = {\n cell: EditableCell,\n}\n\nfunction useSkipper() {\n const shouldSkipRef = useRef(true)\n const shouldSkip = shouldSkipRef.current\n\n // Wrap a function with this to skip a pagination reset temporarily\n const skip = useCallback(() => {\n shouldSkipRef.current = false\n }, [])\n\n useEffect(() => {\n shouldSkipRef.current = true\n })\n\n return [shouldSkip, skip]\n}\n\nfunction Editable() {\n const columns = useMemo(\n () => [\n { header: 'First Name', accessorKey: 'firstName' },\n { header: 'Last Name', accessorKey: 'lastName' },\n { header: 'Email', accessorKey: 'email' },\n ],\n [],\n )\n\n const [data, setData] = useState(() => data10)\n\n const [autoResetPageIndex, skipAutoResetPageIndex] = useSkipper()\n\n const table = useReactTable({\n data,\n columns,\n defaultColumn,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n autoResetPageIndex: autoResetPageIndex as boolean,\n // Provide our updateData function to our table meta\n meta: {\n updateData: (\n rowIndex: number,\n columnId: string,\n value: unknown,\n ) => {\n // Skip age index reset until after next rerender\n if (typeof skipAutoResetPageIndex === 'function') {\n skipAutoResetPageIndex()\n }\n setData((old) =>\n old.map((row, index) => {\n if (index === rowIndex) {\n return {\n ...old[rowIndex],\n [columnId]: value,\n }\n }\n return row\n }),\n )\n },\n },\n })\n\n return (\n <>\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </>\n )\n}\n\nexport default Editable\n"],"names":["Tr","Th","Td","THead","TBody","Table","EditableCell","getValue","index","id","table","initialValue","value","setValue","useState","onBlur","_a","useEffect","jsx","Input","e","defaultColumn","useSkipper","shouldSkipRef","useRef","shouldSkip","skip","useCallback","Editable","columns","useMemo","data","setData","data10","autoResetPageIndex","skipAutoResetPageIndex","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","rowIndex","columnId","old","row","Fragment","headerGroup","header","flexRender","cell"],"mappings":";;;;;;;AA2BA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,KAAK,EAAE,OAAAC,EAAA;AAAA,EACP,QAAQ,EAAE,IAAAC,EAAA;AAAA,EACV,OAAAC;AACJ,MAA4C;AACxC,QAAMC,IAAeJ,EAAA,GAEf,CAACK,GAAOC,CAAQ,IAAIC,EAASH,CAAY,GAGzCI,IAAS,MAAM;;AACjB,KAAAC,IAAAN,EAAM,QAAQ,SAAd,QAAAM,EAAoB,WAAWR,GAAOC,GAAIG;AAAA,~~EAAK~~;~~AAInD~~,SAAAK,EAAU,MAAM;AACZ,IAAAJ,EAASF,CAAY;AAAA,~~EAAA~~,~~GACtB~~,CAACA,CAAY,CAAC,GAGb,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAAP;AAAA,MACA,UAAU,CAACQ,MAAMP,EAASO,EAAE,OAAO,KAAK;AAAA,MACxC,QAAAL;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMM,IAAoD;AAAA,EACtD,MAAMf;AACV;AAEA,SAASgB,IAAa;AAClB,QAAMC,IAAgBC,EAAO,EAAI,GAC3BC,IAAaF,EAAc,SAG3BG,IAAOC,EAAY,MAAM;AAC3B,IAAAJ,EAAc,UAAU;AAAA,~~EAAA~~,~~GACzB~~,~~EAAE~~;AAEL,SAAAN,EAAU,MAAM;AACZ,IAAAM,EAAc,UAAU;AAAA,~~EAAA~~,~~CAC3B~~,GAEM,CAACE,GAAYC,CAAI;AAC5B;AAEA,SAASE,IAAW;AAChB,QAAMC,IAAUC;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,IAAQ;AAAA,IAE5C,CAAA;AAAA,EAAC,GAGC,CAACC,GAAMC,CAAO,IAAIlB,EAAS,MAAMmB,CAAM,GAEvC,CAACC,GAAoBC,CAAsB,IAAIb,EAAA,GAE/CZ,IAAQ0B,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAF;AAAA,IACA,eAAAR;AAAA,IACA,iBAAiBgB,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,uBAAuBC,EAAA;AAAA,IACvB,oBAAAL;AAAA;AAAA,IAEA,MAAM;AAAA,MACF,YAAY,CACRM,GACAC,GACA7B,MACC;AAED,QAAI,OAAOuB,KAA2B,cAClCA,EAAA,GAEJH;AAAA,UAAQ,CAACU,MACLA,EAAI,IAAI,CAACC,GAAKnC,MACNA,MAAUgC,IACH;AAAA,YACH,GAAGE,EAAIF,CAAQ;AAAA,YACf,CAACC,CAAQ,GAAG7B;AAAA,UAAA,IAGb+B,CACV;AAAA,QAAA;AAAA,~~MACL~~;AAAA,~~IACJ~~;AAAA,EACJ,CACH;AAED,SACI,gBAAAzB,EAAA0B,GAAA,EACI,4BAACvC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAa,EAACf,GAAA,EACI,UAAAO,EAAM,gBAAA,EAAkB,IAAI,CAACmC,MAC1B,gBAAA3B,EAAClB,GAAA,EACI,UAAA6C,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAA5B;AAAA,MAACjB;AAAA,MAAA;AAAA,QAEG,SAAS6C,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,~~KAbID~~,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAA3B,EAACd,KACI,UAAAM,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiC,wBAEtB3C,GAAA,EACI,UAAA2C,EAAI,kBAAkB,IAAI,CAACK,wBAEnB9C,GAAA,EACI,UAAA6C;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIL,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"Editable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Editable.tsx"],"sourcesContent":["import { useMemo, useEffect, useState, useRef, useCallback } from 'react'\nimport Table from '@/components/ui/Table'\nimport Input from '@/components/ui/Input'\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getPaginationRowModel,\n flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef, CellContext, RowData } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n interface TableMeta<TData extends RowData> {\n updateData: (\n rowIndex: number,\n columnId: string,\n value: unknown,\n dataPlaceHolder?: TData,\n ) => void\n }\n}\n\ntype EditablePerson = Person\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst EditableCell = ({\n getValue,\n row: { index },\n column: { id },\n table,\n}: CellContext<EditablePerson, unknown>) => {\n const initialValue = getValue()\n // We need to keep and update the state of the cell normally\n const [value, setValue] = useState(initialValue)\n\n // When the input is blurred, we'll call our table meta's updateData function\n const onBlur = () => {\n table.options.meta?.updateData(index, id, value)\n }\n\n // If the initialValue is changed external, sync it up with our state\n useEffect(() => {\n setValue(initialValue)\n }, [initialValue])\n\n return (\n <Input\n className=\"border-transparent bg-transparent hover:border-gray-300 focus:bg-white\"\n size=\"sm\"\n value={value as string}\n onChange={(e) => setValue(e.target.value)}\n onBlur={onBlur}\n />\n )\n}\n\nconst defaultColumn: Partial<ColumnDef<EditablePerson>> = {\n cell: EditableCell,\n}\n\nfunction useSkipper() {\n const shouldSkipRef = useRef(true)\n const shouldSkip = shouldSkipRef.current\n\n // Wrap a function with this to skip a pagination reset temporarily\n const skip = useCallback(() => {\n shouldSkipRef.current = false\n }, [])\n\n useEffect(() => {\n shouldSkipRef.current = true\n })\n\n return [shouldSkip, skip]\n}\n\nfunction Editable() {\n const columns = useMemo(\n () => [\n { header: 'First Name', accessorKey: 'firstName' },\n { header: 'Last Name', accessorKey: 'lastName' },\n { header: 'Email', accessorKey: 'email' },\n ],\n [],\n )\n\n const [data, setData] = useState(() => data10)\n\n const [autoResetPageIndex, skipAutoResetPageIndex] = useSkipper()\n\n const table = useReactTable({\n data,\n columns,\n defaultColumn,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n autoResetPageIndex: autoResetPageIndex as boolean,\n // Provide our updateData function to our table meta\n meta: {\n updateData: (\n rowIndex: number,\n columnId: string,\n value: unknown,\n ) => {\n // Skip age index reset until after next rerender\n if (typeof skipAutoResetPageIndex === 'function') {\n skipAutoResetPageIndex()\n }\n setData((old) =>\n old.map((row, index) => {\n if (index === rowIndex) {\n return {\n ...old[rowIndex],\n [columnId]: value,\n }\n }\n return row\n }),\n )\n },\n },\n })\n\n return (\n <>\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </>\n )\n}\n\nexport default Editable\n"],"names":["Tr","Th","Td","THead","TBody","Table","EditableCell","getValue","index","id","table","initialValue","value","setValue","useState","onBlur","_a","useEffect","jsx","Input","e","defaultColumn","useSkipper","shouldSkipRef","useRef","shouldSkip","skip","useCallback","Editable","columns","useMemo","data","setData","data10","autoResetPageIndex","skipAutoResetPageIndex","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","rowIndex","columnId","old","row","Fragment","headerGroup","header","flexRender","cell"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Expanding.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Expanding.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n useReactTable,\n getCoreRowModel,\n getExpandedRowModel,\n flexRender,\n} from '@tanstack/react-table'\nimport { dataWithSubRows } from './data'\nimport { HiOutlinePlusCircle, HiOutlineMinusCircle } from 'react-icons/hi'\nimport type { PersonWithSubRow } from './data'\nimport type { ColumnDef, ExpandedState } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction Exapanding() {\n const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\n () => [\n {\n id: 'expander',\n header: ({ table }) => {\n return (\n <button\n className=\"text-xl\"\n {...{\n onClick:\n table.getToggleAllRowsExpandedHandler(),\n }}\n >\n {table.getIsAllRowsExpanded() ? (\n <HiOutlineMinusCircle />\n ) : (\n <HiOutlinePlusCircle />\n )}\n </button>\n )\n },\n cell: ({ row, getValue }) => {\n return (\n <>\n {row.getCanExpand() ? (\n <button\n className=\"text-xl\"\n {...{\n onClick: row.getToggleExpandedHandler(),\n }}\n >\n {row.getIsExpanded() ? (\n <HiOutlineMinusCircle />\n ) : (\n <HiOutlinePlusCircle />\n )}\n </button>\n ) : null}\n {getValue()}\n </>\n )\n },\n },\n {\n header: 'First Name',\n accessorKey: 'firstName',\n },\n {\n header: 'Last Name',\n accessorKey: 'lastName',\n },\n {\n header: 'Age',\n accessorKey: 'age',\n },\n {\n header: 'Visits',\n accessorKey: 'visits',\n },\n {\n header: 'Status',\n accessorKey: 'status',\n },\n {\n header: 'Profile Progress',\n accessorKey: 'progress',\n },\n ],\n [],\n )\n\n const [data] = useState(dataWithSubRows)\n const [expanded, setExpanded] = useState<ExpandedState>({})\n\n const table = useReactTable({\n data,\n columns,\n state: {\n expanded,\n },\n onExpandedChange: setExpanded,\n getSubRows: (row) => row.subRows,\n getCoreRowModel: getCoreRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n })\n\n return (\n <>\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </>\n )\n}\n\nexport default Exapanding\n"],"names":["Tr","Th","Td","THead","TBody","Table","Exapanding","columns","useMemo","table","jsx","HiOutlineMinusCircle","HiOutlinePlusCircle","row","getValue","jsxs","Fragment","data","useState","dataWithSubRows","expanded","setExpanded","useReactTable","getCoreRowModel","getExpandedRowModel","headerGroup","header","flexRender","cell"],"mappings":";;;;;;AAaA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC;AAErC,SAASC,IAAa;AAClB,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,IAAI;AAAA,QACJ,QAAQ,CAAC,EAAE,OAAAC,QAEH,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YAEN,SACID,EAAM,gCAAA;AAAA,YAGb,UAAAA,EAAM,qBAAA,sBACFE,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAKrC,MAAM,CAAC,EAAE,KAAAC,GAAK,UAAAC,QAEN,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,UAAAH,EAAI,iBACD,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cAEN,SAASG,EAAI,yBAAA;AAAA,cAGhB,YAAI,cAAA,sBACAF,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA,IAG7B;AAAA,UACHE,EAAA;AAAA,QAAS,GACd;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGC,CAACG,CAAI,IAAIC,EAASC,CAAe,GACjC,CAACC,GAAUC,CAAW,IAAIH,EAAwB,CAAA,CAAE,GAEpDT,IAAQa,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAV;AAAA,IACA,OAAO;AAAA,MACH,UAAAa;AAAA,IAAA;AAAA,IAEJ,kBAAkBC;AAAA,IAClB,YAAY,CAACR,MAAQA,EAAI;AAAA,IACzB,iBAAiBU,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,EAAoB,CAC5C;AAED,SACI,gBAAAd,EAAAM,GAAA,EACI,4BAACX,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACP,GAAA,EACI,UAAAM,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC1B,gBAAAf,EAACV,GAAA,EACI,UAAAyB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAhB;AAAA,MAACT;AAAA,MAAA;AAAA,QAEG,SAASyB,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,~~KAbID~~,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAf,EAACN,KACI,UAAAK,EAAM,YAAA,EAAc,KAAK,IAAI,CAACI,wBAEtBb,GAAA,EACI,UAAAa,EAAI,kBAAkB,IAAI,CAACe,wBAEnB1B,GAAA,EACI,UAAAyB;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIf,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"Expanding.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Expanding.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n useReactTable,\n getCoreRowModel,\n getExpandedRowModel,\n flexRender,\n} from '@tanstack/react-table'\nimport { dataWithSubRows } from './data'\nimport { HiOutlinePlusCircle, HiOutlineMinusCircle } from 'react-icons/hi'\nimport type { PersonWithSubRow } from './data'\nimport type { ColumnDef, ExpandedState } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction Exapanding() {\n const columns = useMemo<ColumnDef<PersonWithSubRow>[]>(\n () => [\n {\n id: 'expander',\n header: ({ table }) => {\n return (\n <button\n className=\"text-xl\"\n {...{\n onClick:\n table.getToggleAllRowsExpandedHandler(),\n }}\n >\n {table.getIsAllRowsExpanded() ? (\n <HiOutlineMinusCircle />\n ) : (\n <HiOutlinePlusCircle />\n )}\n </button>\n )\n },\n cell: ({ row, getValue }) => {\n return (\n <>\n {row.getCanExpand() ? (\n <button\n className=\"text-xl\"\n {...{\n onClick: row.getToggleExpandedHandler(),\n }}\n >\n {row.getIsExpanded() ? (\n <HiOutlineMinusCircle />\n ) : (\n <HiOutlinePlusCircle />\n )}\n </button>\n ) : null}\n {getValue()}\n </>\n )\n },\n },\n {\n header: 'First Name',\n accessorKey: 'firstName',\n },\n {\n header: 'Last Name',\n accessorKey: 'lastName',\n },\n {\n header: 'Age',\n accessorKey: 'age',\n },\n {\n header: 'Visits',\n accessorKey: 'visits',\n },\n {\n header: 'Status',\n accessorKey: 'status',\n },\n {\n header: 'Profile Progress',\n accessorKey: 'progress',\n },\n ],\n [],\n )\n\n const [data] = useState(dataWithSubRows)\n const [expanded, setExpanded] = useState<ExpandedState>({})\n\n const table = useReactTable({\n data,\n columns,\n state: {\n expanded,\n },\n onExpandedChange: setExpanded,\n getSubRows: (row) => row.subRows,\n getCoreRowModel: getCoreRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n })\n\n return (\n <>\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n >\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n </>\n )\n}\n\nexport default Exapanding\n"],"names":["Tr","Th","Td","THead","TBody","Table","Exapanding","columns","useMemo","table","jsx","HiOutlineMinusCircle","HiOutlinePlusCircle","row","getValue","jsxs","Fragment","data","useState","dataWithSubRows","expanded","setExpanded","useReactTable","getCoreRowModel","getExpandedRowModel","headerGroup","header","flexRender","cell"],"mappings":";;;;;;AAaA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC;AAErC,SAASC,IAAa;AAClB,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,IAAI;AAAA,QACJ,QAAQ,CAAC,EAAE,OAAAC,QAEH,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YAEN,SACID,EAAM,gCAAA;AAAA,YAGb,UAAAA,EAAM,qBAAA,sBACFE,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAKrC,MAAM,CAAC,EAAE,KAAAC,GAAK,UAAAC,QAEN,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,UAAAH,EAAI,iBACD,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cAEN,SAASG,EAAI,yBAAA;AAAA,cAGhB,YAAI,cAAA,sBACAF,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAoB;AAAA,YAAA;AAAA,UAAA,IAG7B;AAAA,UACHE,EAAA;AAAA,QAAS,GACd;AAAA,MAER;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGC,CAACG,CAAI,IAAIC,EAASC,CAAe,GACjC,CAACC,GAAUC,CAAW,IAAIH,EAAwB,CAAA,CAAE,GAEpDT,IAAQa,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAV;AAAA,IACA,OAAO;AAAA,MACH,UAAAa;AAAA,IAAA;AAAA,IAEJ,kBAAkBC;AAAA,IAClB,YAAY,CAACR,MAAQA,EAAI;AAAA,IACzB,iBAAiBU,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,EAAoB,CAC5C;AAED,SACI,gBAAAd,EAAAM,GAAA,EACI,4BAACX,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACP,GAAA,EACI,UAAAM,EAAM,gBAAA,EAAkB,IAAI,CAACgB,MAC1B,gBAAAf,EAACV,GAAA,EACI,UAAAyB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAhB;AAAA,MAACT;AAAA,MAAA;AAAA,QAEG,SAASyB,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,EAAA,GAbID,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAf,EAACN,KACI,UAAAK,EAAM,YAAA,EAAc,KAAK,IAAI,CAACI,wBAEtBb,GAAA,EACI,UAAAa,EAAI,kBAAkB,IAAI,CAACe,wBAEnB1B,GAAA,EACI,UAAAyB;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIf,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@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":";;;;;;;;AAkCA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,GAAO,QAAAC,MAAWC;AAE7C,SAASC,EAAe;AAAA,EACpB,OAAOC;AAAA,EACP,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,GAAwB;AACpB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASN,CAAY;AAE/C,SAAAO,EAAU,MAAM;AACZ,IAAAF,EAASL,CAAY;AAAA,EACzB,GAAG,CAACA,CAAY,CAAC,GAEjBO,EAAU,MAAM;AACZ,UAAMC,IAAU,WAAW,MAAM;AAC7B,MAAAP,EAASG,CAAK;AAAA,IAClB,GAAGF,CAAQ;AAEX,WAAO,MAAM,aAAaM,CAAO;AAAA,EAErC,GAAG,CAACJ,CAAK,CAAC,qBAGL,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,0BACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,WAAO;AAAA,IAC9B,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACI,GAAGR;AAAA,QACJ,OAAAC;AAAA,QACA,UAAU,CAACQ,MAAMP,EAASO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5C,EAAA,CACJ,EAAA,CACJ;AAER;AAGA,MAAMC,IAA6B,CAACC,GAAKC,GAAUX,GAAOY,MAAY;AAElE,QAAMC,IAAWC,EAASJ,EAAI,SAASC,CAAQ,GAAGX,CAAK;AAGvD,SAAAY,EAAQ;AAAA,IACJ,UAAAC;AAAA,EAAA,CACH,GAGMA,EAAS;AACpB,GAEME,IAAY,MAAM;AACpB,QAAM,CAACC,GAAeC,CAAgB,IAAIf,EAA6B,CAAA,CAAE,GACnE,CAACgB,GAAcC,CAAe,IAAIjB,EAAS,EAAE,GAE7CkB,IAAUC;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,IAAQ;AAAA,IAE5C,CAAA;AAAA,EAAC,GAGC,CAACC,CAAI,IAAIpB,EAAS,MAAMqB,CAAM,GAE9BC,IAAQC,EAAc;AAAA,IACxB,MAAAH;AAAA,IACA,SAAAF;AAAA,IACA,WAAW;AAAA,MACP,OAAOX;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACH,eAAAO;AAAA,MACA,cAAAE;AAAA,IAAA;AAAA,IAEJ,uBAAuBD;AAAA,IACvB,sBAAsBE;AAAA,IACtB,gBAAgBV;AAAA,IAChB,iBAAiBiB,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,mBAAmBC,EAAA;AAAA,IACnB,uBAAuBC,EAAA;AAAA,IACvB,oBAAoBC,EAAA;AAAA,IACpB,wBAAwBC,EAAA;AAAA,IACxB,wBAAwBC,EAAA;AAAA,IACxB,cAAc;AAAA,IACd,cAAc;AAAA,EAAA,CACjB;AAED,SACI,gBAAA3B,EAAA4B,GAAA,EACI,UAAA;AAAA,IAAA,gBAAA3B;AAAA,MAACX;AAAA,MAAA;AAAA,QACG,OAAOuB,KAAgB;AAAA,QACvB,WAAU;AAAA,QACV,aAAY;AAAA,QACZ,UAAU,CAAClB,MAAUmB,EAAgB,OAAOnB,CAAK,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAErDN,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAY,EAACf,GAAA,EACI,UAAAiC,EAAM,gBAAA,EAAkB,IAAI,CAACU,MAC1B,gBAAA5B,EAAClB,GAAA,EACI,UAAA8C,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAA7B;AAAA,QAACjB;AAAA,QAAA;AAAA,UAEG,SAAS8C,EAAO;AAAA,UAEf,UAAAA,EAAO,gBAAgB,OACpB,gBAAA9B;AAAA,YAAC;AAAA,YAAA;AAAA,cAEO,WACI8B,EAAO,OAAO,WAAA,IACR,+BACA;AAAA,cACV,SACIA,EAAO,OAAO,wBAAA;AAAA,cAGrB,UAAA;AAAA,gBAAAC;AAAA,kBACGD,EAAO,OAAO,UACT;AAAA,kBACLA,EAAO,WAAA;AAAA,gBAAW;AAAA,gBAGlB,gBAAA7B;AAAA,kBAACb;AAAA,kBAAA;AAAA,oBACG,MAAM0C,EAAO,OAAO,YAAA;AAAA,kBAAY;AAAA,gBAAA;AAAA,cACpC;AAAA,YAAA;AAAA,UAAA;AAAA,QAER;AAAA,QAxBCA,EAAO;AAAA,MAAA,CA4BvB,EAAA,GAhCID,EAAY,EAiCrB,CACH,EAAA,CACL;AAAA,MACA,gBAAA5B,EAACd,KACI,UAAAgC,EAAM,YAAA,EAAc,KAAK,IAAI,CAACd,wBAEtBtB,GAAA,EACI,UAAAsB,EAAI,kBAAkB,IAAI,CAAC2B,wBAEnB/C,GAAA,EACI,UAAA8C;AAAA,QACGC,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVI3B,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@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,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;"}
1	+ {"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Group.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n useReactTable,\n getCoreRowModel,\n flexRender,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nconst Group = () => {\n const [data] = useState(() => data10)\n\n const columns = useMemo<ColumnDef<Person>[]>(\n () => [\n {\n header: 'Name',\n columns: [\n {\n header: 'First Name',\n accessorKey: 'firstName',\n },\n {\n header: 'Last Name',\n accessorKey: 'lastName',\n },\n ],\n },\n {\n header: 'Info',\n columns: [\n {\n header: 'Email',\n accessorKey: 'email',\n width: 50,\n },\n {\n header: 'Visits',\n accessorKey: 'gender',\n width: 60,\n },\n ],\n },\n ],\n [],\n )\n\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n })\n\n return (\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th key={header.id} colSpan={header.colSpan}>\n {flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n )\n}\n\nexport default Group\n"],"names":["Tr","Th","Td","THead","TBody","Table","Group","data","useState","data10","columns","useMemo","table","useReactTable","getCoreRowModel","jsx","headerGroup","header","flexRender","row","cell"],"mappings":";;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAQ,MAAM;AAChB,QAAM,CAACC,CAAI,IAAIC,EAAS,MAAMC,CAAM,GAE9BC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,SAAS;AAAA,UACL;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,UAAA;AAAA,UAEjB;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,UAAA;AAAA,QACjB;AAAA,MACJ;AAAA,MAEJ;AAAA,QACI,QAAQ;AAAA,QACR,SAAS;AAAA,UACL;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCC,IAAQC,EAAc;AAAA,IACxB,MAAAN;AAAA,IACA,SAAAG;AAAA,IACA,iBAAiBI,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKT,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAU,EAACZ,GAAA,EACI,UAAAS,EAAM,gBAAA,EAAkB,IAAI,CAACI,MAC1B,gBAAAD,EAACf,GAAA,EACI,UAAAgB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAF,EAACd,GAAA,EAAmB,SAASgB,EAAO,SAC/B,UAAAC;AAAA,MACGD,EAAO,OAAO,UAAU;AAAA,MACxBA,EAAO,WAAA;AAAA,IAAW,EACtB,GAJKA,EAAO,EAKhB,CAEP,EAAA,GAVID,EAAY,EAWrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAD,EAACX,KACI,UAAAQ,EAAM,YAAA,EAAc,KAAK,IAAI,CAACO,wBAEtBnB,GAAA,EACI,UAAAmB,EAAI,kBAAkB,IAAI,CAACC,wBAEnBlB,GAAA,EACI,UAAAgB;AAAA,MACGE,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVID,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/@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,MAAUC,GAE/BC,IAAY,MAAgB;AAC9B,QAAMC,IAAgB,CAAA;AACtB,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;AAEL,SAAOD;AACX,GAEME,IAAYH,IAAY,QAExBI,IAAiB;AAAA,EACnB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AACxB,GAEMC,IAAkB,MAAM;AAC1B,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGC,CAACC,CAAI,IAAIC,EAAS,MAAMT,GAAW,GAEnCU,IAAQC,EAAc;AAAA,IACxB,MAAAH;AAAA,IACA,SAAAF;AAAA;AAAA,IAEA,iBAAiBM,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,uBAAuBC,EAAA;AAAA,EAAsB,CAChD,GAEKC,IAAqB,CAACC,MAAiB;AACzC,IAAAN,EAAM,aAAaM,IAAO,CAAC;AAAA,~~EAAA~~,~~GAGzBC~~,IAAiB,CAACC,IAAQ,MAAM;AAClC,IAAAR,EAAM,YAAY,OAAOQ,CAAK,CAAC;AAAA,~~EAAA~~;~~AAGnC~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAACpB,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAqB,EAACvB,GAAA,EACI,UAAAa,EAAM,gBAAA,EAAkB,IAAI,CAACW,MAC1B,gBAAAD,EAAC1B,GAAA,EACI,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,WAAA;AAAA,UAAW;AAAA,QACtB;AAAA,QANKA,EAAO;AAAA,MAAA,CASvB,~~KAbID~~,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,MACA,gBAAAD,EAACtB,KACI,UAAAY,EAAM,YAAA,EAAc,KAAK,IAAI,CAACc,wBAEtB9B,GAAA,EACI,UAAA8B,EAAI,kBAAkB,IAAI,CAACC,wBAEnB7B,GAAA,EACI,UAAA2B;AAAA,QACGE,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVID,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAL,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,UAAUhB,EAAM,SAAA,EAAW,WAAW;AAAA,UACtC,aAAaA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,UACrD,OAAOP;AAAA,UACP,UAAUY;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEb,OAAA,EAAI,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,SAAA,EAAW,WAAW;AAAA,UAAA;AAAA,UAEpC,SAASN;AAAA,UACT,UAAU,CAACwB,MAAWX,EAAeW,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QAAA;AAAA,MAAA,EACtD,CACJ;AAAA,IAAA,EAAA,CACJ;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":";;;;;;;;AAwBA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC,GAE/BC,IAAY,MAAgB;AAC9B,QAAMC,IAAgB,CAAA;AACtB,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;AAEL,SAAOD;AACX,GAEME,IAAYH,IAAY,QAExBI,IAAiB;AAAA,EACnB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AAAA,EACpB,EAAE,OAAO,IAAI,OAAO,YAAA;AACxB,GAEMC,IAAkB,MAAM;AAC1B,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGC,CAACC,CAAI,IAAIC,EAAS,MAAMT,GAAW,GAEnCU,IAAQC,EAAc;AAAA,IACxB,MAAAH;AAAA,IACA,SAAAF;AAAA;AAAA,IAEA,iBAAiBM,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,uBAAuBC,EAAA;AAAA,EAAsB,CAChD,GAEKC,IAAqB,CAACC,MAAiB;AACzC,IAAAN,EAAM,aAAaM,IAAO,CAAC;AAAA,EAC/B,GAEMC,IAAiB,CAACC,IAAQ,MAAM;AAClC,IAAAR,EAAM,YAAY,OAAOQ,CAAK,CAAC;AAAA,EACnC;AAEA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAACpB,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAqB,EAACvB,GAAA,EACI,UAAAa,EAAM,gBAAA,EAAkB,IAAI,CAACW,MAC1B,gBAAAD,EAAC1B,GAAA,EACI,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,WAAA;AAAA,UAAW;AAAA,QACtB;AAAA,QANKA,EAAO;AAAA,MAAA,CASvB,EAAA,GAbID,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,MACA,gBAAAD,EAACtB,KACI,UAAAY,EAAM,YAAA,EAAc,KAAK,IAAI,CAACc,wBAEtB9B,GAAA,EACI,UAAA8B,EAAI,kBAAkB,IAAI,CAACC,wBAEnB7B,GAAA,EACI,UAAA2B;AAAA,QACGE,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVID,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAL,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,UAAUhB,EAAM,SAAA,EAAW,WAAW;AAAA,UACtC,aAAaA,EAAM,SAAA,EAAW,WAAW,YAAY;AAAA,UACrD,OAAOP;AAAA,UACP,UAAUY;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEb,OAAA,EAAI,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,SAAA,EAAW,WAAW;AAAA,UAAA;AAAA,UAEpC,SAASN;AAAA,UACT,UAAU,CAACwB,MAAWX,EAAeW,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QAAA;AAAA,MAAA,EACtD,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@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,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;"}
1	+ {"version":3,"file":"Resizable.js","sources":["../../../../../../lib/@ecme/views/ui-components/data-display/Table/Resizable.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Table from '@/components/ui/Table'\nimport {\n getCoreRowModel,\n flexRender,\n useReactTable,\n} from '@tanstack/react-table'\nimport { data10 } from './data'\nimport type { Person } from './data'\nimport type { ColumnDef } from '@tanstack/react-table'\n\nconst { Tr, Th, Td, THead, TBody } = Table\n\nfunction Resizable() {\n const data = useMemo(() => data10, [])\n\n const columns = useMemo<ColumnDef<Person>[]>(\n () => [\n { header: 'First Name', accessorKey: 'firstName' },\n { header: 'Last Name', accessorKey: 'lastName' },\n { header: 'Email', accessorKey: 'email' },\n { header: 'Gender', accessorKey: 'gender' },\n ],\n [],\n )\n\n const table = useReactTable({\n data,\n columns,\n enableColumnResizing: true,\n columnResizeMode: 'onChange',\n getCoreRowModel: getCoreRowModel(),\n })\n\n return (\n <Table>\n <THead>\n {table.getHeaderGroups().map((headerGroup) => (\n <Tr key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Th\n key={header.id}\n colSpan={header.colSpan}\n style={{\n position: 'relative',\n width: header.getSize(),\n }}\n >\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n {header.column.getCanResize() && (\n <div\n className={`table-resizer cursor-all-scroll ${\n header.column.getIsResizing()\n ? 'isResizing'\n : ''\n }`}\n onMouseDown={header.getResizeHandler()}\n onTouchStart={header.getResizeHandler()}\n ></div>\n )}\n </Th>\n )\n })}\n </Tr>\n ))}\n </THead>\n <TBody>\n {table.getRowModel().rows.map((row) => {\n return (\n <Tr key={row.id}>\n {row.getVisibleCells().map((cell) => {\n return (\n <Td\n key={cell.id}\n style={{ width: cell.column.getSize() }}\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </Td>\n )\n })}\n </Tr>\n )\n })}\n </TBody>\n </Table>\n )\n}\n\nexport default Resizable\n"],"names":["Tr","Th","Td","THead","TBody","Table","Resizable","data","useMemo","data10","columns","table","useReactTable","getCoreRowModel","jsx","headerGroup","header","jsxs","flexRender","row","cell"],"mappings":";;;;;AAWA,MAAM,EAAE,IAAAA,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,OAAAC,MAAUC;AAErC,SAASC,IAAY;AACjB,QAAMC,IAAOC,EAAQ,MAAMC,GAAQ,CAAA,CAAE,GAE/BC,IAAUF;AAAA,IACZ,MAAM;AAAA,MACF,EAAE,QAAQ,cAAc,aAAa,YAAA;AAAA,MACrC,EAAE,QAAQ,aAAa,aAAa,WAAA;AAAA,MACpC,EAAE,QAAQ,SAAS,aAAa,QAAA;AAAA,MAChC,EAAE,QAAQ,UAAU,aAAa,SAAA;AAAA,IAAS;AAAA,IAE9C,CAAA;AAAA,EAAC,GAGCG,IAAQC,EAAc;AAAA,IACxB,MAAAL;AAAA,IACA,SAAAG;AAAA,IACA,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,iBAAiBG,EAAA;AAAA,EAAgB,CACpC;AAED,2BACKR,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAS,EAACX,GAAA,EACI,UAAAQ,EAAM,gBAAA,EAAkB,IAAI,CAACI,MAC1B,gBAAAD,EAACd,GAAA,EACI,UAAAe,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAC;AAAA,MAAChB;AAAA,MAAA;AAAA,QAEG,SAASe,EAAO;AAAA,QAChB,OAAO;AAAA,UACH,UAAU;AAAA,UACV,OAAOA,EAAO,QAAA;AAAA,QAAQ;AAAA,QAGzB,UAAA;AAAA,UAAAA,EAAO,gBACF,OACAE;AAAA,YACIF,EAAO,OAAO,UAAU;AAAA,YACxBA,EAAO,WAAA;AAAA,UAAW;AAAA,UAE3BA,EAAO,OAAO,aAAA,KACX,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,mCACPE,EAAO,OAAO,kBACR,eACA,EACV;AAAA,cACA,aAAaA,EAAO,iBAAA;AAAA,cACpB,cAAcA,EAAO,iBAAA;AAAA,YAAiB;AAAA,UAAA;AAAA,QACzC;AAAA,MAAA;AAAA,MAtBAA,EAAO;AAAA,IAAA,CA0BvB,EAAA,GA9BID,EAAY,EA+BrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAD,EAACV,KACI,UAAAO,EAAM,YAAA,EAAc,KAAK,IAAI,CAACQ,wBAEtBnB,GAAA,EACI,UAAAmB,EAAI,kBAAkB,IAAI,CAACC,MAEpB,gBAAAN;AAAA,MAACZ;AAAA,MAAA;AAAA,QAEG,OAAO,EAAE,OAAOkB,EAAK,OAAO,UAAQ;AAAA,QAEnC,UAAAF;AAAA,UACGE,EAAK,OAAO,UAAU;AAAA,UACtBA,EAAK,WAAA;AAAA,QAAW;AAAA,MACpB;AAAA,MANKA,EAAK;AAAA,IAAA,CASrB,EAAA,GAbID,EAAI,EAcb,CAEP,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}

package/dist/@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,MAAUC;AAErC,SAASC,EAAsB;AAAA,EAC3B,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAA+B;AAC3B,QAAMC,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,GAAA,EAAS,KAAAJ,GAAU,UAAU,CAACK,GAAG,MAAMP,EAAS,CAAC,GAAI,GAAGC,EAAA,CAAM;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,QACP,gBAAAT;AAAA,QAACP;AAAA,QAAA;AAAA,UAEO,SAASgB,EAAM,qBAAA;AAAA,UACf,eAAeA,EAAM,sBAAA;AAAA,UACrB,UAAUA,EAAM,gCAAA;AAAA,QACpB;AAAA,MAAA;AAAA,MAGR,MAAM,CAAC,EAAE,KAAAC,EAAA,MACL,gBAAAV,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,QAACP;AAAA,QAAA;AAAA,UAEO,SAASiB,EAAI,cAAA;AAAA,UACb,UAAU,CAACA,EAAI,aAAA;AAAA,UACf,eAAeA,EAAI,kBAAA;AAAA,UACnB,UAAUA,EAAI,yBAAA;AAAA,QAClB;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA;AAAA,IAGR;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,EACjB,GAEL,~~EAAE~~,GAEC,CAACC,CAAI,IAAIL,EAAS,MAAMM,CAAM,GAE9BH,IAAQI,EAAc;AAAA,IACxB,MAAAF;AAAA,IACA,SAAAJ;AAAA,IACA,OAAO;AAAA,MACH,cAAAH;AAAA,IAAA;AAAA,IAEJ,oBAAoB;AAAA;AAAA;AAAA,IAEpB,sBAAsBC;AAAA,IACtB,iBAAiBS,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,IACrB,uBAAuBC,EAAA;AAAA,EAAsB,CAChD;AAED,SACI,gBAAAhB,EAAAiB,GAAA,EACI,4BAACzB,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAQ,EAACV,GAAA,EACI,UAAAmB,EAAM,gBAAA,EAAkB,IAAI,CAACS,MAC1B,gBAAAlB,EAACb,GAAA,EACI,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,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,~~KAbID~~,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAlB,EAACT,KACI,UAAAkB,EAAM,YAAA,EAAc,KAAK,IAAI,CAACC,wBAEtBvB,GAAA,EACI,UAAAuB,EAAI,kBAAkB,IAAI,CAACW,wBAEnBhC,GAAA,EACI,UAAA+B;AAAA,MACGC,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVIX,EAAI,EAWb,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;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/@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,EAAA;AAAA,EAEjB;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAAA,EAEjB;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAAA,EAEjB;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAAA,EAEjB;AAAA,IACI,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAAA,EAEjB;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,EAAA;AAAA,EAEZ;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEZ;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEZ;AAAA,IACI,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEZ;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,IAAA;AAAA,IAEJ,iBAAiBC;AAAA,IACjB,iBAAiBI,EAAA;AAAA,IACjB,mBAAmBC,EAAA;AAAA,EAAkB,CACxC;AAED,SACI,gBAAAC,EAAAC,GAAA,EACI,4BAACV,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAS,EAACZ,GAAA,EACI,UAAAQ,EAAM,gBAAA,EAAkB,IAAI,CAACM,MAC1B,gBAAAF,EAACf,GAAA,EACI,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,WAAA,IACR,+BACA;AAAA,YACV,SACIA,EAAO,OAAO,wBAAA;AAAA,YAGrB,UAAA;AAAA,cAAAE;AAAA,gBACGF,EAAO,OAAO,UACT;AAAA,gBACLA,EAAO,WAAA;AAAA,cAAW;AAAA,cAGlB,gBAAAH;AAAA,gBAACV;AAAA,gBAAA;AAAA,kBACG,MAAMa,EAAO,OAAO,YAAA;AAAA,gBAAY;AAAA,cAAA;AAAA,YACpC;AAAA,UAAA;AAAA,QAAA;AAAA,MAER;AAAA,MAxBCA,EAAO;AAAA,IAAA,CA4BvB,~~KAhCID~~,EAAY,EAiCrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAF,EAACX,GAAA,EACI,UAAAO,EACI,YAAA,EACA,KAAK,MAAM,GAAG,EAAE,EAChB,IAAI,CAACU,wBAEGrB,GAAA,EACI,UAAAqB,EAAI,kBAAkB,IAAI,CAACC,wBAEnBpB,GAAA,EACI,UAAAkB;AAAA,MACGE,EAAK,OAAO,UAAU;AAAA,MACtBA,EAAK,WAAA;AAAA,IAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,EAAA,GAVID,EAAI,EAWb,CAEP,EAAA,CACT;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;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/@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,MAAUC;AAErC,SAASC,EAAW;AAAA,EAChB,uBAAAC;AAAA,EACA,iBAAAC;AACJ,GAAsC;AAClC,QAAMC,IAAUC;AAAA,IACZ,MAAM;AAAA,MACF;AAAA;AAAA,QAEI,QAAQ,MAAM;AAAA;AAAA,QACd,IAAI;AAAA;AAAA,QACJ,MAAM,CAAC,EAAE,KAAAC,EAAA,MACL,gBAAAC,EAAAC,GAAA,EACK,UAAAF,EAAI,iBACD,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACJ,SAASD,EAAI;YAElB,YAAI,cAAA,sBACAG,GAAA,EAAqB,sBAErBC,GAAA,CAAA,CAAsB;AAAA,UAAA;AAAA,QAAA,IAG/B,KAAA,CACR;AAAA;AAAA,QAGJ,SAAS,MAAM;AAAA;AAAA,MAAA;AAAA,MAEnB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACjB;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCC,IAAQC,EAAc;AAAA,IACxB,MAAMC;AAAA,IACN,SAAAT;AAAA,IACA,iBAAAD;AAAA,IACA,iBAAiBW,EAAA;AAAA,IACjB,qBAAqBC,EAAA;AAAA,EAAoB,CAC5C;AAED,SACI,gBAAAR,EAAAC,GAAA,EACI,4BAACR,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAO,EAACT,GAAA,EACI,UAAAa,EAAM,gBAAA,EAAkB,IAAI,CAACK,MAC1B,gBAAAT,EAACZ,GAAA,EACI,UAAAqB,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAV;AAAA,MAACX;AAAA,MAAA;AAAA,QAEG,SAASqB,EAAO;AAAA,QAEf,UAAAC;AAAA,UACGD,EAAO,OAAO,UAAU;AAAA,UACxBA,EAAO,WAAA;AAAA,QAAW;AAAA,MACtB;AAAA,MANKA,EAAO;AAAA,IAAA,CASvB,~~KAbID~~,EAAY,EAcrB,CACH,EAAA,CACL;AAAA,IACA,gBAAAT,EAACR,KACI,UAAAY,EAAM,YAAA,EAAc,KAAK,IAAI,CAACL,MAEvB,gBAAAa,EAACX,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAACZ,KAEI,UAAAW,EAAI,kBAAkB,IAAI,CAACc,wBAEnB,MAAA,EACI,UAAAF;AAAA,QACGE,EAAK,OAAO,UAAU;AAAA,QACtBA,EAAK,WAAA;AAAA,MAAW,EACpB,GAJKA,EAAK,EAKd,CAEP,~~GACL~~;AAAA,MACCd,EAAI,cAAA,KACD,gBAAAC,EAACZ,GAAA,EAEG,UAAA,gBAAAY;AAAA,QAACV;AAAA,QAAA;AAAA,UACG,SACIS,EAAI,gBAAA,EAAkB;AAAA,UAGzB,UAAAJ,EAAsB,EAAE,KAAAI,EAAA,CAAK;AAAA,QAAA;AAAA,MAAA,EAClC,CACJ;AAAA,IAAA,EAAA,GAxBOA,EAAI,EA0BnB,CAEP,EAAA,CACL;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;AAEA,MAAMe,IAAqB,CAAC,EAAE,KAAAf,0BAErB,OAAA,EAAI,OAAO,EAAE,UAAU,UACpB,UAAA,gBAAAC,EAAC,QAAA,EAAM,UAAA,KAAK,UAAUD,EAAI,UAAU,MAAM,CAAC,GAAE,GACjD,GAIFgB,IAAe,MAEb,gBAAAf;AAAA,EAACN;AAAA,EAAA;AAAA,IACG,uBAAuBoB;AAAA,IACvB,iBAAiB,MAAM;AAAA,EAAA;AAAA;"}
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/@ecme/views/ui-components/feedback/Alert/Closable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Closable.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Closable = () => {\n const onCloseClick = () => {\n console.log('Alert closed!')\n }\n\n return (\n <div>\n <Alert closable type=\"success\" onClose={onCloseClick}>\n Thanks for submitting your application. Our team will get back\n to you soon.\n </Alert>\n </div>\n )\n}\n\nexport default Closable\n"],"names":["Closable","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAW,MAMT,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,WAAU,SANlB,MAAM;AACvB,UAAQ,IAAI,eAAe;~~AAAA,GAK+~~B,UAAA,8EAAA,CAGtD,GACJ;"}
1	+ {"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Alert/Closable.tsx"],"sourcesContent":["import Alert from '@/components/ui/Alert'\n\nconst Closable = () => {\n const onCloseClick = () => {\n console.log('Alert closed!')\n }\n\n return (\n <div>\n <Alert closable type=\"success\" onClose={onCloseClick}>\n Thanks for submitting your application. Our team will get back\n to you soon.\n </Alert>\n </div>\n )\n}\n\nexport default Closable\n"],"names":["Closable","jsx","Alert"],"mappings":";;;AAEA,MAAMA,IAAW,MAMT,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,MAAK,WAAU,SANlB,MAAM;AACvB,UAAQ,IAAI,eAAe;AAC/B,GAI8D,UAAA,8EAAA,CAGtD,GACJ;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGZG~~,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,~~EAAA~~;~~AAQnB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA9BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,~~YAAA~~,~~GA4B0C~~,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA9BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA2B6D,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/Closable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Closable = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog isOpen={dialogIsOpen} closable={false}>\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default Closable\n"],"names":["Closable","dialogIsOpen","setIsOpen","useState","openDialog","jsx","Button","jsxs","Dialog","e"],"mappings":";;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~;~~AAalB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAG,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMF,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAG,EAACC,GAAA,EAAO,QAAQP,GAAc,UAAU,IACpC,UAAA;AAAA,MAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,MACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,MACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,SA3BE,CAACG,MAAkB;AACrC,sBAAQ,IAAI,iBAAiBA,CAAC,GAC9BP,EAAU,EAAK;AAAA,~~YAAA~~;AAAA,~~YA0BF~~,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGAI,GAAA,EAAO,SAAQ,SAAQ,SA1BrB,CAACG,MAAkB;AAClC,kBAAQ,IAAI,cAAcA,CAAC,GAC3BP,EAAU,EAAK;AAAA,~~QAAA~~,~~GAwB0C~~,UAAA,OAAA,CAE7C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Closable.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Closable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Closable = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog isOpen={dialogIsOpen} closable={false}>\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default Closable\n"],"names":["Closable","dialogIsOpen","setIsOpen","useState","openDialog","jsx","Button","jsxs","Dialog","e"],"mappings":";;;;;;AAKA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB;AAYA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAG,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMF,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAG,EAACC,GAAA,EAAO,QAAQP,GAAc,UAAU,IACpC,UAAA;AAAA,MAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,MACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,MACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,SA3BE,CAACG,MAAkB;AACrC,sBAAQ,IAAI,iBAAiBA,CAAC,GAC9BP,EAAU,EAAK;AAAA,YACnB;AAAA,YAyBiB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGAI,GAAA,EAAO,SAAQ,SAAQ,SA1BrB,CAACG,MAAkB;AAClC,kBAAQ,IAAI,cAAcA,CAAC,GAC3BP,EAAU,EAAK;AAAA,QACnB,GAuB6D,UAAA,OAAA,CAE7C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseWithEscBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CloseWithEscBackdrop = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n shouldCloseOnOverlayClick={false}\n shouldCloseOnEsc={false}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default CloseWithEscBackdrop\n"],"names":["CloseWithEscBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGZG~~,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,~~EAAA~~;~~AAQnB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,2BAA2B;AAAA,QAC3B,kBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAhCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,~~YAAA~~,~~GA8B0C~~,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"CloseWithEscBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CloseWithEscBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CloseWithEscBackdrop = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n shouldCloseOnOverlayClick={false}\n shouldCloseOnEsc={false}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default CloseWithEscBackdrop\n"],"names":["CloseWithEscBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAuB,MAAM;AAC/B,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,2BAA2B;AAAA,QAC3B,kBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAhCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA6B6D,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/CustomStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomStyle.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CustomStyle = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n style={{\n content: {\n marginTop: 250,\n },\n }}\n contentClassName=\"pb-0 px-0\"\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <div className=\"px-6 pb-6\">\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in\n some form, by injected humour, or randomised words which\n dont look even slightly believable.\n </p>\n </div>\n <div className=\"text-right px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-lg rounded-br-lg\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default CustomStyle\n"],"names":["CustomStyle","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGZG~~,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,~~EAAA~~;~~AAQnB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,OAAO;AAAA,UACH,SAAS;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,QACf;AAAA,QAEJ,kBAAiB;AAAA,QACjB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,YAAA,gBAAAF,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,YACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iFACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,~~YAAA~~,~~GAmC0C~~,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"CustomStyle.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/CustomStyle.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst CustomStyle = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n style={{\n content: {\n marginTop: 250,\n },\n }}\n contentClassName=\"pb-0 px-0\"\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <div className=\"px-6 pb-6\">\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in\n some form, by injected humour, or randomised words which\n dont look even slightly believable.\n </p>\n </div>\n <div className=\"text-right px-6 py-3 bg-gray-100 dark:bg-gray-700 rounded-bl-lg rounded-br-lg\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default CustomStyle\n"],"names":["CustomStyle","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,OAAO;AAAA,UACH,SAAS;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,QACf;AAAA,QAEJ,kBAAiB;AAAA,QACjB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,aACX,UAAA;AAAA,YAAA,gBAAAF,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,YACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iFACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArCrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GAkC6D,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/InternalScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalScroll.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/InternalScroll.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst InternalScroll = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <div className=\"flex flex-col h-full justify-between\">\n <h5 className=\"mb-4\">Dialog Title</h5>\n <div className=\"max-h-96 overflow-y-auto\">\n <p>\n There are only two kinds of programming languages:\n those people always bitch about and those nobody\n uses. (Bjarne Stroustrup) Walking on water and\n developing software from a specification are easy if\n both are frozen. (Edward V Berard) Any fool can use\n a computer. Many do. (Ted Nelson) If debugging is\n the process of removing bugs, then programming must\n be the process of putting them in. (Edsger W.\n Dijkstra)\n </p>\n <p>\n Any fool can use a computer. Many do. (Ted Nelson)\n If the automobile had followed the same development\n cycle as the computer, a Rolls-Royce would today\n cost $100, get a million miles per gallon, and\n explode once a year, killing everyone inside.\n (Robert X. Cringely) Every operating system out\n there is about equal… We all suck. (Microsoft senior\n vice president Brian Valentine describing the state\n of the art in OS security, 2003) It is practically\n impossible to teach good programming style to\n students that have had prior exposure to BASIC. As\n potential programmers, they are mentally mutilated\n beyond hope of regeneration. (E. W. Dijkstra) It has\n been said that the great scientific disciplines are\n examples of giants standing on the shoulders of\n other giants. It has also been said that the\n software industry is an example of midgets standing\n on the toes of other midgets. (Alan Cooper)\n </p>\n <p>\n Always code as if the guy who ends up maintaining\n your code will be a violent psychopath who knows\n where you live. (Martin Golding) There is no\n programming language–no matter how structured-that\n will prevent programmers from making bad programs.\n (Larry Flon) If builders built buildings the way\n programmers wrote programs, then the first\n woodpecker that came along would destroy\n civilization. (Gerald Weinberg)\n </p>\n </div>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default InternalScroll\n"],"names":["InternalScroll","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGZG~~,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,~~EAAA~~;~~AAQnB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,QAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAG,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAE,UAAA,4ZAAA,CAUH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,63BAAA,CAmBH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,6ZAAA,CAUH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArEzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,~~YAAA~~,~~GAmE8C~~,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"InternalScroll.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/InternalScroll.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst InternalScroll = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <div className=\"flex flex-col h-full justify-between\">\n <h5 className=\"mb-4\">Dialog Title</h5>\n <div className=\"max-h-96 overflow-y-auto\">\n <p>\n There are only two kinds of programming languages:\n those people always bitch about and those nobody\n uses. (Bjarne Stroustrup) Walking on water and\n developing software from a specification are easy if\n both are frozen. (Edward V Berard) Any fool can use\n a computer. Many do. (Ted Nelson) If debugging is\n the process of removing bugs, then programming must\n be the process of putting them in. (Edsger W.\n Dijkstra)\n </p>\n <p>\n Any fool can use a computer. Many do. (Ted Nelson)\n If the automobile had followed the same development\n cycle as the computer, a Rolls-Royce would today\n cost $100, get a million miles per gallon, and\n explode once a year, killing everyone inside.\n (Robert X. Cringely) Every operating system out\n there is about equal… We all suck. (Microsoft senior\n vice president Brian Valentine describing the state\n of the art in OS security, 2003) It is practically\n impossible to teach good programming style to\n students that have had prior exposure to BASIC. As\n potential programmers, they are mentally mutilated\n beyond hope of regeneration. (E. W. Dijkstra) It has\n been said that the great scientific disciplines are\n examples of giants standing on the shoulders of\n other giants. It has also been said that the\n software industry is an example of midgets standing\n on the toes of other midgets. (Alan Cooper)\n </p>\n <p>\n Always code as if the guy who ends up maintaining\n your code will be a violent psychopath who knows\n where you live. (Martin Golding) There is no\n programming language–no matter how structured-that\n will prevent programmers from making bad programs.\n (Larry Flon) If builders built buildings the way\n programmers wrote programs, then the first\n woodpecker that came along would destroy\n civilization. (Gerald Weinberg)\n </p>\n </div>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default InternalScroll\n"],"names":["InternalScroll","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,QAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAG,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,YAAA,gBAAAH,EAAC,OAAE,UAAA,4ZAAA,CAUH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,63BAAA,CAmBH;AAAA,YACA,gBAAAA,EAAC,OAAE,UAAA,6ZAAA,CAUH;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SArEzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GAkEiE,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/Size.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Size = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Custom Size Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n width={1000}\n height={250}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <div className=\"flex flex-col h-full justify-between\">\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in\n some form, by injected humour, or randomised words which\n dont look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default Size\n"],"names":["Size","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGZG~~,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,~~EAAA~~;~~AAQnB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,sBAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAjCzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,~~YAAA~~,~~GA+B8C~~,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst Size = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Custom Size Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n width={1000}\n height={250}\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <div className=\"flex flex-col h-full justify-between\">\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in\n some form, by injected humour, or randomised words which\n dont look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default Size\n"],"names":["Size","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","Dialog","jsxs"],"mappings":";;;;;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,sBAErD;AAAA,IACA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,QAAQR;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,UAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SAjCzB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA8BiE,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StaticBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst StaticBackdrop = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n bodyOpenClassName=\"overflow-hidden\"\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default StaticBackdrop\n"],"names":["StaticBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGZG~~,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,~~EAAA~~;~~AAQnB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,mBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA/BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,~~YAAA~~,~~GA6B0C~~,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"StaticBackdrop.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Dialog/StaticBackdrop.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Dialog from '@/components/ui/Dialog'\nimport type { MouseEvent } from 'react'\n\nconst StaticBackdrop = () => {\n const [dialogIsOpen, setIsOpen] = useState(false)\n\n const openDialog = () => {\n setIsOpen(true)\n }\n\n const onDialogClose = (e: MouseEvent) => {\n console.log('onDialogClose', e)\n setIsOpen(false)\n }\n\n const onDialogOk = (e: MouseEvent) => {\n console.log('onDialogOk', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button variant=\"solid\" onClick={() => openDialog()}>\n Open Dialog\n </Button>\n <Dialog\n isOpen={dialogIsOpen}\n bodyOpenClassName=\"overflow-hidden\"\n onClose={onDialogClose}\n onRequestClose={onDialogClose}\n >\n <h5 className=\"mb-4\">Dialog Title</h5>\n <p>\n There are many variations of passages of Lorem Ipsum\n available, but the majority have suffered alteration in some\n form, by injected humour, or randomised words which dont\n look even slightly believable.\n </p>\n <div className=\"text-right mt-6\">\n <Button\n className=\"ltr:mr-2 rtl:ml-2\"\n variant=\"plain\"\n onClick={onDialogClose}\n >\n Cancel\n </Button>\n <Button variant=\"solid\" onClick={onDialogOk}>\n Okay\n </Button>\n </div>\n </Dialog>\n </div>\n )\n}\n\nexport default StaticBackdrop\n"],"names":["StaticBackdrop","dialogIsOpen","setIsOpen","useState","openDialog","onDialogClose","e","jsx","Button","jsxs","Dialog"],"mappings":";;;;;;AAKA,MAAMA,IAAiB,MAAM;AACzB,QAAM,CAACC,GAAcC,CAAS,IAAIC,EAAS,EAAK,GAE1CC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAOA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMJ,EAAA,GAAc,UAAA,eAErD;AAAA,IACA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,QAAQT;AAAA,QACR,mBAAkB;AAAA,QAClB,SAASI;AAAA,QACT,gBAAgBA;AAAA,QAEhB,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,UACjC,gBAAAA,EAAC,OAAE,UAAA,4MAAA,CAKH;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,SAASH;AAAA,gBACZ,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGAG,GAAA,EAAO,SAAQ,SAAQ,SA/BrB,CAACF,MAAkB;AAClC,sBAAQ,IAAI,cAAcA,CAAC,GAC3BJ,EAAU,EAAK;AAAA,YACnB,GA4B6D,UAAA,OAAA,CAE7C;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/feedback/Drawer/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n const [isOpen, setIsOpen] = useState(false)\n\n const openDrawer = () => {\n setIsOpen(true)\n }\n\n const onDrawerClose = (e: MouseEvent) => {\n console.log('onDrawerClose', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button onClick={() => openDrawer()}>Open Drawer</Button>\n <Drawer\n title=\"Drawer Title\"\n isOpen={isOpen}\n onClose={onDrawerClose}\n onRequestClose={onDrawerClose}\n >\n Drawer Content\n </Drawer>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","isOpen","setIsOpen","useState","openDrawer","onDrawerClose","e","jsx","Button","Drawer"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,~~EAAA~~,~~GAGZG~~,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,~~EAAA~~;~~AAGnB~~,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAO,SAAS,MAAMJ,KAAc,UAAA,eAAW;AAAA,IAChD,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAR;AAAA,QACA,SAASI;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/feedback/Drawer/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Button from '@/components/ui/Button'\nimport Drawer from '@/components/ui/Drawer'\nimport type { MouseEvent } from 'react'\n\nconst Basic = () => {\n const [isOpen, setIsOpen] = useState(false)\n\n const openDrawer = () => {\n setIsOpen(true)\n }\n\n const onDrawerClose = (e: MouseEvent) => {\n console.log('onDrawerClose', e)\n setIsOpen(false)\n }\n\n return (\n <div>\n <Button onClick={() => openDrawer()}>Open Drawer</Button>\n <Drawer\n title=\"Drawer Title\"\n isOpen={isOpen}\n onClose={onDrawerClose}\n onRequestClose={onDrawerClose}\n >\n Drawer Content\n </Drawer>\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","isOpen","setIsOpen","useState","openDrawer","onDrawerClose","e","jsx","Button","Drawer"],"mappings":";;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAa,MAAM;AACrB,IAAAF,EAAU,EAAI;AAAA,EAClB,GAEMG,IAAgB,CAACC,MAAkB;AACrC,YAAQ,IAAI,iBAAiBA,CAAC,GAC9BJ,EAAU,EAAK;AAAA,EACnB;AAEA,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAO,SAAS,MAAMJ,KAAc,UAAA,eAAW;AAAA,IAChD,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,QAAAR;AAAA,QACA,SAASI;AAAA,QACT,gBAAgBA;AAAA,QACnB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACJ;AAER;"}