@mage-ui/components 1.0.152 → 1.0.154

package/dist/components/data-display/datatables/DataTableFeedback.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableFeedback.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"mappings":";;;KAQK,sBAAA,GAAyB,IAAA,CAC5B,wBAAA;EAGA,UAAA;IACE,QAAA;IACA,IAAA;EAAA;EAEF,eAAA,GAAkB,SAAA;EAClB,OAAA;AAAA;AAAA,cAGW,iBAAA;EAAqB,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAK/B,sBAAA,KAAyB,SAAA"}
+{"version":3,"file":"DataTableFeedback.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"mappings":";;;KAUK,sBAAA,GAAyB,IAAA,CAC5B,wBAAA;EAGA,UAAA;IACE,QAAA;IACA,IAAA;EAAA;EAEF,eAAA,GAAkB,SAAA;EAClB,OAAA;AAAA;AAAA,cAGW,iBAAA;EAAqB,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAK/B,sBAAA,KAAyB,SAAA"}

package/dist/components/data-display/datatables/DataTableFeedback.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{dataTableFeedback as t,dataTableFeedbackRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i,feedbackMessage:a=`No hay datos para mostrar.`,isError:o=!1,...s})=>r(`div`,{className:e(i?.feedback??t(),i?.root??n()),"data-feedback":o?`danger`:void 0,role:o?`alert`:`status`,"aria-live":o?`assertive`:`polite`,...s,children:a});export{i as DataTableFeedback};
+import{useDataTableContext as e}from"./useDataTableContext.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{dataTableFeedback as n,dataTableFeedbackRoot as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,feedbackMessage:o,isError:s=!1,...c})=>{let{labels:l}=e(),u=o??(s?l.errorMessage:l.emptyMessage);return i(`div`,{className:t(a?.feedback??n(),a?.root??r()),"data-feedback":s?`danger`:void 0,role:s?`alert`:`status`,"aria-live":s?`assertive`:`polite`,...c,children:u})};export{a as DataTableFeedback};
 //# sourceMappingURL=DataTableFeedback.mjs.map

package/dist/components/data-display/datatables/DataTableFeedback.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableFeedback.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTableFeedback,\n  dataTableFeedbackRoot,\n} from '@mage-ui/styled-system/recipes';\n\ntype DataTableFeedbackProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'className'\n> & {\n  classNames?: {\n    feedback?: string;\n    root?: string;\n  };\n  feedbackMessage?: ReactNode;\n  isError?: boolean;\n};\n\nexport const DataTableFeedback = ({\n  classNames,\n  feedbackMessage = 'No hay datos para mostrar.',\n  isError = false,\n  ...props\n}: DataTableFeedbackProps): ReactNode => {\n  return (\n    <div\n      className={cx(\n        classNames?.feedback ?? dataTableFeedback(),\n        classNames?.root ?? dataTableFeedbackRoot(),\n      )}\n      data-feedback={isError ? 'danger' : undefined}\n      role={isError ? 'alert' : 'status'}\n      aria-live={isError ? 'assertive' : 'polite'}\n      {...props}\n    >\n      {feedbackMessage}\n    </div>\n  );\n};\n"],"mappings":"sLAoBA,MAAa,GAAqB,CAChC,aACA,kBAAkB,6BAClB,UAAU,GACV,GAAG,KAGD,EAAC,MAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAmB,CAC3C,GAAY,MAAQ,GAAuB,CAC5C,CACD,gBAAe,EAAU,SAAW,IAAA,GACpC,KAAM,EAAU,QAAU,SAC1B,YAAW,EAAU,YAAc,SACnC,GAAI,WAEH,EACG,CAAA"}
+{"version":3,"file":"DataTableFeedback.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTableFeedback,\n  dataTableFeedbackRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { useDataTableContext } from './useDataTableContext';\n\ntype DataTableFeedbackProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'className'\n> & {\n  classNames?: {\n    feedback?: string;\n    root?: string;\n  };\n  feedbackMessage?: ReactNode;\n  isError?: boolean;\n};\n\nexport const DataTableFeedback = ({\n  classNames,\n  feedbackMessage,\n  isError = false,\n  ...props\n}: DataTableFeedbackProps): ReactNode => {\n  const { labels } = useDataTableContext();\n  const message =\n    feedbackMessage ?? (isError ? labels.errorMessage : labels.emptyMessage);\n\n  return (\n    <div\n      className={cx(\n        classNames?.feedback ?? dataTableFeedback(),\n        classNames?.root ?? dataTableFeedbackRoot(),\n      )}\n      data-feedback={isError ? 'danger' : undefined}\n      role={isError ? 'alert' : 'status'}\n      aria-live={isError ? 'assertive' : 'polite'}\n      {...props}\n    >\n      {message}\n    </div>\n  );\n};\n"],"mappings":"sPAsBA,MAAa,GAAqB,CAChC,aACA,kBACA,UAAU,GACV,GAAG,KACoC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAClC,EACJ,IAAoB,EAAU,EAAO,aAAe,EAAO,cAE7D,OACE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAmB,CAC3C,GAAY,MAAQ,GAAuB,CAC5C,CACD,gBAAe,EAAU,SAAW,IAAA,GACpC,KAAM,EAAU,QAAU,SAC1B,YAAW,EAAU,YAAc,SACnC,GAAI,WAEH,EACG,CAAA"}

package/dist/components/data-display/datatables/DataTablePagination.d.mts

@@ -9,10 +9,18 @@ type DataTablePaginationProps = {
     pagination?: PaginationClassNames;
     paginationWrapper?: string;
   };
+  firstPage?: string;
+  previousPage?: string;
+  nextPage?: string;
+  lastPage?: string;
 };
 declare const DataTablePagination: ({
   withEdges,
-  classNames
+  classNames,
+  firstPage,
+  previousPage,
+  nextPage,
+  lastPage
 }: DataTablePaginationProps) => ReactNode;
 //#endregion
 export { DataTablePagination, DataTablePaginationProps };

package/dist/components/data-display/datatables/DataTablePagination.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"mappings":";;;;KAcY,wBAAA;EACV,SAAA;EACA,UAAA;IACE,IAAA;IACA,UAAA,GAAa,oBAAA;IACb,iBAAA;EAAA;AAAA;AAAA,cAIS,mBAAA;EAAuB,SAAA;EAAA;AAAA,GAGjC,wBAAA,KAA2B,SAAA"}
+{"version":3,"file":"DataTablePagination.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"mappings":";;;;KAcY,wBAAA;EACV,SAAA;EACA,UAAA;IACE,IAAA;IACA,UAAA,GAAa,oBAAA;IACb,iBAAA;EAAA;EAEF,SAAA;EACA,YAAA;EACA,QAAA;EACA,QAAA;AAAA;AAAA,cAGW,mBAAA;EAAuB,SAAA;EAAA,UAAA;EAAA,SAAA;EAAA,YAAA;EAAA,QAAA;EAAA;AAAA,GAOjC,wBAAA,KAA2B,SAAA"}

package/dist/components/data-display/datatables/DataTablePagination.mjs

@@ -1,2 +1,2 @@
-import{useDataTableContext as e}from"./useDataTableContext.mjs";import{Pagination as t}from"../../navigations/pagination/Pagination.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{dataTablePagination as r,paginationWrapper as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({withEdges:s=!1,classNames:c})=>{let{pagination:l}=e();return l?a(`div`,{className:c?.root??r(),children:o(t.Root,{classNames:c?.pagination,total:l.pageCount,value:l.currentPage,onChange:e=>{l.onChange(t=>({...t,pageIndex:e-1}))},children:[s&&a(t.First,{"aria-label":`First page`}),o(`div`,{className:n(c?.paginationWrapper??i(),`group`),children:[a(t.Previous,{"aria-label":`Previous page`}),a(t.Items,{}),a(t.Next,{"aria-label":`Next page`})]}),s&&a(t.Last,{"aria-label":`Last page`})]})}):null};export{s as DataTablePagination};
+import{useDataTableContext as e}from"./useDataTableContext.mjs";import{Pagination as t}from"../../navigations/pagination/Pagination.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{dataTablePagination as r,paginationWrapper as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({withEdges:s=!1,classNames:c,firstPage:l,previousPage:u,nextPage:d,lastPage:f})=>{let{pagination:p,labels:m}=e();return p?a(`div`,{className:c?.root??r(),children:o(t.Root,{classNames:c?.pagination,total:p.pageCount,value:p.currentPage,onChange:e=>{p.onChange(t=>({...t,pageIndex:e-1}))},children:[s&&a(t.First,{"aria-label":l??m.firstPage}),o(`div`,{className:n(c?.paginationWrapper??i(),`group`),children:[a(t.Previous,{"aria-label":u??m.previousPage}),a(t.Items,{}),a(t.Next,{"aria-label":d??m.nextPage})]}),s&&a(t.Last,{"aria-label":f??m.lastPage})]})}):null};export{s as DataTablePagination};
 //# sourceMappingURL=DataTablePagination.mjs.map

package/dist/components/data-display/datatables/DataTablePagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTablePagination,\n  paginationWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  Pagination,\n  type PaginationClassNames,\n} from '../../navigations/pagination/Pagination';\nimport { useDataTableContext } from './useDataTableContext';\n\nexport type DataTablePaginationProps = {\n  withEdges?: boolean;\n  classNames?: {\n    root?: string;\n    pagination?: PaginationClassNames;\n    paginationWrapper?: string;\n  };\n};\n\nexport const DataTablePagination = ({\n  withEdges = false,\n  classNames,\n}: DataTablePaginationProps): ReactNode => {\n  const { pagination } = useDataTableContext();\n\n  if (!pagination) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.root ?? dataTablePagination()}>\n      <Pagination.Root\n        classNames={classNames?.pagination}\n        total={pagination.pageCount}\n        value={pagination.currentPage}\n        onChange={(page: number) => {\n          pagination.onChange((current) => ({\n            ...current,\n            pageIndex: page - 1,\n          }));\n        }}\n      >\n        {/* TODO: labels for the empty controls */}\n        {withEdges && <Pagination.First aria-label='First page' />}\n        <div\n          className={cx(\n            classNames?.paginationWrapper ?? paginationWrapper(),\n            'group',\n          )}\n        >\n          <Pagination.Previous aria-label='Previous page' />\n          <Pagination.Items />\n          <Pagination.Next aria-label='Next page' />\n        </div>\n        {withEdges && <Pagination.Last aria-label='Last page' />}\n      </Pagination.Root>\n    </div>\n  );\n};\n"],"mappings":"uUAuBA,MAAa,GAAuB,CAClC,YAAY,GACZ,gBACyC,CACzC,GAAM,CAAE,cAAe,GAAqB,CAM5C,OAJK,EAKH,EAAC,MAAD,CAAK,UAAW,GAAY,MAAQ,GAAqB,UACvD,EAAC,EAAW,KAAZ,CACE,WAAY,GAAY,WACxB,MAAO,EAAW,UAClB,MAAO,EAAW,YAClB,SAAW,GAAiB,CAC1B,EAAW,SAAU,IAAa,CAChC,GAAG,EACH,UAAW,EAAO,EACnB,EAAE,WARP,CAYG,GAAa,EAAC,EAAW,MAAZ,CAAkB,aAAW,aAAe,CAAA,CAC1D,EAAC,MAAD,CACE,UAAW,EACT,GAAY,mBAAqB,GAAmB,CACpD,QACD,UAJH,CAME,EAAC,EAAW,SAAZ,CAAqB,aAAW,gBAAkB,CAAA,CAClD,EAAC,EAAW,MAAZ,EAAoB,CAAA,CACpB,EAAC,EAAW,KAAZ,CAAiB,aAAW,YAAc,CAAA,CACtC,GACL,GAAa,EAAC,EAAW,KAAZ,CAAiB,aAAW,YAAc,CAAA,CACxC,GACd,CAAA,CA9BC"}
+{"version":3,"file":"DataTablePagination.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTablePagination,\n  paginationWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  Pagination,\n  type PaginationClassNames,\n} from '../../navigations/pagination/Pagination';\nimport { useDataTableContext } from './useDataTableContext';\n\nexport type DataTablePaginationProps = {\n  withEdges?: boolean;\n  classNames?: {\n    root?: string;\n    pagination?: PaginationClassNames;\n    paginationWrapper?: string;\n  };\n  firstPage?: string;\n  previousPage?: string;\n  nextPage?: string;\n  lastPage?: string;\n};\n\nexport const DataTablePagination = ({\n  withEdges = false,\n  classNames,\n  firstPage,\n  previousPage,\n  nextPage,\n  lastPage,\n}: DataTablePaginationProps): ReactNode => {\n  const { pagination, labels } = useDataTableContext();\n\n  if (!pagination) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.root ?? dataTablePagination()}>\n      <Pagination.Root\n        classNames={classNames?.pagination}\n        total={pagination.pageCount}\n        value={pagination.currentPage}\n        onChange={(page: number) => {\n          pagination.onChange((current) => ({\n            ...current,\n            pageIndex: page - 1,\n          }));\n        }}\n      >\n        {withEdges && (\n          <Pagination.First aria-label={firstPage ?? labels.firstPage} />\n        )}\n        <div\n          className={cx(\n            classNames?.paginationWrapper ?? paginationWrapper(),\n            'group',\n          )}\n        >\n          <Pagination.Previous\n            aria-label={previousPage ?? labels.previousPage}\n          />\n          <Pagination.Items />\n          <Pagination.Next aria-label={nextPage ?? labels.nextPage} />\n        </div>\n        {withEdges && (\n          <Pagination.Last aria-label={lastPage ?? labels.lastPage} />\n        )}\n      </Pagination.Root>\n    </div>\n  );\n};\n"],"mappings":"uUA2BA,MAAa,GAAuB,CAClC,YAAY,GACZ,aACA,YACA,eACA,WACA,cACyC,CACzC,GAAM,CAAE,aAAY,UAAW,GAAqB,CAMpD,OAJK,EAKH,EAAC,MAAD,CAAK,UAAW,GAAY,MAAQ,GAAqB,UACvD,EAAC,EAAW,KAAZ,CACE,WAAY,GAAY,WACxB,MAAO,EAAW,UAClB,MAAO,EAAW,YAClB,SAAW,GAAiB,CAC1B,EAAW,SAAU,IAAa,CAChC,GAAG,EACH,UAAW,EAAO,EACnB,EAAE,WARP,CAWG,GACC,EAAC,EAAW,MAAZ,CAAkB,aAAY,GAAa,EAAO,UAAa,CAAA,CAEjE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,mBAAqB,GAAmB,CACpD,QACD,UAJH,CAME,EAAC,EAAW,SAAZ,CACE,aAAY,GAAgB,EAAO,aACnC,CAAA,CACF,EAAC,EAAW,MAAZ,EAAoB,CAAA,CACpB,EAAC,EAAW,KAAZ,CAAiB,aAAY,GAAY,EAAO,SAAY,CAAA,CACxD,GACL,GACC,EAAC,EAAW,KAAZ,CAAiB,aAAY,GAAY,EAAO,SAAY,CAAA,CAE9C,GACd,CAAA,CAnCC"}

package/dist/components/data-display/datatables/useDataTableContext.d.mts

@@ -15,6 +15,12 @@ type DataTableLabels = {
   expandRow: string;
   collapseRow: string;
   loading: string;
+  firstPage: string;
+  previousPage: string;
+  nextPage: string;
+  lastPage: string;
+  emptyMessage: string;
+  errorMessage: string;
 };
 declare const DEFAULT_DATA_TABLE_LABELS: DataTableLabels;
 type DataTableContextValue<Data> = {

package/dist/components/data-display/datatables/useDataTableContext.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataTableContext.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"mappings":";;;;;;KAUY,eAAA;EACV,WAAA;EACA,aAAA,GAAgB,KAAA,EAAO,SAAA,KAAc,SAAA;EACrC,eAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,SAAA,GAAY,KAAA;EACZ,SAAA;EACA,WAAA;EACA,OAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,eAAA;AAAA,KAa5B,qBAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,WAAA;EACA,MAAA,EAAQ,eAAA;AAAA,IACN,IAAA,CACF,cAAA,CAAe,IAAA;AAAA,cAQJ,mBAAA,cAAgC,qBAAA,CAAsB,IAAA;AAAA,cAYtD,wBAAA,EAAwB,KAAA,CAAA,QAAA,CAAA,qBAAA"}
+{"version":3,"file":"useDataTableContext.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"mappings":";;;;;;KAUY,eAAA;EACV,WAAA;EACA,aAAA,GAAgB,KAAA,EAAO,SAAA,KAAc,SAAA;EACrC,eAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,SAAA,GAAY,KAAA;EACZ,SAAA;EACA,WAAA;EACA,OAAA;EACA,SAAA;EACA,YAAA;EACA,QAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,eAAA;AAAA,KAmB5B,qBAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,WAAA;EACA,MAAA,EAAQ,eAAA;AAAA,IACN,IAAA,CACF,cAAA,CAAe,IAAA;AAAA,cAQJ,mBAAA,cAAgC,qBAAA,CAAsB,IAAA;AAAA,cAYtD,wBAAA,EAAwB,KAAA,CAAA,QAAA,CAAA,qBAAA"}

package/dist/components/data-display/datatables/useDataTableContext.mjs

@@ -1,2 +1,2 @@
-import{Fragment as e,createContext as t,createElement as n,useContext as r}from"react";const i={rowsPerPage:`Rows per page`,selectedCount:t=>n(e,null,t,` selected`),sortedAscending:`Sorted ascending`,sortedDescending:`Sorted descending`,activateToSort:`Activate to sort`,selectAllRows:`Select all rows`,selectRow:e=>`Select row ${e}`,expandRow:`Expand row`,collapseRow:`Collapse row`,loading:`Loading`},a=t(null),o=()=>{let e=r(a);if(!e)throw Error(`useDataTableContext must be used within <DataTable> or one of its slots.`);return e},s=a.Provider;export{i as DEFAULT_DATA_TABLE_LABELS,s as DataTableContextProvider,o as useDataTableContext};
+import{Fragment as e,createContext as t,createElement as n,useContext as r}from"react";const i={rowsPerPage:`Rows per page`,selectedCount:t=>n(e,null,t,` selected`),sortedAscending:`Sorted ascending`,sortedDescending:`Sorted descending`,activateToSort:`Activate to sort`,selectAllRows:`Select all rows`,selectRow:e=>`Select row ${e}`,expandRow:`Expand row`,collapseRow:`Collapse row`,loading:`Loading`,firstPage:`First page`,previousPage:`Previous page`,nextPage:`Next page`,lastPage:`Last page`,emptyMessage:`No data to display.`,errorMessage:`An error occurred while loading data.`},a=t(null),o=()=>{let e=r(a);if(!e)throw Error(`useDataTableContext must be used within <DataTable> or one of its slots.`);return e},s=a.Provider;export{i as DEFAULT_DATA_TABLE_LABELS,s as DataTableContextProvider,o as useDataTableContext};
 //# sourceMappingURL=useDataTableContext.mjs.map

package/dist/components/data-display/datatables/useDataTableContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDataTableContext.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  Fragment,\n  type ReactNode,\n  useContext,\n} from 'react';\n\nimport type { DataTableProps } from './DataTable';\n\nexport type DataTableLabels = {\n  rowsPerPage: string;\n  selectedCount: (count: ReactNode) => ReactNode;\n  sortedAscending: string;\n  sortedDescending: string;\n  activateToSort: string;\n  selectAllRows: string;\n  selectRow: (index: number) => string;\n  expandRow: string;\n  collapseRow: string;\n  loading: string;\n};\n\nexport const DEFAULT_DATA_TABLE_LABELS: DataTableLabels = {\n  rowsPerPage: 'Rows per page',\n  selectedCount: (count) => createElement(Fragment, null, count, ' selected'),\n  sortedAscending: 'Sorted ascending',\n  sortedDescending: 'Sorted descending',\n  activateToSort: 'Activate to sort',\n  selectAllRows: 'Select all rows',\n  selectRow: (index) => `Select row ${index}`,\n  expandRow: 'Expand row',\n  collapseRow: 'Collapse row',\n  loading: 'Loading',\n};\n\nexport type DataTableContextValue<Data> = {\n  table: import('@tanstack/react-table').Table<Data>;\n  refresh: () => void;\n  selectedIds: string[];\n  labels: DataTableLabels;\n} & Pick<\n  DataTableProps<Data>,\n  'loading' | 'sorting' | 'pagination' | 'selection' | 'expansion'\n>;\n\nconst DataTableContext = createContext<DataTableContextValue<unknown> | null>(\n  null,\n);\n\nexport const useDataTableContext = <Data>(): DataTableContextValue<Data> => {\n  const context = useContext(DataTableContext);\n\n  if (!context) {\n    throw new Error(\n      'useDataTableContext must be used within <DataTable> or one of its slots.',\n    );\n  }\n\n  return context as DataTableContextValue<Data>;\n};\n\nexport const DataTableContextProvider = DataTableContext.Provider;\n"],"mappings":"uFAuBA,MAAa,EAA6C,CACxD,YAAa,gBACb,cAAgB,GAAU,EAAc,EAAU,KAAM,EAAO,YAAY,CAC3E,gBAAiB,mBACjB,iBAAkB,oBAClB,eAAgB,mBAChB,cAAe,kBACf,UAAY,GAAU,cAAc,IACpC,UAAW,aACX,YAAa,eACb,QAAS,UACV,CAYK,EAAmB,EACvB,KACD,CAEY,MAA+D,CAC1E,IAAM,EAAU,EAAW,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MACR,2EACD,CAGH,OAAO,GAGI,EAA2B,EAAiB"}
+{"version":3,"file":"useDataTableContext.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  Fragment,\n  type ReactNode,\n  useContext,\n} from 'react';\n\nimport type { DataTableProps } from './DataTable';\n\nexport type DataTableLabels = {\n  rowsPerPage: string;\n  selectedCount: (count: ReactNode) => ReactNode;\n  sortedAscending: string;\n  sortedDescending: string;\n  activateToSort: string;\n  selectAllRows: string;\n  selectRow: (index: number) => string;\n  expandRow: string;\n  collapseRow: string;\n  loading: string;\n  firstPage: string;\n  previousPage: string;\n  nextPage: string;\n  lastPage: string;\n  emptyMessage: string;\n  errorMessage: string;\n};\n\nexport const DEFAULT_DATA_TABLE_LABELS: DataTableLabels = {\n  rowsPerPage: 'Rows per page',\n  selectedCount: (count) => createElement(Fragment, null, count, ' selected'),\n  sortedAscending: 'Sorted ascending',\n  sortedDescending: 'Sorted descending',\n  activateToSort: 'Activate to sort',\n  selectAllRows: 'Select all rows',\n  selectRow: (index) => `Select row ${index}`,\n  expandRow: 'Expand row',\n  collapseRow: 'Collapse row',\n  loading: 'Loading',\n  firstPage: 'First page',\n  previousPage: 'Previous page',\n  nextPage: 'Next page',\n  lastPage: 'Last page',\n  emptyMessage: 'No data to display.',\n  errorMessage: 'An error occurred while loading data.',\n};\n\nexport type DataTableContextValue<Data> = {\n  table: import('@tanstack/react-table').Table<Data>;\n  refresh: () => void;\n  selectedIds: string[];\n  labels: DataTableLabels;\n} & Pick<\n  DataTableProps<Data>,\n  'loading' | 'sorting' | 'pagination' | 'selection' | 'expansion'\n>;\n\nconst DataTableContext = createContext<DataTableContextValue<unknown> | null>(\n  null,\n);\n\nexport const useDataTableContext = <Data>(): DataTableContextValue<Data> => {\n  const context = useContext(DataTableContext);\n\n  if (!context) {\n    throw new Error(\n      'useDataTableContext must be used within <DataTable> or one of its slots.',\n    );\n  }\n\n  return context as DataTableContextValue<Data>;\n};\n\nexport const DataTableContextProvider = DataTableContext.Provider;\n"],"mappings":"uFA6BA,MAAa,EAA6C,CACxD,YAAa,gBACb,cAAgB,GAAU,EAAc,EAAU,KAAM,EAAO,YAAY,CAC3E,gBAAiB,mBACjB,iBAAkB,oBAClB,eAAgB,mBAChB,cAAe,kBACf,UAAY,GAAU,cAAc,IACpC,UAAW,aACX,YAAa,eACb,QAAS,UACT,UAAW,aACX,aAAc,gBACd,SAAU,YACV,SAAU,YACV,aAAc,sBACd,aAAc,wCACf,CAYK,EAAmB,EACvB,KACD,CAEY,MAA+D,CAC1E,IAAM,EAAU,EAAW,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MACR,2EACD,CAGH,OAAO,GAGI,EAA2B,EAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.152",
+  "version": "1.0.154",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.152",
+    "@mage-ui/preset": "1.0.154",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {