@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.
- package/dist/components/controls/checkbox/Checkbox.d.mts +1 -1
- package/dist/components/controls/checkbox/Checkbox.d.mts.map +1 -1
- package/dist/components/controls/checkbox/Checkbox.mjs +1 -1
- package/dist/components/controls/checkbox/Checkbox.mjs.map +1 -1
- package/dist/components/controls/dropdown/combobox/ComboboxOptions.mjs +1 -1
- package/dist/components/controls/dropdown/combobox/ComboboxOptions.mjs.map +1 -1
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.d.mts +64 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.d.mts.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTable.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBody.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBody.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBulkBar.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableBulkBar.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableColumns.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableColumns.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableHeader.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableHeader.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.d.mts +20 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.d.mts.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTablePageSize.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableRootContainer.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableRootContainer.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.d.mts +24 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.d.mts.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/index.d.mts +6 -0
- package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts +21 -0
- package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts.map +1 -0
- package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs +2 -0
- package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs.map +1 -0
- package/dist/components/data-display/datatables/index.d.mts +5 -0
- package/dist/components/data-display/index.d.mts +15 -9
- package/dist/components/data-display/kanban/Kanban.d.mts +5 -1
- package/dist/components/data-display/kanban/Kanban.d.mts.map +1 -1
- package/dist/components/data-display/kanban/Kanban.mjs.map +1 -1
- package/dist/components/data-display/kanban/KanbanCard.mjs +1 -1
- package/dist/components/data-display/kanban/KanbanCard.mjs.map +1 -1
- package/dist/components/data-display/table/Table.d.mts +1 -1
- package/dist/components/data-display/table/Table.mjs.map +1 -1
- package/dist/components/data-display/table/TableBody.d.mts +3 -3
- package/dist/components/data-display/table/TableBody.d.mts.map +1 -1
- package/dist/components/data-display/table/TableBody.mjs +1 -1
- package/dist/components/data-display/table/TableBody.mjs.map +1 -1
- package/dist/components/data-display/table/TableCaption.d.mts +3 -3
- package/dist/components/data-display/table/TableCaption.d.mts.map +1 -1
- package/dist/components/data-display/table/TableCaption.mjs.map +1 -1
- package/dist/components/data-display/table/TableCell.d.mts +3 -4
- package/dist/components/data-display/table/TableCell.d.mts.map +1 -1
- package/dist/components/data-display/table/TableCell.mjs.map +1 -1
- package/dist/components/data-display/table/TableFoot.d.mts +3 -3
- package/dist/components/data-display/table/TableFoot.d.mts.map +1 -1
- package/dist/components/data-display/table/TableFoot.mjs.map +1 -1
- package/dist/components/data-display/table/TableHead.d.mts +3 -3
- package/dist/components/data-display/table/TableHead.d.mts.map +1 -1
- package/dist/components/data-display/table/TableHead.mjs.map +1 -1
- package/dist/components/data-display/table/TableHeaderCell.d.mts +3 -3
- package/dist/components/data-display/table/TableHeaderCell.d.mts.map +1 -1
- package/dist/components/data-display/table/TableHeaderCell.mjs.map +1 -1
- package/dist/components/data-display/table/{TableTypes.d.mts → TableRoot.d.mts} +4 -4
- package/dist/components/data-display/table/TableRoot.d.mts.map +1 -0
- package/dist/components/data-display/table/TableRoot.mjs.map +1 -1
- package/dist/components/data-display/table/TableRow.d.mts +3 -3
- package/dist/components/data-display/table/TableRow.d.mts.map +1 -1
- package/dist/components/data-display/table/TableRow.mjs.map +1 -1
- package/dist/components/index.d.mts +15 -9
- package/dist/components/misc/scroll-area/ScrollArea.d.mts +1 -1
- package/dist/components/misc/scroll-area/ScrollArea.d.mts.map +1 -1
- package/dist/components/misc/scroll-area/ScrollArea.mjs.map +1 -1
- package/dist/components/misc/virtual/Virtual.d.mts +2 -1
- package/dist/components/misc/virtual/Virtual.d.mts.map +1 -1
- package/dist/components/misc/virtual/Virtual.mjs +1 -1
- package/dist/components/misc/virtual/Virtual.mjs.map +1 -1
- package/dist/components/navigations/index.d.mts +1 -0
- package/dist/components/navigations/pagination/Pagination.d.mts +35 -0
- package/dist/components/navigations/pagination/Pagination.d.mts.map +1 -0
- package/dist/components/navigations/pagination/Pagination.mjs +2 -0
- package/dist/components/navigations/pagination/Pagination.mjs.map +1 -0
- package/dist/hooks/useElementOuterSize.mjs +2 -0
- package/dist/hooks/useElementOuterSize.mjs.map +1 -0
- package/dist/index.d.mts +16 -10
- package/dist/index.mjs +1 -1
- package/package.json +3 -2
- 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.
|
|
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 {
|
|
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 "./
|
|
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;
|
|
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 './
|
|
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 "./
|
|
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;
|
|
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 './
|
|
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 "./
|
|
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;
|
|
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 './
|
|
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 "./
|
|
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":";;;;
|
|
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
|
|
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 "./
|
|
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;
|
|
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 './
|
|
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/
|
|
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=
|
|
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';\
|
|
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 "./
|
|
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;
|
|
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 './
|
|
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
|
-
|
|
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,
|
|
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
|
|
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":";;;
|
|
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{
|
|
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
|
|
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 @@
|
|
|
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{
|
|
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.
|
|
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.
|
|
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"}
|