@mage-ui/components 1.0.71 → 1.0.72

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs

@@ -1,2 +0,0 @@
-import{dataTableSlotRow as e}from"@mage-ui/styled-system/recipes";import{jsx as t}from"react/jsx-runtime";const n=({slot:n,slotProps:r,className:i})=>{if(n==null)return null;let a=typeof n==`function`?n(r):n;return a==null||a===!1?null:t(`div`,{className:i??e(),children:a})};export{n as StatelessDataTableSlotRow};
-//# sourceMappingURL=StatelessDataTableSlotRow.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableSlotRow.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableSlotRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTableSlotRow } from '@mage-ui/styled-system/recipes';\n\nimport type { StatelessDataTableContextValue } from './useStatelessDataTableContext';\n\nexport type StatelessDataTableSlotRenderProps<Data> =\n  StatelessDataTableContextValue<Data>;\n\nexport type StatelessDataTableSlotContent<Data> =\n  | ReactNode\n  | ((props: StatelessDataTableSlotRenderProps<Data>) => ReactNode);\n\nexport type StatelessDataTableSlots<Data = unknown> = {\n  top?: StatelessDataTableSlotContent<Data>;\n  bottom?: StatelessDataTableSlotContent<Data>;\n  empty?: StatelessDataTableSlotContent<Data>;\n};\n\nexport type StatelessDataTableSlotRowProps<Data> = {\n  slot?: StatelessDataTableSlotContent<Data>;\n  slotProps: StatelessDataTableSlotRenderProps<Data>;\n  className?: string;\n};\n\nexport const StatelessDataTableSlotRow = <Data,>({\n  slot,\n  slotProps,\n  className,\n}: StatelessDataTableSlotRowProps<Data>): ReactNode => {\n  if (slot === null || slot === undefined) {\n    return null;\n  }\n\n  const content = typeof slot === 'function' ? slot(slotProps) : slot;\n\n  if (content === null || content === undefined || content === false) {\n    return null;\n  }\n\n  return <div className={className ?? dataTableSlotRow()}>{content}</div>;\n};\n"],"mappings":"0GAyBA,MAAa,GAAoC,CAC/C,OACA,YACA,eACqD,CACrD,GAAI,GAAS,KACX,OAAO,KAGT,IAAM,EAAU,OAAO,GAAS,WAAa,EAAK,EAAU,CAAG,EAM/D,OAJI,GAAY,MAAiC,IAAY,GACpD,KAGF,EAAC,MAAA,CAAI,UAAW,GAAa,GAAkB,UAAG,GAAc"}

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs

@@ -1,2 +0,0 @@
-import{dataTableLoading as e}from"@mage-ui/styled-system/recipes";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({loading:r,headerHeight:i,loadingClassName:a,children:o})=>n(`div`,{style:{position:`relative`},children:[r&&i>0?t(`div`,{className:a??e(),style:{top:`${i}px`}}):null,o]});export{r as StatelessDataTableViewport};
-//# sourceMappingURL=StatelessDataTableViewport.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatelessDataTableViewport.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/StatelessDataTableViewport.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { dataTableLoading } from '@mage-ui/styled-system/recipes';\n\nexport type StatelessDataTableViewportProps = {\n  loading?: boolean;\n  headerHeight: number;\n  loadingClassName?: string;\n  children: ReactNode;\n};\n\nexport const StatelessDataTableViewport = ({\n  loading,\n  headerHeight,\n  loadingClassName,\n  children,\n}: StatelessDataTableViewportProps): ReactNode => {\n  return (\n    <div style={{ position: 'relative' }}>\n      {loading && headerHeight > 0 ? (\n        <div\n          className={loadingClassName ?? dataTableLoading()}\n          style={{ top: `${headerHeight}px` }}\n        />\n      ) : null}\n      {children}\n    </div>\n  );\n};\n"],"mappings":"oHAWA,MAAa,GAA8B,CACzC,UACA,eACA,mBACA,cAGE,EAAC,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,WACjC,GAAW,EAAe,EACzB,EAAC,MAAA,CACC,UAAW,GAAoB,GAAkB,CACjD,MAAO,CAAE,IAAK,GAAG,EAAa,IAAK,EACnC,CACA,KACH,EAAA,EACG"}

package/dist/components/data-display/datatables/datatable-stateless/index.d.mts

@@ -1,6 +0,0 @@
-import { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext } from "./useStatelessDataTableContext.mjs";
-import { StatelessDataTableSlotContent, StatelessDataTableSlotRenderProps, StatelessDataTableSlotRow, StatelessDataTableSlotRowProps, StatelessDataTableSlots } from "./StatelessDataTableSlotRow.mjs";
-import { StatelessDataTable, StatelessDataTableClassNames, StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableProps, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig, StatelessDataTableTableConfig } from "./StatelessDataTable.mjs";
-import { StatelessDataTablePageSize, StatelessDataTablePageSizeProps } from "./StatelessDataTablePageSize.mjs";
-import { ColumnDef as ColumnDef$1, ExpandedState as ExpandedState$1, PaginationState as PaginationState$1, RowSelectionState as RowSelectionState$1, SortingState as SortingState$1 } from "@tanstack/react-table";
-export { type ColumnDef$1 as ColumnDef, type ExpandedState$1 as ExpandedState, type PaginationState$1 as PaginationState, type RowSelectionState$1 as RowSelectionState, type SortingState$1 as SortingState };

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs

@@ -1,2 +0,0 @@
-import{useElementOuterSize as e}from"../../../../hooks/useElementOuterSize.mjs";import{getStatelessDataTableExpandColumn as t,getStatelessDataTableSelectColumn as n}from"./StatelessDataTableColumns.mjs";import{getCoreRowModel as r,getExpandedRowModel as i,useReactTable as a}from"@tanstack/react-table";const o=({data:o,columns:s,sorting:c,pagination:l,selection:u,expansion:d,loading:f,onRefresh:p,options:m,layout:h})=>{let g=h??`fixed`,_=u?.isRowDisabled,{ref:v,height:y}=e(),b=a({data:o,columns:[...d?[t()]:[],...u?[n()]:[],...s],getCoreRowModel:r(),enableSorting:!!c,...c&&{manualSorting:!0,onSortingChange:c.onChange},...l&&{manualPagination:!0,onPaginationChange:l.onChange,pageCount:l.pageCount,...l.rowCount!==void 0&&{rowCount:l.rowCount}},...u&&{enableRowSelection:_?e=>!_(e.original):!0,onRowSelectionChange:u.onChange,...u.getRowId&&{getRowId:e=>u.getRowId?.(e)??``}},...d&&{enableExpanding:!0,getRowCanExpand:()=>!0,getExpandedRowModel:i(),onExpandedChange:d.onChange},...m,state:{...c&&{sorting:c.state},...l&&{pagination:l.state},...u&&{rowSelection:u.state},...d&&{expanded:d.state}}}),x=u?Object.entries(u.state).filter(([,e])=>e).map(([e])=>e):[];return{headerRef:v,headerHeight:y,layout:g,slotProps:{table:b,refresh:()=>{p?.()},loading:f,selectedIds:x,selectedCount:x.length,sorting:c,pagination:l,selection:u,expansion:d},table:b}};export{o as useStatelessDataTable};
-//# sourceMappingURL=useStatelessDataTable.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStatelessDataTable.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/useStatelessDataTable.ts"],"sourcesContent":["import {\n  getCoreRowModel,\n  getExpandedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\n\nimport { useElementOuterSize } from '../../../../hooks/useElementOuterSize';\nimport type { StatelessDataTableProps } from './StatelessDataTable';\nimport {\n  getStatelessDataTableExpandColumn,\n  getStatelessDataTableSelectColumn,\n} from './StatelessDataTableColumns';\nimport type { StatelessDataTableContextValue } from './useStatelessDataTableContext';\n\ntype UseStatelessDataTableResult<Data> = {\n  headerRef: ReturnType<\n    typeof useElementOuterSize<HTMLTableSectionElement>\n  >['ref'];\n  headerHeight: number;\n  layout: 'auto' | 'fixed';\n  slotProps: StatelessDataTableContextValue<Data>;\n  table: StatelessDataTableContextValue<Data>['table'];\n};\n\nexport const useStatelessDataTable = <Data>({\n  data,\n  columns,\n  sorting,\n  pagination,\n  selection,\n  expansion,\n  loading,\n  onRefresh,\n  options,\n  layout: providedLayout,\n}: StatelessDataTableProps<Data>): UseStatelessDataTableResult<Data> => {\n  const layout = providedLayout ?? 'fixed';\n  const isRowDisabled = selection?.isRowDisabled;\n  const { ref: headerRef, height: headerHeight } =\n    useElementOuterSize<HTMLTableSectionElement>();\n\n  const allColumns = [\n    ...(expansion ? [getStatelessDataTableExpandColumn<Data>()] : []),\n    ...(selection ? [getStatelessDataTableSelectColumn<Data>()] : []),\n    ...columns,\n  ];\n\n  const table = useReactTable<Data>({\n    data,\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    enableSorting: Boolean(sorting),\n    ...(sorting && {\n      manualSorting: true,\n      onSortingChange: sorting.onChange,\n    }),\n    ...(pagination && {\n      manualPagination: true,\n      onPaginationChange: pagination.onChange,\n      pageCount: pagination.pageCount,\n      ...(pagination.rowCount !== undefined && {\n        rowCount: pagination.rowCount,\n      }),\n    }),\n    ...(selection && {\n      enableRowSelection: isRowDisabled\n        ? (row) => !isRowDisabled(row.original)\n        : true,\n      onRowSelectionChange: selection.onChange,\n      ...(selection.getRowId && {\n        getRowId: (row: Data) => selection.getRowId?.(row) ?? '',\n      }),\n    }),\n    ...(expansion && {\n      enableExpanding: true,\n      getRowCanExpand: () => true,\n      getExpandedRowModel: getExpandedRowModel(),\n      onExpandedChange: expansion.onChange,\n    }),\n    ...options,\n    state: {\n      ...(sorting && { sorting: sorting.state }),\n      ...(pagination && { pagination: pagination.state }),\n      ...(selection && { rowSelection: selection.state }),\n      ...(expansion && { expanded: expansion.state }),\n    },\n  });\n\n  const selectedIds = selection\n    ? Object.entries(selection.state)\n        .filter(([, isSelected]) => isSelected)\n        .map(([id]) => id)\n    : [];\n\n  const refresh = () => {\n    void onRefresh?.();\n  };\n\n  const slotProps = {\n    table,\n    refresh,\n    loading,\n    selectedIds,\n    selectedCount: selectedIds.length,\n    sorting,\n    pagination,\n    selection,\n    expansion,\n  } satisfies StatelessDataTableContextValue<Data>;\n\n  return {\n    headerRef,\n    headerHeight,\n    layout,\n    slotProps,\n    table,\n  };\n};\n"],"mappings":"+SAwBA,MAAa,GAA+B,CAC1C,OACA,UACA,UACA,aACA,YACA,YACA,UACA,YACA,UACA,OAAQ,KAC8D,CACtE,IAAM,EAAS,GAAkB,QAC3B,EAAgB,GAAW,cAC3B,CAAE,IAAK,EAAW,OAAQ,GAC9B,GAA8C,CAQ1C,EAAQ,EAAoB,CAChC,OACA,QARiB,CACjB,GAAI,EAAY,CAAC,GAAyC,CAAC,CAAG,EAAE,CAChE,GAAI,EAAY,CAAC,GAAyC,CAAC,CAAG,EAAE,CAChE,GAAG,EACJ,CAKC,gBAAiB,GAAiB,CAClC,cAAe,EAAQ,EACvB,GAAI,GAAW,CACb,cAAe,GACf,gBAAiB,EAAQ,SAC1B,CACD,GAAI,GAAc,CAChB,iBAAkB,GAClB,mBAAoB,EAAW,SAC/B,UAAW,EAAW,UACtB,GAAI,EAAW,WAAa,IAAA,IAAa,CACvC,SAAU,EAAW,SACtB,CACF,CACD,GAAI,GAAa,CACf,mBAAoB,EACf,GAAQ,CAAC,EAAc,EAAI,SAAS,CACrC,GACJ,qBAAsB,EAAU,SAChC,GAAI,EAAU,UAAY,CACxB,SAAW,GAAc,EAAU,WAAW,EAAI,EAAI,GACvD,CACF,CACD,GAAI,GAAa,CACf,gBAAiB,GACjB,oBAAuB,GACvB,oBAAqB,GAAqB,CAC1C,iBAAkB,EAAU,SAC7B,CACD,GAAG,EACH,MAAO,CACL,GAAI,GAAW,CAAE,QAAS,EAAQ,MAAO,CACzC,GAAI,GAAc,CAAE,WAAY,EAAW,MAAO,CAClD,GAAI,GAAa,CAAE,aAAc,EAAU,MAAO,CAClD,GAAI,GAAa,CAAE,SAAU,EAAU,MAAO,CAC/C,CACF,CAAC,CAEI,EAAc,EAChB,OAAO,QAAQ,EAAU,MAAM,CAC5B,QAAQ,EAAG,KAAgB,EAAW,CACtC,KAAK,CAAC,KAAQ,EAAG,CACpB,EAAE,CAkBN,MAAO,CACL,YACA,eACA,SACA,UAhBgB,CAChB,QACA,YANoB,CACf,KAAa,EAMlB,UACA,cACA,cAAe,EAAY,OAC3B,UACA,aACA,YACA,YACD,CAOC,QACD"}

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts

@@ -1,21 +0,0 @@
-import { StatelessDataTableExpansionConfig, StatelessDataTablePaginationConfig, StatelessDataTableSelectionConfig, StatelessDataTableSortingConfig } from "./StatelessDataTable.mjs";
-import * as react from "react";
-import * as _tanstack_react_table0 from "@tanstack/react-table";
-
-//#region src/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.ts
-type StatelessDataTableContextValue<Data> = {
-  table: _tanstack_react_table0.Table<Data>;
-  refresh: () => void;
-  loading?: boolean;
-  selectedIds: string[];
-  selectedCount: number;
-  sorting?: StatelessDataTableSortingConfig;
-  pagination?: StatelessDataTablePaginationConfig;
-  selection?: StatelessDataTableSelectionConfig<Data>;
-  expansion?: StatelessDataTableExpansionConfig<Data>;
-};
-declare const useStatelessDataTableContext: <Data>() => StatelessDataTableContextValue<Data>;
-declare const StatelessDataTableContextProvider: react.Provider<StatelessDataTableContextValue<unknown> | null>;
-//#endregion
-export { StatelessDataTableContextProvider, StatelessDataTableContextValue, useStatelessDataTableContext };
-//# sourceMappingURL=useStatelessDataTableContext.d.mts.map

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStatelessDataTableContext.d.mts","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.ts"],"mappings":";;;;;KASY,8BAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,OAAA;EACA,WAAA;EACA,aAAA;EACA,OAAA,GAAU,+BAAA;EACV,UAAA,GAAa,kCAAA;EACb,SAAA,GAAY,iCAAA,CAAkC,IAAA;EAC9C,SAAA,GAAY,iCAAA,CAAkC,IAAA;AAAA;AAAA,cAMnC,4BAAA,cAER,8BAAA,CAA+B,IAAA;AAAA,cAYvB,iCAAA,EAAiC,KAAA,CAAA,QAAA,CAAA,8BAAA"}

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs

@@ -1,2 +0,0 @@
-import{createContext as e,useContext as t}from"react";const n=e(null),r=()=>{let e=t(n);if(!e)throw Error(`useStatelessDataTableContext must be used within <StatelessDataTable> or one of its slots.`);return e},i=n.Provider;export{i as StatelessDataTableContextProvider,r as useStatelessDataTableContext};
-//# sourceMappingURL=useStatelessDataTableContext.mjs.map

package/dist/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStatelessDataTableContext.mjs","names":[],"sources":["../../../../../src/components/data-display/datatables/datatable-stateless/useStatelessDataTableContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type {\n  StatelessDataTableExpansionConfig,\n  StatelessDataTablePaginationConfig,\n  StatelessDataTableSelectionConfig,\n  StatelessDataTableSortingConfig,\n} from './StatelessDataTable';\n\nexport type StatelessDataTableContextValue<Data> = {\n  table: import('@tanstack/react-table').Table<Data>;\n  refresh: () => void;\n  loading?: boolean;\n  selectedIds: string[];\n  selectedCount: number;\n  sorting?: StatelessDataTableSortingConfig;\n  pagination?: StatelessDataTablePaginationConfig;\n  selection?: StatelessDataTableSelectionConfig<Data>;\n  expansion?: StatelessDataTableExpansionConfig<Data>;\n};\n\nconst StatelessDataTableContext =\n  createContext<StatelessDataTableContextValue<unknown> | null>(null);\n\nexport const useStatelessDataTableContext = <\n  Data,\n>(): StatelessDataTableContextValue<Data> => {\n  const context = useContext(StatelessDataTableContext);\n\n  if (!context) {\n    throw new Error(\n      'useStatelessDataTableContext must be used within <StatelessDataTable> or one of its slots.',\n    );\n  }\n\n  return context as StatelessDataTableContextValue<Data>;\n};\n\nexport const StatelessDataTableContextProvider =\n  StatelessDataTableContext.Provider;\n"],"mappings":"sDAqBA,MAAM,EACJ,EAA8D,KAAK,CAExD,MAEgC,CAC3C,IAAM,EAAU,EAAW,EAA0B,CAErD,GAAI,CAAC,EACH,MAAU,MACR,6FACD,CAGH,OAAO,GAGI,EACX,EAA0B"}

package/dist/hooks/useElementOuterSize.mjs

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=useElementOuterSize.mjs.map

package/dist/hooks/useElementOuterSize.mjs.map

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