@mage-ui/components 1.0.69 → 1.0.70

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 (90) hide show
  1. package/dist/components/controls/checkbox/Checkbox.d.mts +1 -1
  2. package/dist/components/controls/checkbox/Checkbox.d.mts.map +1 -1
  3. package/dist/components/controls/checkbox/Checkbox.mjs +1 -1
  4. package/dist/components/controls/checkbox/Checkbox.mjs.map +1 -1
  5. package/dist/components/controls/dropdown/combobox/ComboboxOptions.mjs +1 -1
  6. package/dist/components/controls/dropdown/combobox/ComboboxOptions.mjs.map +1 -1
  7. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.d.mts +64 -0
  8. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.d.mts.map +1 -0
  9. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs +2 -0
  10. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs.map +1 -0
  11. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBody.mjs +2 -0
  12. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBody.mjs.map +1 -0
  13. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBulkBar.mjs +2 -0
  14. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBulkBar.mjs.map +1 -0
  15. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableColumns.mjs +2 -0
  16. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableColumns.mjs.map +1 -0
  17. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableHeader.mjs +2 -0
  18. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableHeader.mjs.map +1 -0
  19. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.d.mts +20 -0
  20. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.d.mts.map +1 -0
  21. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs +2 -0
  22. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs.map +1 -0
  23. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableRootContainer.mjs +2 -0
  24. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableRootContainer.mjs.map +1 -0
  25. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.d.mts +24 -0
  26. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.d.mts.map +1 -0
  27. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs +2 -0
  28. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs.map +1 -0
  29. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs +2 -0
  30. package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs.map +1 -0
  31. package/dist/components/data-display/datatables/datatable-stateless/index.d.mts +6 -0
  32. package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs +2 -0
  33. package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs.map +1 -0
  34. package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts +21 -0
  35. package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts.map +1 -0
  36. package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs +2 -0
  37. package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs.map +1 -0
  38. package/dist/components/data-display/datatables/index.d.mts +5 -0
  39. package/dist/components/data-display/index.d.mts +15 -9
  40. package/dist/components/data-display/kanban/Kanban.d.mts +5 -1
  41. package/dist/components/data-display/kanban/Kanban.d.mts.map +1 -1
  42. package/dist/components/data-display/kanban/Kanban.mjs.map +1 -1
  43. package/dist/components/data-display/kanban/KanbanCard.mjs +1 -1
  44. package/dist/components/data-display/kanban/KanbanCard.mjs.map +1 -1
  45. package/dist/components/data-display/table/Table.d.mts +1 -1
  46. package/dist/components/data-display/table/Table.mjs.map +1 -1
  47. package/dist/components/data-display/table/TableBody.d.mts +3 -3
  48. package/dist/components/data-display/table/TableBody.d.mts.map +1 -1
  49. package/dist/components/data-display/table/TableBody.mjs +1 -1
  50. package/dist/components/data-display/table/TableBody.mjs.map +1 -1
  51. package/dist/components/data-display/table/TableCaption.d.mts +3 -3
  52. package/dist/components/data-display/table/TableCaption.d.mts.map +1 -1
  53. package/dist/components/data-display/table/TableCaption.mjs.map +1 -1
  54. package/dist/components/data-display/table/TableCell.d.mts +3 -4
  55. package/dist/components/data-display/table/TableCell.d.mts.map +1 -1
  56. package/dist/components/data-display/table/TableCell.mjs.map +1 -1
  57. package/dist/components/data-display/table/TableFoot.d.mts +3 -3
  58. package/dist/components/data-display/table/TableFoot.d.mts.map +1 -1
  59. package/dist/components/data-display/table/TableFoot.mjs.map +1 -1
  60. package/dist/components/data-display/table/TableHead.d.mts +3 -3
  61. package/dist/components/data-display/table/TableHead.d.mts.map +1 -1
  62. package/dist/components/data-display/table/TableHead.mjs.map +1 -1
  63. package/dist/components/data-display/table/TableHeaderCell.d.mts +3 -3
  64. package/dist/components/data-display/table/TableHeaderCell.d.mts.map +1 -1
  65. package/dist/components/data-display/table/TableHeaderCell.mjs.map +1 -1
  66. package/dist/components/data-display/table/{TableTypes.d.mts → TableRoot.d.mts} +4 -4
  67. package/dist/components/data-display/table/TableRoot.d.mts.map +1 -0
  68. package/dist/components/data-display/table/TableRoot.mjs.map +1 -1
  69. package/dist/components/data-display/table/TableRow.d.mts +3 -3
  70. package/dist/components/data-display/table/TableRow.d.mts.map +1 -1
  71. package/dist/components/data-display/table/TableRow.mjs.map +1 -1
  72. package/dist/components/index.d.mts +15 -9
  73. package/dist/components/misc/scroll-area/ScrollArea.d.mts +1 -1
  74. package/dist/components/misc/scroll-area/ScrollArea.d.mts.map +1 -1
  75. package/dist/components/misc/scroll-area/ScrollArea.mjs.map +1 -1
  76. package/dist/components/misc/virtual/Virtual.d.mts +2 -1
  77. package/dist/components/misc/virtual/Virtual.d.mts.map +1 -1
  78. package/dist/components/misc/virtual/Virtual.mjs +1 -1
  79. package/dist/components/misc/virtual/Virtual.mjs.map +1 -1
  80. package/dist/components/navigations/index.d.mts +1 -0
  81. package/dist/components/navigations/pagination/Pagination.d.mts +35 -0
  82. package/dist/components/navigations/pagination/Pagination.d.mts.map +1 -0
  83. package/dist/components/navigations/pagination/Pagination.mjs +2 -0
  84. package/dist/components/navigations/pagination/Pagination.mjs.map +1 -0
  85. package/dist/hooks/useElementOuterSize.mjs +2 -0
  86. package/dist/hooks/useElementOuterSize.mjs.map +1 -0
  87. package/dist/index.d.mts +16 -10
  88. package/dist/index.mjs +1 -1
  89. package/package.json +3 -2
  90. package/dist/components/data-display/table/TableTypes.d.mts.map +0 -1
@@ -1,2 +1,2 @@
1
- import{Virtual as e}from"../../misc/virtual/Virtual.mjs";import{useScrollableContext as t}from"./TableContext.mjs";import{Table as n}from"@mantine/core";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{Children as o,cloneElement as s,isValidElement as c}from"react";const l=({height:e})=>e<=0?null:i(`tr`,{"aria-hidden":!0,children:i(`td`,{style:{height:e}})}),u=({item:e})=>{let t=e.row;if(!c(t))return t;let n=t.props.ref;return s(t,{ref:t=>{e.measureRef(t),typeof n==`function`?n(t):n&&(n.current=t)}})},d=({classNames:s,children:c,...d})=>{let f=t();if(f){let t=o.toArray(c);return i(n.Tbody,{className:s?.tbody,...d,children:i(e,{rows:t,estimateSize:f.estimateSize,scrollRef:f.viewportRef,overscan:f.overscan,children:(e,t)=>a(r,{children:[i(l,{height:t.top}),e.map(e=>i(u,{item:e},e.index)),i(l,{height:t.bottom})]})})})}return i(n.Tbody,{className:s?.tbody,...d,children:c})};export{d as TableBody};
1
+ import{Virtual as e}from"../../misc/virtual/Virtual.mjs";import{useScrollableContext as t}from"./TableContext.mjs";import{Table as n}from"@mantine/core";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{Children as o,cloneElement as s,isValidElement as c}from"react";const l=({height:e})=>e<=0?null:i(`tr`,{"aria-hidden":!0,children:i(`td`,{style:{height:e}})}),u=({item:e})=>{let t=e.row;if(!c(t))return t;let n=t.props.ref;return s(t,{ref:t=>{e.measureRef(t),typeof n==`function`?n(t):n&&(n.current=t)}})},d=({classNames:s,children:c,...d})=>{let f=t();if(f){let t=o.toArray(c);return i(n.Tbody,{className:s?.tbody,...d,children:i(e,{rows:t,estimateSize:f.estimateSize,scrollRef:f.viewportRef,overscan:f.overscan,children:(e,t)=>a(r,{children:[i(l,{height:t.top}),e.map(e=>i(u,{item:e},e.key)),i(l,{height:t.bottom})]})})})}return i(n.Tbody,{className:s?.tbody,...d,children:c})};export{d as TableBody};
2
2
  //# sourceMappingURL=TableBody.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableBody.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableBody.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, type ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { Virtual, type VirtualItem } from '../../misc/virtual/Virtual';\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableTypes';\n\nconst SpacerRow = ({ height }: { height: number }): ReactNode => {\n if (height <= 0) return null;\n return (\n <tr aria-hidden>\n <td style={{ height }} />\n </tr>\n );\n};\n\nconst VirtualRow = ({ item }: { item: VirtualItem<ReactNode> }): ReactNode => {\n const child = item.row;\n if (!isValidElement(child)) return child;\n\n const existingRef = (child.props as Record<string, unknown>).ref as\n | React.Ref<Element>\n | undefined;\n\n return cloneElement(\n child as React.ReactElement<{ ref?: React.Ref<Element> }>,\n {\n ref: (node: Element | null) => {\n item.measureRef(node);\n if (typeof existingRef === 'function') {\n existingRef(node);\n } else if (existingRef) {\n existingRef.current = node;\n }\n },\n },\n );\n};\n\nexport type TableBodyProps = {\n children: ReactNode;\n classNames?: Pick<TableClassNames, 'tbody'>;\n};\n\nexport const TableBody = ({\n classNames,\n children,\n ...props\n}: TableBodyProps): ReactNode => {\n const scrollable = useScrollableContext();\n\n if (scrollable) {\n const childArray = Children.toArray(children);\n\n return (\n <MantineTable.Tbody className={classNames?.tbody} {...props}>\n <Virtual\n rows={childArray}\n estimateSize={scrollable.estimateSize}\n scrollRef={scrollable.viewportRef}\n overscan={scrollable.overscan}\n >\n {(items, padding) => (\n <>\n <SpacerRow height={padding.top} />\n {items.map((item) => (\n <VirtualRow key={item.index} item={item} />\n ))}\n <SpacerRow height={padding.bottom} />\n </>\n )}\n </Virtual>\n </MantineTable.Tbody>\n );\n }\n\n return (\n <MantineTable.Tbody className={classNames?.tbody} {...props}>\n {children}\n </MantineTable.Tbody>\n );\n};\n"],"mappings":"gSAQA,MAAM,GAAa,CAAE,YACf,GAAU,EAAU,KAEtB,EAAC,KAAA,CAAG,cAAA,YACF,EAAC,KAAA,CAAG,MAAO,CAAE,SAAQ,CAAA,CAAI,EACtB,CAIH,GAAc,CAAE,UAAwD,CAC5E,IAAM,EAAQ,EAAK,IACnB,GAAI,CAAC,EAAe,EAAM,CAAE,OAAO,EAEnC,IAAM,EAAe,EAAM,MAAkC,IAI7D,OAAO,EACL,EACA,CACE,IAAM,GAAyB,CAC7B,EAAK,WAAW,EAAK,CACjB,OAAO,GAAgB,WACzB,EAAY,EAAK,CACR,IACT,EAAY,QAAU,IAG3B,CACF,EAQU,GAAa,CACxB,aACA,WACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEzC,GAAI,EAAY,CACd,IAAM,EAAa,EAAS,QAAQ,EAAS,CAE7C,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,WACpD,EAAC,EAAA,CACC,KAAM,EACN,aAAc,EAAW,aACzB,UAAW,EAAW,YACtB,SAAU,EAAW,mBAEnB,EAAO,IACP,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAU,OAAQ,EAAQ,IAAA,CAAO,CACjC,EAAM,IAAK,GACV,EAAC,EAAA,CAAkC,OAAA,CAAlB,EAAK,MAAqB,CAC3C,CACF,EAAC,EAAA,CAAU,OAAQ,EAAQ,OAAA,CAAU,GACpC,EAEG,EACS,CAIzB,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,EACnD,YACkB"}
1
+ {"version":3,"file":"TableBody.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableBody.tsx"],"sourcesContent":["import {\n Children,\n type ComponentPropsWithoutRef,\n cloneElement,\n isValidElement,\n type ReactNode,\n} from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { Virtual, type VirtualItem } from '../../misc/virtual/Virtual';\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableRoot';\n\nconst SpacerRow = ({ height }: { height: number }): ReactNode => {\n if (height <= 0) return null;\n return (\n <tr aria-hidden>\n <td style={{ height }} />\n </tr>\n );\n};\n\nconst VirtualRow = ({ item }: { item: VirtualItem<ReactNode> }): ReactNode => {\n const child = item.row;\n if (!isValidElement(child)) return child;\n\n const existingRef = (child.props as Record<string, unknown>).ref as\n | React.Ref<Element>\n | undefined;\n\n return cloneElement(\n child as React.ReactElement<{ ref?: React.Ref<Element> }>,\n {\n ref: (node: Element | null) => {\n item.measureRef(node);\n if (typeof existingRef === 'function') {\n existingRef(node);\n } else if (existingRef) {\n existingRef.current = node;\n }\n },\n },\n );\n};\n\nexport type TableBodyProps = Omit<\n ComponentPropsWithoutRef<'tbody'>,\n 'children' | 'className'\n> & {\n children: ReactNode;\n classNames?: Pick<TableClassNames, 'tbody'>;\n};\n\nexport const TableBody = ({\n classNames,\n children,\n ...props\n}: TableBodyProps): ReactNode => {\n const scrollable = useScrollableContext();\n\n if (scrollable) {\n const childArray = Children.toArray(children);\n\n return (\n <MantineTable.Tbody className={classNames?.tbody} {...props}>\n <Virtual\n rows={childArray}\n estimateSize={scrollable.estimateSize}\n scrollRef={scrollable.viewportRef}\n overscan={scrollable.overscan}\n >\n {(items, padding) => (\n <>\n <SpacerRow height={padding.top} />\n {items.map((item) => (\n <VirtualRow key={item.key} item={item} />\n ))}\n <SpacerRow height={padding.bottom} />\n </>\n )}\n </Virtual>\n </MantineTable.Tbody>\n );\n }\n\n return (\n <MantineTable.Tbody className={classNames?.tbody} {...props}>\n {children}\n </MantineTable.Tbody>\n );\n};\n"],"mappings":"gSAcA,MAAM,GAAa,CAAE,YACf,GAAU,EAAU,KAEtB,EAAC,KAAA,CAAG,cAAA,YACF,EAAC,KAAA,CAAG,MAAO,CAAE,SAAQ,CAAA,CAAI,EACtB,CAIH,GAAc,CAAE,UAAwD,CAC5E,IAAM,EAAQ,EAAK,IACnB,GAAI,CAAC,EAAe,EAAM,CAAE,OAAO,EAEnC,IAAM,EAAe,EAAM,MAAkC,IAI7D,OAAO,EACL,EACA,CACE,IAAM,GAAyB,CAC7B,EAAK,WAAW,EAAK,CACjB,OAAO,GAAgB,WACzB,EAAY,EAAK,CACR,IACT,EAAY,QAAU,IAG3B,CACF,EAWU,GAAa,CACxB,aACA,WACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEzC,GAAI,EAAY,CACd,IAAM,EAAa,EAAS,QAAQ,EAAS,CAE7C,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,WACpD,EAAC,EAAA,CACC,KAAM,EACN,aAAc,EAAW,aACzB,UAAW,EAAW,YACtB,SAAU,EAAW,mBAEnB,EAAO,IACP,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAU,OAAQ,EAAQ,IAAA,CAAO,CACjC,EAAM,IAAK,GACV,EAAC,EAAA,CAAgC,OAAA,CAAhB,EAAK,IAAmB,CACzC,CACF,EAAC,EAAA,CAAU,OAAQ,EAAQ,OAAA,CAAU,GACpC,EAEG,EACS,CAIzB,OACE,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,EACnD,YACkB"}
@@ -1,8 +1,8 @@
1
- import { TableClassNames } from "./TableTypes.mjs";
2
- import { ReactNode } from "react";
1
+ import { TableClassNames } from "./TableRoot.mjs";
2
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
3
3
 
4
4
  //#region src/components/data-display/table/TableCaption.d.ts
5
- type TableCaptionProps = {
5
+ type TableCaptionProps = Omit<ComponentPropsWithoutRef<'caption'>, 'children' | 'className'> & {
6
6
  children: ReactNode;
7
7
  classNames?: Pick<TableClassNames, 'caption'>;
8
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TableCaption.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"mappings":";;;;KAMY,iBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
1
+ {"version":3,"file":"TableCaption.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"mappings":";;;;KAMY,iBAAA,GAAoB,IAAA,CAC9B,wBAAA;EAGA,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableCaption.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableCaptionProps = {\n children: ReactNode;\n classNames?: Pick<TableClassNames, 'caption'>;\n};\n\nexport const TableCaption = ({\n classNames,\n ...props\n}: TableCaptionProps): ReactNode => {\n return <MantineTable.Caption className={classNames?.caption} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAgB,CAC3B,aACA,GAAG,KAEI,EAACA,EAAa,QAAA,CAAQ,UAAW,GAAY,QAAS,GAAI,GAAS"}
1
+ {"version":3,"file":"TableCaption.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCaption.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableRoot';\n\nexport type TableCaptionProps = Omit<\n ComponentPropsWithoutRef<'caption'>,\n 'children' | 'className'\n> & {\n children: ReactNode;\n classNames?: Pick<TableClassNames, 'caption'>;\n};\n\nexport const TableCaption = ({\n classNames,\n ...props\n}: TableCaptionProps): ReactNode => {\n return <MantineTable.Caption className={classNames?.caption} {...props} />;\n};\n"],"mappings":"8EAcA,MAAa,GAAgB,CAC3B,aACA,GAAG,KAEI,EAACA,EAAa,QAAA,CAAQ,UAAW,GAAY,QAAS,GAAI,GAAS"}
@@ -1,10 +1,9 @@
1
- import { TableClassNames } from "./TableTypes.mjs";
2
- import { ReactNode } from "react";
1
+ import { TableClassNames } from "./TableRoot.mjs";
2
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
3
3
 
4
4
  //#region src/components/data-display/table/TableCell.d.ts
5
- type TableCellProps = {
5
+ type TableCellProps = Omit<ComponentPropsWithoutRef<'td'>, 'className'> & {
6
6
  children?: ReactNode;
7
- style?: React.CSSProperties;
8
7
  classNames?: Pick<TableClassNames, 'td'>;
9
8
  };
10
9
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"TableCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"mappings":";;;;KAMY,cAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
1
+ {"version":3,"file":"TableCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"mappings":";;;;KAMY,cAAA,GAAiB,IAAA,CAC3B,wBAAA;EAGA,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableCellProps = {\n children?: ReactNode;\n style?: React.CSSProperties;\n classNames?: Pick<TableClassNames, 'td'>;\n};\n\nexport const TableCell = ({\n classNames,\n ...props\n}: TableCellProps): ReactNode => {\n return <MantineTable.Td className={classNames?.td} {...props} />;\n};\n"],"mappings":"8EAYA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}
1
+ {"version":3,"file":"TableCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableCell.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableRoot';\n\nexport type TableCellProps = Omit<\n ComponentPropsWithoutRef<'td'>,\n 'className'\n> & {\n children?: ReactNode;\n classNames?: Pick<TableClassNames, 'td'>;\n};\n\nexport const TableCell = ({\n classNames,\n ...props\n}: TableCellProps): ReactNode => {\n return <MantineTable.Td className={classNames?.td} {...props} />;\n};\n"],"mappings":"8EAcA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}
@@ -1,8 +1,8 @@
1
- import { TableClassNames } from "./TableTypes.mjs";
2
- import { ReactNode } from "react";
1
+ import { TableClassNames } from "./TableRoot.mjs";
2
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
3
3
 
4
4
  //#region src/components/data-display/table/TableFoot.d.ts
5
- type TableFootProps = {
5
+ type TableFootProps = Omit<ComponentPropsWithoutRef<'tfoot'>, 'children' | 'className'> & {
6
6
  children: ReactNode;
7
7
  classNames?: Pick<TableClassNames, 'tfoot'>;
8
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TableFoot.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"mappings":";;;;KAMY,cAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
1
+ {"version":3,"file":"TableFoot.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"mappings":";;;;KAMY,cAAA,GAAiB,IAAA,CAC3B,wBAAA;EAGA,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableFoot.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableFootProps = {\n children: ReactNode;\n classNames?: Pick<TableClassNames, 'tfoot'>;\n};\n\nexport const TableFoot = ({\n classNames,\n ...props\n}: TableFootProps): ReactNode => {\n return <MantineTable.Tfoot className={classNames?.tfoot} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,GAAS"}
1
+ {"version":3,"file":"TableFoot.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableFoot.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableRoot';\n\nexport type TableFootProps = Omit<\n ComponentPropsWithoutRef<'tfoot'>,\n 'children' | 'className'\n> & {\n children: ReactNode;\n classNames?: Pick<TableClassNames, 'tfoot'>;\n};\n\nexport const TableFoot = ({\n classNames,\n ...props\n}: TableFootProps): ReactNode => {\n return <MantineTable.Tfoot className={classNames?.tfoot} {...props} />;\n};\n"],"mappings":"8EAcA,MAAa,GAAa,CACxB,aACA,GAAG,KAEI,EAACA,EAAa,MAAA,CAAM,UAAW,GAAY,MAAO,GAAI,GAAS"}
@@ -1,8 +1,8 @@
1
- import { TableClassNames } from "./TableTypes.mjs";
2
- import { ReactNode } from "react";
1
+ import { TableClassNames } from "./TableRoot.mjs";
2
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
3
3
 
4
4
  //#region src/components/data-display/table/TableHead.d.ts
5
- type TableHeadProps = {
5
+ type TableHeadProps = Omit<ComponentPropsWithoutRef<'thead'>, 'children' | 'className'> & {
6
6
  children: ReactNode;
7
7
  ref?: React.Ref<HTMLTableSectionElement>;
8
8
  classNames?: Pick<TableClassNames, 'thead'>;
@@ -1 +1 @@
1
- {"version":3,"file":"TableHead.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"mappings":";;;;KAOY,cAAA;EACV,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,uBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
1
+ {"version":3,"file":"TableHead.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"mappings":";;;;KAWY,cAAA,GAAiB,IAAA,CAC3B,wBAAA;EAGA,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,uBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableHead.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"sourcesContent":["import { type ReactNode, useCallback } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableHeadProps = {\n children: ReactNode;\n ref?: React.Ref<HTMLTableSectionElement>;\n classNames?: Pick<TableClassNames, 'thead'>;\n};\n\nexport const TableHead = ({\n classNames,\n ref,\n ...props\n}: TableHeadProps): ReactNode => {\n const scrollable = useScrollableContext();\n\n const theadRef = useCallback(\n (node: HTMLTableSectionElement | null) => {\n if (node) {\n scrollable?.setHeaderHeight(node.offsetHeight);\n }\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n },\n [scrollable, ref],\n );\n\n return (\n <MantineTable.Thead\n className={classNames?.thead}\n ref={scrollable ? theadRef : ref}\n {...props}\n />\n );\n};\n"],"mappings":"4KAaA,MAAa,GAAa,CACxB,aACA,MACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEnC,EAAW,EACd,GAAyC,CACpC,GACF,GAAY,gBAAgB,EAAK,aAAa,CAE5C,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,IACT,EAAI,QAAU,IAGlB,CAAC,EAAY,EAAI,CAClB,CAED,OACE,EAACA,EAAa,MAAA,CACZ,UAAW,GAAY,MACvB,IAAK,EAAa,EAAW,EAC7B,GAAI,GACJ"}
1
+ {"version":3,"file":"TableHead.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHead.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n type ReactNode,\n useCallback,\n} from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { useScrollableContext } from './TableContext';\nimport type { TableClassNames } from './TableRoot';\n\nexport type TableHeadProps = Omit<\n ComponentPropsWithoutRef<'thead'>,\n 'children' | 'className'\n> & {\n children: ReactNode;\n ref?: React.Ref<HTMLTableSectionElement>;\n classNames?: Pick<TableClassNames, 'thead'>;\n};\n\nexport const TableHead = ({\n classNames,\n ref,\n ...props\n}: TableHeadProps): ReactNode => {\n const scrollable = useScrollableContext();\n\n const theadRef = useCallback(\n (node: HTMLTableSectionElement | null) => {\n if (node) {\n scrollable?.setHeaderHeight(node.offsetHeight);\n }\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n },\n [scrollable, ref],\n );\n\n return (\n <MantineTable.Thead\n className={classNames?.thead}\n ref={scrollable ? theadRef : ref}\n {...props}\n />\n );\n};\n"],"mappings":"4KAoBA,MAAa,GAAa,CACxB,aACA,MACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,GAAsB,CAEnC,EAAW,EACd,GAAyC,CACpC,GACF,GAAY,gBAAgB,EAAK,aAAa,CAE5C,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,IACT,EAAI,QAAU,IAGlB,CAAC,EAAY,EAAI,CAClB,CAED,OACE,EAACA,EAAa,MAAA,CACZ,UAAW,GAAY,MACvB,IAAK,EAAa,EAAW,EAC7B,GAAI,GACJ"}
@@ -1,8 +1,8 @@
1
- import { TableClassNames } from "./TableTypes.mjs";
2
- import { ReactNode } from "react";
1
+ import { TableClassNames } from "./TableRoot.mjs";
2
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
3
3
 
4
4
  //#region src/components/data-display/table/TableHeaderCell.d.ts
5
- type TableHeaderCellProps = {
5
+ type TableHeaderCellProps = Omit<ComponentPropsWithoutRef<'th'>, 'className'> & {
6
6
  children?: ReactNode;
7
7
  classNames?: Pick<TableClassNames, 'th'>;
8
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeaderCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"mappings":";;;;KAMY,oBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
1
+ {"version":3,"file":"TableHeaderCell.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"mappings":";;;;KAMY,oBAAA,GAAuB,IAAA,CACjC,wBAAA;EAGA,QAAA,GAAW,SAAA;EACX,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeaderCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableHeaderCellProps = {\n children?: ReactNode;\n classNames?: Pick<TableClassNames, 'th'>;\n};\n\nexport const TableHeaderCell = ({\n classNames,\n ...props\n}: TableHeaderCellProps): ReactNode => {\n return <MantineTable.Th className={classNames?.th} {...props} />;\n};\n"],"mappings":"8EAWA,MAAa,GAAmB,CAC9B,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}
1
+ {"version":3,"file":"TableHeaderCell.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableHeaderCell.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableRoot';\n\nexport type TableHeaderCellProps = Omit<\n ComponentPropsWithoutRef<'th'>,\n 'className'\n> & {\n children?: ReactNode;\n classNames?: Pick<TableClassNames, 'th'>;\n};\n\nexport const TableHeaderCell = ({\n classNames,\n ...props\n}: TableHeaderCellProps): ReactNode => {\n return <MantineTable.Th className={classNames?.th} {...props} />;\n};\n"],"mappings":"8EAcA,MAAa,GAAmB,CAC9B,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}
@@ -1,7 +1,7 @@
1
1
  import { ScrollableTableConfig } from "./TableScroll.mjs";
2
- import { ReactNode } from "react";
2
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
3
3
 
4
- //#region src/components/data-display/table/TableTypes.d.ts
4
+ //#region src/components/data-display/table/TableRoot.d.ts
5
5
  type TableClassNames = {
6
6
  table?: string;
7
7
  root?: string;
@@ -13,7 +13,7 @@ type TableClassNames = {
13
13
  td?: string;
14
14
  caption?: string;
15
15
  };
16
- type TableProps = {
16
+ type TableProps = Omit<ComponentPropsWithoutRef<'table'>, 'children' | 'className'> & {
17
17
  children: ReactNode;
18
18
  layout?: 'auto' | 'fixed';
19
19
  captionSide?: 'top' | 'bottom';
@@ -30,4 +30,4 @@ type TableProps = {
30
30
  };
31
31
  //#endregion
32
32
  export { TableClassNames, TableProps };
33
- //# sourceMappingURL=TableTypes.d.mts.map
33
+ //# sourceMappingURL=TableRoot.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableRoot.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableRoot.tsx"],"mappings":";;;;KAkBY,eAAA;EACV,KAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,OAAA;AAAA;AAAA,KAGU,UAAA,GAAa,IAAA,CACvB,wBAAA;EAGA,QAAA,EAAU,SAAA;EACV,MAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,OAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA,GAAa,eAAA;EACb,UAAA,GAAa,qBAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableRoot.mjs","names":["table","MantineTable","tableRecipe"],"sources":["../../../../src/components/data-display/table/TableRoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n tableCaption,\n table as tableRecipe,\n tableRoot,\n tableTbody,\n tableTd,\n tableTfoot,\n tableTh,\n tableThead,\n tableTr,\n} from '@mage-ui/styled-system/recipes';\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { TableScroll } from './TableScroll';\nimport type { TableProps } from './TableTypes';\n\nexport const TableRoot = ({\n children,\n classNames,\n scrollable,\n ...tableProps\n}: TableProps): ReactNode => {\n const table = (\n <MantineTable\n withRowBorders\n data-scrollable={scrollable ? true : undefined}\n classNames={{\n table: cx(\n classNames?.table ?? tableRecipe(),\n classNames?.root ?? tableRoot(),\n ),\n thead: classNames?.thead ?? tableThead(),\n tbody: classNames?.tbody ?? tableTbody(),\n tfoot: classNames?.tfoot ?? tableTfoot(),\n tr: classNames?.tr ?? tableTr(),\n th: classNames?.th ?? tableTh(),\n td: classNames?.td ?? tableTd(),\n caption: classNames?.caption ?? tableCaption(),\n }}\n {...tableProps}\n >\n {children}\n </MantineTable>\n );\n\n if (scrollable) {\n return (\n <TableScroll\n scrollable={scrollable}\n stickyHeader={tableProps.stickyHeader}\n >\n {table}\n </TableScroll>\n );\n }\n\n return table;\n};\n"],"mappings":"6VAmBA,MAAa,GAAa,CACxB,WACA,aACA,aACA,GAAG,KACwB,CAC3B,IAAMA,EACJ,EAACC,EAAAA,CACC,eAAA,GACA,kBAAiB,EAAa,GAAO,IAAA,GACrC,WAAY,CACV,MAAO,EACL,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,QAAS,GAAY,SAAW,GAAc,CAC/C,CACD,GAAI,EAEH,YACY,CAcjB,OAXI,EAEA,EAAC,EAAA,CACa,aACZ,aAAc,EAAW,sBAExBF,GACW,CAIXA"}
1
+ {"version":3,"file":"TableRoot.mjs","names":["table","MantineTable","tableRecipe"],"sources":["../../../../src/components/data-display/table/TableRoot.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n tableCaption,\n table as tableRecipe,\n tableRoot,\n tableTbody,\n tableTd,\n tableTfoot,\n tableTh,\n tableThead,\n tableTr,\n} from '@mage-ui/styled-system/recipes';\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { type ScrollableTableConfig, TableScroll } from './TableScroll';\n\nexport type TableClassNames = {\n table?: string;\n root?: string;\n thead?: string;\n tbody?: string;\n tfoot?: string;\n tr?: string;\n th?: string;\n td?: string;\n caption?: string;\n};\n\nexport type TableProps = Omit<\n ComponentPropsWithoutRef<'table'>,\n 'children' | 'className'\n> & {\n children: ReactNode;\n layout?: 'auto' | 'fixed';\n captionSide?: 'top' | 'bottom';\n withTableBorder?: boolean;\n withColumnBorders?: boolean;\n withRowBorders?: boolean;\n striped?: boolean | 'odd' | 'even';\n highlightOnHover?: boolean;\n stickyHeader?: boolean;\n stickyHeaderOffset?: number | string;\n tabularNums?: boolean;\n classNames?: TableClassNames;\n scrollable?: ScrollableTableConfig;\n};\n\nexport const TableRoot = ({\n children,\n classNames,\n scrollable,\n ...tableProps\n}: TableProps): ReactNode => {\n const table = (\n <MantineTable\n withRowBorders\n data-scrollable={scrollable ? true : undefined}\n classNames={{\n table: cx(\n classNames?.table ?? tableRecipe(),\n classNames?.root ?? tableRoot(),\n ),\n thead: classNames?.thead ?? tableThead(),\n tbody: classNames?.tbody ?? tableTbody(),\n tfoot: classNames?.tfoot ?? tableTfoot(),\n tr: classNames?.tr ?? tableTr(),\n th: classNames?.th ?? tableTh(),\n td: classNames?.td ?? tableTd(),\n caption: classNames?.caption ?? tableCaption(),\n }}\n {...tableProps}\n >\n {children}\n </MantineTable>\n );\n\n if (scrollable) {\n return (\n <TableScroll\n scrollable={scrollable}\n stickyHeader={tableProps.stickyHeader}\n >\n {table}\n </TableScroll>\n );\n }\n\n return table;\n};\n"],"mappings":"6VAiDA,MAAa,GAAa,CACxB,WACA,aACA,aACA,GAAG,KACwB,CAC3B,IAAMA,EACJ,EAACC,EAAAA,CACC,eAAA,GACA,kBAAiB,EAAa,GAAO,IAAA,GACrC,WAAY,CACV,MAAO,EACL,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,QAAS,GAAY,SAAW,GAAc,CAC/C,CACD,GAAI,EAEH,YACY,CAcjB,OAXI,EAEA,EAAC,EAAA,CACa,aACZ,aAAc,EAAW,sBAExBF,GACW,CAIXA"}
@@ -1,8 +1,8 @@
1
- import { TableClassNames } from "./TableTypes.mjs";
2
- import { ReactNode } from "react";
1
+ import { TableClassNames } from "./TableRoot.mjs";
2
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
3
3
 
4
4
  //#region src/components/data-display/table/TableRow.d.ts
5
- type TableRowProps = {
5
+ type TableRowProps = Omit<ComponentPropsWithoutRef<'tr'>, 'className'> & {
6
6
  children: ReactNode;
7
7
  ref?: React.Ref<HTMLTableRowElement>;
8
8
  classNames?: Pick<TableClassNames, 'tr'>;
@@ -1 +1 @@
1
- {"version":3,"file":"TableRow.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"mappings":";;;;KAMY,aAAA;EACV,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,mBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
1
+ {"version":3,"file":"TableRow.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"mappings":";;;;KAMY,aAAA,GAAgB,IAAA,CAC1B,wBAAA;EAGA,QAAA,EAAU,SAAA;EACV,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,mBAAA;EAChB,UAAA,GAAa,IAAA,CAAK,eAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableRow.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableTypes';\n\nexport type TableRowProps = {\n children: ReactNode;\n ref?: React.Ref<HTMLTableRowElement>;\n classNames?: Pick<TableClassNames, 'tr'>;\n};\n\nexport const TableRow = ({\n classNames,\n ...props\n}: TableRowProps): ReactNode => {\n return <MantineTable.Tr className={classNames?.tr} {...props} />;\n};\n"],"mappings":"8EAYA,MAAa,GAAY,CACvB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}
1
+ {"version":3,"file":"TableRow.mjs","names":["MantineTable"],"sources":["../../../../src/components/data-display/table/TableRow.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Table as MantineTable } from '@mantine/core';\n\nimport type { TableClassNames } from './TableRoot';\n\nexport type TableRowProps = Omit<\n ComponentPropsWithoutRef<'tr'>,\n 'className'\n> & {\n children: ReactNode;\n ref?: React.Ref<HTMLTableRowElement>;\n classNames?: Pick<TableClassNames, 'tr'>;\n};\n\nexport const TableRow = ({\n classNames,\n ...props\n}: TableRowProps): ReactNode => {\n return <MantineTable.Tr className={classNames?.tr} {...props} />;\n};\n"],"mappings":"8EAeA,MAAa,GAAY,CACvB,aACA,GAAG,KAEI,EAACA,EAAa,GAAA,CAAG,UAAW,GAAY,GAAI,GAAI,GAAS"}
@@ -21,6 +21,20 @@ import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/As
21
21
  import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
22
22
  import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
23
23
  import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
24
+ import { TableClassNames, TableProps } from "./data-display/table/TableRoot.mjs";
25
+ import { TableHeadProps } from "./data-display/table/TableHead.mjs";
26
+ import { TableBodyProps } from "./data-display/table/TableBody.mjs";
27
+ import { TableFootProps } from "./data-display/table/TableFoot.mjs";
28
+ import { TableRowProps } from "./data-display/table/TableRow.mjs";
29
+ import { TableHeaderCellProps } from "./data-display/table/TableHeaderCell.mjs";
30
+ import { TableCellProps } from "./data-display/table/TableCell.mjs";
31
+ import { TableCaptionProps } from "./data-display/table/TableCaption.mjs";
32
+ import { Table } from "./data-display/table/Table.mjs";
33
+ import { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext } from "./data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs";
34
+ import { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots } from "./data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs";
35
+ import { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig } from "./data-display/datatables/datatable-stateless/StatelessDataTable.mjs";
36
+ import { StatelessDataTablePageSize, StatelessDataTablePageSizeProps } from "./data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs";
37
+ import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./data-display/datatables/datatable-stateless/index.mjs";
24
38
  import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./data-display/description-list/DescriptionList.mjs";
25
39
  import { Icon, IconProps } from "./data-display/icons/icon/Icon.mjs";
26
40
  import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs";
@@ -35,15 +49,6 @@ import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoI
35
49
  import { LogoSvg, LogoSvgProps } from "./data-display/logos/logo-svg/LogoSvg.mjs";
36
50
  import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./data-display/notification-banner/NotificationBanner.mjs";
37
51
  import { RemovableItem, RemovableItemProps } from "./data-display/removable-item/RemovableItem.mjs";
38
- import { TableClassNames, TableProps } from "./data-display/table/TableTypes.mjs";
39
- import { TableHeadProps } from "./data-display/table/TableHead.mjs";
40
- import { TableBodyProps } from "./data-display/table/TableBody.mjs";
41
- import { TableFootProps } from "./data-display/table/TableFoot.mjs";
42
- import { TableRowProps } from "./data-display/table/TableRow.mjs";
43
- import { TableHeaderCellProps } from "./data-display/table/TableHeaderCell.mjs";
44
- import { TableCellProps } from "./data-display/table/TableCell.mjs";
45
- import { TableCaptionProps } from "./data-display/table/TableCaption.mjs";
46
- import { Table } from "./data-display/table/Table.mjs";
47
52
  import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
48
53
  import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
49
54
  import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
@@ -70,6 +75,7 @@ import "./layouts/index.mjs";
70
75
  import { BreadcrumbsBarProps } from "./navigations/breadcrumbs/BreadcrumbsBar.mjs";
71
76
  import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
72
77
  import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
78
+ import { Pagination, PaginationClassNames, PaginationProps } from "./navigations/pagination/Pagination.mjs";
73
79
  import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
74
80
  import "./navigations/index.mjs";
75
81
  import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./overlays/modal/modal-types.mjs";
@@ -17,7 +17,7 @@ type ScrollAreaProps = {
17
17
  scrollbarSize?: string | number;
18
18
  offsetScrollbars?: boolean | 'x' | 'y' | 'present';
19
19
  viewportRef?: RefObject<HTMLDivElement | null>;
20
- styles?: Partial<Record<'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner', React.CSSProperties>>;
20
+ style?: React.CSSProperties;
21
21
  classNames?: ScrollAreaClassNames;
22
22
  };
23
23
  declare const ScrollArea: ({
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,oBAAA;EACV,UAAA;EACA,IAAA;EACA,QAAA;EACA,OAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,KAGU,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,WAAA,GAAc,SAAA,CAAU,cAAA;EACxB,MAAA,GAAS,OAAA,CACP,MAAA,yDAEE,KAAA,CAAM,aAAA;EAGV,UAAA,GAAa,oBAAA;AAAA;AAAA,cAGF,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAkB,SAAA"}
1
+ {"version":3,"file":"ScrollArea.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"mappings":";;;KAcY,oBAAA;EACV,UAAA;EACA,IAAA;EACA,QAAA;EACA,OAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,KAGU,eAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA;EACA,IAAA;EACA,aAAA;EACA,gBAAA;EACA,WAAA,GAAc,SAAA,CAAU,cAAA;EACxB,KAAA,GAAQ,KAAA,CAAM,aAAA;EACd,UAAA,GAAa,oBAAA;AAAA;AAAA,cAGF,UAAA;EAAc,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAkB,SAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n scrollArea,\n scrollAreaContent,\n scrollAreaCorner,\n scrollAreaRoot,\n scrollAreaScrollbar,\n scrollAreaThumb,\n scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaClassNames = {\n scrollArea?: string;\n root?: string;\n viewport?: string;\n content?: string;\n scrollbar?: string;\n thumb?: string;\n corner?: string;\n};\n\nexport type ScrollAreaProps = {\n children: ReactNode;\n scrollbars?: 'y' | 'x' | 'xy' | false;\n type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n scrollbarSize?: string | number;\n offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n viewportRef?: RefObject<HTMLDivElement | null>;\n styles?: Partial<\n Record<\n 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner',\n React.CSSProperties\n >\n >;\n classNames?: ScrollAreaClassNames;\n};\n\nexport const ScrollArea = ({\n children,\n classNames,\n ...props\n}: ScrollAreaProps): ReactNode => {\n return (\n <MantineScrollArea\n classNames={{\n root: cx(\n classNames?.scrollArea ?? scrollArea(),\n classNames?.root ?? scrollAreaRoot(),\n ),\n viewport: classNames?.viewport ?? scrollAreaViewport(),\n content: classNames?.content ?? scrollAreaContent(),\n scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n thumb: classNames?.thumb ?? scrollAreaThumb(),\n corner: classNames?.corner ?? scrollAreaCorner(),\n }}\n {...props}\n >\n {children}\n </MantineScrollArea>\n );\n};\n"],"mappings":"sUAwCA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,YACiB"}
1
+ {"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n scrollArea,\n scrollAreaContent,\n scrollAreaCorner,\n scrollAreaRoot,\n scrollAreaScrollbar,\n scrollAreaThumb,\n scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaClassNames = {\n scrollArea?: string;\n root?: string;\n viewport?: string;\n content?: string;\n scrollbar?: string;\n thumb?: string;\n corner?: string;\n};\n\nexport type ScrollAreaProps = {\n children: ReactNode;\n scrollbars?: 'y' | 'x' | 'xy' | false;\n type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n scrollbarSize?: string | number;\n offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n viewportRef?: RefObject<HTMLDivElement | null>;\n style?: React.CSSProperties;\n classNames?: ScrollAreaClassNames;\n};\n\nexport const ScrollArea = ({\n children,\n classNames,\n ...props\n}: ScrollAreaProps): ReactNode => {\n return (\n <MantineScrollArea\n classNames={{\n root: cx(\n classNames?.scrollArea ?? scrollArea(),\n classNames?.root ?? scrollAreaRoot(),\n ),\n viewport: classNames?.viewport ?? scrollAreaViewport(),\n content: classNames?.content ?? scrollAreaContent(),\n scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n thumb: classNames?.thumb ?? scrollAreaThumb(),\n corner: classNames?.corner ?? scrollAreaCorner(),\n }}\n {...props}\n >\n {children}\n </MantineScrollArea>\n );\n};\n"],"mappings":"sUAmCA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,YACiB"}
@@ -1,8 +1,9 @@
1
- import { ReactNode, RefObject } from "react";
1
+ import { Key, ReactNode, RefObject } from "react";
2
2
 
3
3
  //#region src/components/misc/virtual/Virtual.d.ts
4
4
  type VirtualItem<TRow> = {
5
5
  row: TRow;
6
+ key: Key;
6
7
  index: number;
7
8
  measureRef: (node: Element | null) => void;
8
9
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Virtual.d.mts","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"mappings":";;;KAIY,WAAA;EACV,GAAA,EAAK,IAAA;EACL,KAAA;EACA,UAAA,GAAa,IAAA,EAAM,OAAA;AAAA;AAAA,KAGT,cAAA;EACV,GAAA;EACA,MAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA,EAAM,IAAA;EACN,YAAA;EACA,SAAA,EAAW,SAAA,CAAU,WAAA;EACrB,QAAA;EACA,QAAA,GAAW,KAAA,EAAO,WAAA,CAAY,IAAA,KAAS,OAAA,EAAS,cAAA,KAAmB,SAAA;AAAA;AAAA,cAGxD,OAAA;EAAkB,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAM5B,YAAA,CAAa,IAAA,MAAQ,SAAA"}
1
+ {"version":3,"file":"Virtual.d.mts","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"mappings":";;;KASY,WAAA;EACV,GAAA,EAAK,IAAA;EACL,GAAA,EAAK,GAAA;EACL,KAAA;EACA,UAAA,GAAa,IAAA,EAAM,OAAA;AAAA;AAAA,KAGT,cAAA;EACV,GAAA;EACA,MAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA,EAAM,IAAA;EACN,YAAA;EACA,SAAA,EAAW,SAAA,CAAU,WAAA;EACrB,QAAA;EACA,QAAA,GAAW,KAAA,EAAO,WAAA,CAAY,IAAA,KAAS,OAAA,EAAS,cAAA,KAAmB,SAAA;AAAA;AAAA,cAGxD,OAAA;EAAkB,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,GAM5B,YAAA,CAAa,IAAA,MAAQ,SAAA"}
@@ -1,2 +1,2 @@
1
- import{useVirtualizer as e}from"@tanstack/react-virtual";const t=({rows:t,estimateSize:n,scrollRef:r,overscan:i=5,children:a})=>{let o=e({count:t.length,getScrollElement:()=>r.current,estimateSize:()=>n,measureElement:e=>e.getBoundingClientRect().height,overscan:i}),s=o.getVirtualItems();return a(s.map(e=>({row:t[e.index],index:e.index,measureRef:t=>{t&&(t.setAttribute(`data-index`,String(e.index)),o.measureElement(t))}})),{top:s[0]?.start??0,bottom:o.getTotalSize()-(s.at(-1)?.end??0)})};export{t as Virtual};
1
+ import{isValidElement as e}from"react";import{useVirtualizer as t}from"@tanstack/react-virtual";const n=({rows:n,estimateSize:r,scrollRef:i,overscan:a=5,children:o})=>{let s=t({count:n.length,getScrollElement:()=>i.current,estimateSize:()=>r,measureElement:e=>e.getBoundingClientRect().height,overscan:a}),c=s.getVirtualItems();return o(c.map(t=>{let r=n[t.index];return{row:r,key:e(r)&&r.key!==null?r.key:t.index,index:t.index,measureRef:e=>{e&&(e.setAttribute(`data-index`,String(t.index)),s.measureElement(e))}}}),{top:c[0]?.start??0,bottom:s.getTotalSize()-(c.at(-1)?.end??0)})};export{n as Virtual};
2
2
  //# sourceMappingURL=Virtual.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Virtual.mjs","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nexport type VirtualItem<TRow> = {\n row: TRow;\n index: number;\n measureRef: (node: Element | null) => void;\n};\n\nexport type VirtualPadding = {\n top: number;\n bottom: number;\n};\n\nexport type VirtualProps<TRow> = {\n rows: TRow[];\n estimateSize: number;\n scrollRef: RefObject<HTMLElement | null>;\n overscan?: number;\n children: (items: VirtualItem<TRow>[], padding: VirtualPadding) => ReactNode;\n};\n\nexport const Virtual = <TRow,>({\n rows,\n estimateSize,\n scrollRef,\n overscan = 5,\n children,\n}: VirtualProps<TRow>): ReactNode => {\n const virtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => scrollRef.current,\n estimateSize: () => estimateSize,\n measureElement: (element) => element.getBoundingClientRect().height,\n overscan,\n });\n\n const virtualItems = virtualizer.getVirtualItems();\n\n const items: VirtualItem<TRow>[] = virtualItems.map((virtualRow) => ({\n row: rows[virtualRow.index],\n index: virtualRow.index,\n measureRef: (node: Element | null) => {\n if (node) {\n node.setAttribute('data-index', String(virtualRow.index));\n virtualizer.measureElement(node);\n }\n },\n }));\n\n const padding: VirtualPadding = {\n top: virtualItems[0]?.start ?? 0,\n bottom: virtualizer.getTotalSize() - (virtualItems.at(-1)?.end ?? 0),\n };\n\n return children(items, padding);\n};\n"],"mappings":"yDAuBA,MAAa,GAAkB,CAC7B,OACA,eACA,YACA,WAAW,EACX,cACmC,CACnC,IAAM,EAAc,EAAe,CACjC,MAAO,EAAK,OACZ,qBAAwB,EAAU,QAClC,iBAAoB,EACpB,eAAiB,GAAY,EAAQ,uBAAuB,CAAC,OAC7D,WACD,CAAC,CAEI,EAAe,EAAY,iBAAiB,CAkBlD,OAAO,EAhB4B,EAAa,IAAK,IAAgB,CACnE,IAAK,EAAK,EAAW,OACrB,MAAO,EAAW,MAClB,WAAa,GAAyB,CAChC,IACF,EAAK,aAAa,aAAc,OAAO,EAAW,MAAM,CAAC,CACzD,EAAY,eAAe,EAAK,GAGrC,EAAE,CAE6B,CAC9B,IAAK,EAAa,IAAI,OAAS,EAC/B,OAAQ,EAAY,cAAc,EAAI,EAAa,GAAG,GAAG,EAAE,KAAO,GACnE,CAE8B"}
1
+ {"version":3,"file":"Virtual.mjs","names":[],"sources":["../../../../src/components/misc/virtual/Virtual.tsx"],"sourcesContent":["import {\n isValidElement,\n type Key,\n type ReactNode,\n type RefObject,\n} from 'react';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nexport type VirtualItem<TRow> = {\n row: TRow;\n key: Key;\n index: number;\n measureRef: (node: Element | null) => void;\n};\n\nexport type VirtualPadding = {\n top: number;\n bottom: number;\n};\n\nexport type VirtualProps<TRow> = {\n rows: TRow[];\n estimateSize: number;\n scrollRef: RefObject<HTMLElement | null>;\n overscan?: number;\n children: (items: VirtualItem<TRow>[], padding: VirtualPadding) => ReactNode;\n};\n\nexport const Virtual = <TRow,>({\n rows,\n estimateSize,\n scrollRef,\n overscan = 5,\n children,\n}: VirtualProps<TRow>): ReactNode => {\n const virtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => scrollRef.current,\n estimateSize: () => estimateSize,\n measureElement: (element) => element.getBoundingClientRect().height,\n overscan,\n });\n\n const virtualItems = virtualizer.getVirtualItems();\n\n const items: VirtualItem<TRow>[] = virtualItems.map((virtualRow) => {\n const row = rows[virtualRow.index];\n\n return {\n row,\n key: isValidElement(row) && row.key !== null ? row.key : virtualRow.index,\n index: virtualRow.index,\n measureRef: (node: Element | null) => {\n if (node) {\n node.setAttribute('data-index', String(virtualRow.index));\n virtualizer.measureElement(node);\n }\n },\n };\n });\n\n const padding: VirtualPadding = {\n top: virtualItems[0]?.start ?? 0,\n bottom: virtualizer.getTotalSize() - (virtualItems.at(-1)?.end ?? 0),\n };\n\n return children(items, padding);\n};\n"],"mappings":"gGA6BA,MAAa,GAAkB,CAC7B,OACA,eACA,YACA,WAAW,EACX,cACmC,CACnC,IAAM,EAAc,EAAe,CACjC,MAAO,EAAK,OACZ,qBAAwB,EAAU,QAClC,iBAAoB,EACpB,eAAiB,GAAY,EAAQ,uBAAuB,CAAC,OAC7D,WACD,CAAC,CAEI,EAAe,EAAY,iBAAiB,CAuBlD,OAAO,EArB4B,EAAa,IAAK,GAAe,CAClE,IAAM,EAAM,EAAK,EAAW,OAE5B,MAAO,CACL,MACA,IAAK,EAAe,EAAI,EAAI,EAAI,MAAQ,KAAO,EAAI,IAAM,EAAW,MACpE,MAAO,EAAW,MAClB,WAAa,GAAyB,CAChC,IACF,EAAK,aAAa,aAAc,OAAO,EAAW,MAAM,CAAC,CACzD,EAAY,eAAe,EAAK,GAGrC,EACD,CAE8B,CAC9B,IAAK,EAAa,IAAI,OAAS,EAC/B,OAAQ,EAAY,cAAc,EAAI,EAAa,GAAG,GAAG,EAAE,KAAO,GACnE,CAE8B"}
@@ -1,4 +1,5 @@
1
1
  import { BreadcrumbsBarProps } from "./breadcrumbs/BreadcrumbsBar.mjs";
2
2
  import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
3
3
  import { Menu, MenuProps } from "./menu/Menu.mjs";
4
+ import { Pagination, PaginationClassNames, PaginationProps } from "./pagination/Pagination.mjs";
4
5
  import { Sidebar, SidebarClassNames, SidebarProps } from "./sidebars/sidebar/Sidebar.mjs";
@@ -0,0 +1,35 @@
1
+ import { ReactNode } from "react";
2
+
3
+ //#region src/components/navigations/pagination/Pagination.d.ts
4
+ type PaginationClassNames = {
5
+ pagination?: string;
6
+ root?: string;
7
+ control?: string;
8
+ dots?: string;
9
+ };
10
+ type PaginationProps = {
11
+ total: number;
12
+ value?: number;
13
+ defaultValue?: number;
14
+ onChange?: (value: number) => void;
15
+ disabled?: boolean;
16
+ siblings?: number;
17
+ boundaries?: number;
18
+ withEdges?: boolean;
19
+ withControls?: boolean;
20
+ withPages?: boolean;
21
+ hideWithOnePage?: boolean;
22
+ onNextPage?: () => void;
23
+ onPreviousPage?: () => void;
24
+ onFirstPage?: () => void;
25
+ onLastPage?: () => void;
26
+ getItemProps?: (page: number) => Record<string, unknown>;
27
+ classNames?: PaginationClassNames;
28
+ };
29
+ declare const Pagination: ({
30
+ classNames,
31
+ ...props
32
+ }: PaginationProps) => ReactNode;
33
+ //#endregion
34
+ export { Pagination, PaginationClassNames, PaginationProps };
35
+ //# sourceMappingURL=Pagination.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pagination.d.mts","names":[],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"mappings":";;;KAWY,oBAAA;EACV,UAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA;AAAA;AAAA,KAGU,eAAA;EACV,KAAA;EACA,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,YAAA;EACA,SAAA;EACA,eAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA,IAAgB,IAAA,aAAiB,MAAA;EACjC,UAAA,GAAa,oBAAA;AAAA;AAAA,cAGF,UAAA;EAAc,UAAA;EAAA,GAAA;AAAA,GAGxB,eAAA,KAAkB,SAAA"}
@@ -0,0 +1,2 @@
1
+ import{cx as e}from"@mage-ui/styled-system/css";import{pagination as t,paginationControl as n,paginationDots as r,paginationRoot as i}from"@mage-ui/styled-system/recipes";import{Pagination as a}from"@mantine/core";import{jsx as o}from"react/jsx-runtime";const s=({classNames:s,...c})=>o(a,{classNames:{root:e(s?.pagination??t(),s?.root??i()),control:s?.control??n(),dots:s?.dots??r()},...c});export{s as Pagination};
2
+ //# sourceMappingURL=Pagination.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pagination.mjs","names":["Pagination","MantinePagination","paginationRecipe"],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n pagination as paginationRecipe,\n paginationControl,\n paginationDots,\n paginationRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Pagination as MantinePagination } from '@mantine/core';\n\nexport type PaginationClassNames = {\n pagination?: string;\n root?: string;\n control?: string;\n dots?: string;\n};\n\nexport type PaginationProps = {\n total: number;\n value?: number;\n defaultValue?: number;\n onChange?: (value: number) => void;\n disabled?: boolean;\n siblings?: number;\n boundaries?: number;\n withEdges?: boolean;\n withControls?: boolean;\n withPages?: boolean;\n hideWithOnePage?: boolean;\n onNextPage?: () => void;\n onPreviousPage?: () => void;\n onFirstPage?: () => void;\n onLastPage?: () => void;\n getItemProps?: (page: number) => Record<string, unknown>;\n classNames?: PaginationClassNames;\n};\n\nexport const Pagination = ({\n classNames,\n ...props\n}: PaginationProps): ReactNode => {\n return (\n <MantinePagination\n classNames={{\n root: cx(\n classNames?.pagination ?? paginationRecipe(),\n classNames?.root ?? paginationRoot(),\n ),\n control: classNames?.control ?? paginationControl(),\n dots: classNames?.dots ?? paginationDots(),\n }}\n {...props}\n />\n );\n};\n"],"mappings":"8PAsCA,MAAaA,GAAc,CACzB,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAcC,GAAkB,CAC5C,GAAY,MAAQ,GAAgB,CACrC,CACD,QAAS,GAAY,SAAW,GAAmB,CACnD,KAAM,GAAY,MAAQ,GAAgB,CAC3C,CACD,GAAI,GACJ"}
@@ -0,0 +1,2 @@
1
+ import{useResizeObserver as e}from"@mantine/hooks";function t(){let[t]=e(),{width:n,height:r}=t.current?.getBoundingClientRect()||{width:0,height:0};return{ref:t,width:n,height:r}}export{t as useElementOuterSize};
2
+ //# sourceMappingURL=useElementOuterSize.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useElementOuterSize.mjs","names":[],"sources":["../../src/hooks/useElementOuterSize.ts"],"sourcesContent":["import { useResizeObserver } from '@mantine/hooks';\n\nexport function useElementOuterSize<T extends HTMLElement>() {\n const [ref] = useResizeObserver<T>();\n const { width, height } = ref.current?.getBoundingClientRect() || {\n width: 0,\n height: 0,\n };\n return { ref, width, height };\n}\n"],"mappings":"mDAEA,SAAgB,GAA6C,CAC3D,GAAM,CAAC,GAAO,GAAsB,CAC9B,CAAE,QAAO,UAAW,EAAI,SAAS,uBAAuB,EAAI,CAChE,MAAO,EACP,OAAQ,EACT,CACD,MAAO,CAAE,MAAK,QAAO,SAAQ"}
package/dist/index.d.mts CHANGED
@@ -19,6 +19,20 @@ import { AssignedUser, AssignedUserProps } from "./components/data-display/assig
19
19
  import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
20
20
  import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
21
21
  import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
22
+ import { TableClassNames, TableProps } from "./components/data-display/table/TableRoot.mjs";
23
+ import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
24
+ import { TableBodyProps } from "./components/data-display/table/TableBody.mjs";
25
+ import { TableFootProps } from "./components/data-display/table/TableFoot.mjs";
26
+ import { TableRowProps } from "./components/data-display/table/TableRow.mjs";
27
+ import { TableHeaderCellProps } from "./components/data-display/table/TableHeaderCell.mjs";
28
+ import { TableCellProps } from "./components/data-display/table/TableCell.mjs";
29
+ import { TableCaptionProps } from "./components/data-display/table/TableCaption.mjs";
30
+ import { Table } from "./components/data-display/table/Table.mjs";
31
+ import { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext } from "./components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs";
32
+ import { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots } from "./components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs";
33
+ import { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig } from "./components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs";
34
+ import { StatelessDataTablePageSize, StatelessDataTablePageSizeProps } from "./components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs";
35
+ import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./components/data-display/datatables/datatable-stateless/index.mjs";
22
36
  import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./components/data-display/description-list/DescriptionList.mjs";
23
37
  import { Icon, IconProps } from "./components/data-display/icons/icon/Icon.mjs";
24
38
  import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/IconRaw.mjs";
@@ -33,15 +47,6 @@ import { LogoImage, LogoImageProps } from "./components/data-display/logos/logo-
33
47
  import { LogoSvg, LogoSvgProps } from "./components/data-display/logos/logo-svg/LogoSvg.mjs";
34
48
  import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./components/data-display/notification-banner/NotificationBanner.mjs";
35
49
  import { RemovableItem, RemovableItemProps } from "./components/data-display/removable-item/RemovableItem.mjs";
36
- import { TableClassNames, TableProps } from "./components/data-display/table/TableTypes.mjs";
37
- import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
38
- import { TableBodyProps } from "./components/data-display/table/TableBody.mjs";
39
- import { TableFootProps } from "./components/data-display/table/TableFoot.mjs";
40
- import { TableRowProps } from "./components/data-display/table/TableRow.mjs";
41
- import { TableHeaderCellProps } from "./components/data-display/table/TableHeaderCell.mjs";
42
- import { TableCellProps } from "./components/data-display/table/TableCell.mjs";
43
- import { TableCaptionProps } from "./components/data-display/table/TableCaption.mjs";
44
- import { Table } from "./components/data-display/table/Table.mjs";
45
50
  import { Tag, TagProps } from "./components/data-display/tag/Tag.mjs";
46
51
  import { TagGroup, TagGroupProps } from "./components/data-display/tag-group/TagGroup.mjs";
47
52
  import { UploadedFile, UploadedFileProps } from "./components/data-display/uploaded-file/UploadedFile.mjs";
@@ -64,6 +69,7 @@ import { Grid, GridClassNames } from "./components/layouts/grid/Grid.mjs";
64
69
  import { BreadcrumbsBarProps } from "./components/navigations/breadcrumbs/BreadcrumbsBar.mjs";
65
70
  import { Breadcrumbs, BreadcrumbsProps } from "./components/navigations/breadcrumbs/Breadcrumbs.mjs";
66
71
  import { Menu, MenuProps } from "./components/navigations/menu/Menu.mjs";
72
+ import { Pagination, PaginationClassNames, PaginationProps } from "./components/navigations/pagination/Pagination.mjs";
67
73
  import { Sidebar, SidebarClassNames, SidebarProps } from "./components/navigations/sidebars/sidebar/Sidebar.mjs";
68
74
  import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./components/overlays/modal/modal-types.mjs";
69
75
  import { ModalRegistry, ModalRegistryEntry } from "./components/overlays/modal/modal-registry.mjs";
@@ -74,4 +80,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
74
80
  import "./components/index.mjs";
75
81
  import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
76
82
  import "./providers/index.mjs";
77
- export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardMove, CardProps, CardRenderProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, ConfigMap, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCard, KanbanCardProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, z };
83
+ export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardMove, CardProps, CardRenderProps, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCard, KanbanCardProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableContextProvider, StatelessDataTableContextValue, StatelessDataTableExpansionConfig, StatelessDataTablePageSize, StatelessDataTablePageSizeProps, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots, StatelessDataTableSortingConfig, StatelessDataTableTableConfig, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, useStatelessDataTableContext, z };
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{DescriptionList as l}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as u}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as d}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as f}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as p}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as m}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as h}from"./components/data-display/kanban/KanbanCard.mjs";import{TextInput as g}from"./components/controls/text-input/TextInput.mjs";import{Kanban as _}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as v}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as y}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as b}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as x}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as S}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as C}from"./components/data-display/removable-item/RemovableItem.mjs";import{Virtual as w}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as E}from"./components/data-display/table/Table.mjs";import{TagGroup as D}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as O}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as k}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as A}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as j}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as M}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as N}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as P}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as F}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as R}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as z}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as B}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as V}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as H}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as U}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as W}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as G}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as K}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as q}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Textarea as Y}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as X}from"./components/forms/rules/password-rules.mjs";import{z as Z}from"./components/forms/rules/zod.mjs";import{Form as Q}from"./components/forms/Form.mjs";import{Card as $}from"./components/layouts/card/Card.mjs";import{FluidGrid as ee}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as te}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ne}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as re}from"./components/navigations/menu/Menu.mjs";import{Modal as ie}from"./components/overlays/modal/Modal.mjs";import{Modals as ae}from"./components/overlays/modal/index.mjs";import{Toast as oe}from"./components/overlays/toast/toast.mjs";import{Tooltip as se}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as le}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,R as Autocomplete,a as Avatar,o as Badge,ne as Breadcrumbs,e as Button,n as ButtonAction,N as ButtonIcon,P as ButtonIconVisual,r as ButtonLoader,F as ButtonVisual,s as Calendar,$ as Card,I as Checkbox,z as Combobox,L as DatePicker,l as DescriptionList,V as Dropzone,H as DropzoneFiles,U as FileInput,W as FileInputMultiple,ee as FluidGrid,Q as Form,te as Grid,j as HorizontalDivider,d as Icon,u as IconRaw,f as IconSvg,p as IconWrapped,m as Indicator,_ as Kanban,h as KanbanCard,v as LoaderDot,y as LoaderOval,b as LogoImage,x as LogoSvg,le as MageUiProvider,re as Menu,ie as Modal,ae as Modals,S as NotificationBanner,X as PASSWORD_RULES,G as PasswordInput,K as PasswordStrengthInput,J as Radio,C as RemovableItem,T as ScrollArea,M as ScrollAreaAutosize,B as Select,ce as Sidebar,E as Table,O as Tag,D as TagGroup,g as TextInput,Y as Textarea,oe as Toast,se as Tooltip,k as UploadedFile,A as UploadedFileDetails,w as Virtual,t as VisuallyHidden,c as momentLocalizer,q as usePasswordRules,Z as z};
1
+ import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{StatelessDataTableSlotRow as f}from"./components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs";import{Checkbox as p}from"./components/controls/checkbox/Checkbox.mjs";import{StatelessDataTableContextProvider as m,useStatelessDataTableContext as h}from"./components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs";import{StatelessDataTable as g}from"./components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs";import{StatelessDataTablePageSize as _}from"./components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs";import{DescriptionList as v}from"./components/data-display/description-list/DescriptionList.mjs";import{IconRaw as y}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as b}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as x}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as C}from"./components/data-display/indicator/Indicator.mjs";import{KanbanCard as w}from"./components/data-display/kanban/KanbanCard.mjs";import{TextInput as T}from"./components/controls/text-input/TextInput.mjs";import{Kanban as E}from"./components/data-display/kanban/Kanban.mjs";import{LoaderDot as D}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as O}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as k}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as A}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as j}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as M}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as N}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as P}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as F}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as I}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as L}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as R}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as z}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as B}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as V}from"./components/buttons/button-visual/ButtonVisual.mjs";import{DatePicker as H}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as U}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as W}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Select as G}from"./components/controls/dropdown/select/Select.mjs";import{Dropzone as K}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as q}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as J}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as Y}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as X}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as Z}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as Q}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as $}from"./components/controls/radio/Radio.mjs";import{Textarea as ee}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as te}from"./components/forms/rules/password-rules.mjs";import{z as ne}from"./components/forms/rules/zod.mjs";import{Form as re}from"./components/forms/Form.mjs";import{Card as ie}from"./components/layouts/card/Card.mjs";import{FluidGrid as ae}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as oe}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as se}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as ce}from"./components/navigations/menu/Menu.mjs";import{Pagination as le}from"./components/navigations/pagination/Pagination.mjs";import{Modal as ue}from"./components/overlays/modal/Modal.mjs";import{Modals as de}from"./components/overlays/modal/index.mjs";import{Toast as fe}from"./components/overlays/toast/toast.mjs";import{Tooltip as pe}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as me}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as he}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,U as Autocomplete,a as Avatar,o as Badge,se as Breadcrumbs,e as Button,n as ButtonAction,z as ButtonIcon,B as ButtonIconVisual,r as ButtonLoader,V as ButtonVisual,s as Calendar,ie as Card,p as Checkbox,W as Combobox,H as DatePicker,v as DescriptionList,K as Dropzone,q as DropzoneFiles,J as FileInput,Y as FileInputMultiple,ae as FluidGrid,re as Form,oe as Grid,L as HorizontalDivider,b as Icon,y as IconRaw,x as IconSvg,S as IconWrapped,C as Indicator,E as Kanban,w as KanbanCard,D as LoaderDot,O as LoaderOval,k as LogoImage,A as LogoSvg,he as MageUiProvider,ce as Menu,ue as Modal,de as Modals,j as NotificationBanner,te as PASSWORD_RULES,le as Pagination,X as PasswordInput,Z as PasswordStrengthInput,$ as Radio,M as RemovableItem,u as ScrollArea,R as ScrollAreaAutosize,G as Select,me as Sidebar,g as StatelessDataTable,m as StatelessDataTableContextProvider,_ as StatelessDataTablePageSize,f as StatelessDataTableSlotRow,d as Table,P as Tag,N as TagGroup,T as TextInput,ee as Textarea,fe as Toast,pe as Tooltip,F as UploadedFile,I as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,Q as usePasswordRules,h as useStatelessDataTableContext,ne as z};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/components",
3
- "version": "1.0.69",
3
+ "version": "1.0.70",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],
@@ -25,7 +25,7 @@
25
25
  "rimraf": "^6.1.3",
26
26
  "tsdown": "^0.20.3",
27
27
  "typescript": "^5.9.3",
28
- "@mage-ui/preset": "1.0.69",
28
+ "@mage-ui/preset": "1.0.70",
29
29
  "@mage-ui/styled-system": "1.0.8"
30
30
  },
31
31
  "peerDependencies": {
@@ -55,6 +55,7 @@
55
55
  "node": ">=24.9.0"
56
56
  },
57
57
  "dependencies": {
58
+ "@tanstack/react-table": "^8.21.3",
58
59
  "@tanstack/react-virtual": "^3.13.19"
59
60
  },
60
61
  "scripts": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableTypes.d.mts","names":[],"sources":["../../../../src/components/data-display/table/TableTypes.ts"],"mappings":";;;;KAIY,eAAA;EACV,KAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,OAAA;AAAA;AAAA,KAGU,UAAA;EACV,QAAA,EAAU,SAAA;EACV,MAAA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,OAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA,GAAa,eAAA;EACb,UAAA,GAAa,qBAAA;AAAA"}