@dynatrace/strato-components 3.6.0 → 3.7.1

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableDownloadData.sty.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/**\n * A component providing the menu with the functionalities to download data.\n * @internal\n */\nexport const DataTableDownloadData = ({\n  excludeColumns,\n  hasIntents,\n  isDownloading,\n  onDownloadStart,\n  onDownloadEnd,\n}: {\n  excludeColumns?: string[];\n  hasIntents: boolean;\n  isDownloading: boolean;\n  onDownloadStart: () => void;\n  onDownloadEnd: () => void;\n}): JSX.Element => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const selectionCount = table.getSelectionCount();\n  const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);\n\n  const downloadMenuItems = (\n    <>\n      <Menu.Item\n        onSelect={() => {\n          if (isDownloading) {\n            return;\n          }\n          onDownloadStart();\n          table.downloadAllData(excludeColumns, onDownloadEnd);\n        }}\n        className={styles.downloadMenuItem}\n        data-dt-name=\"ToolbarDownloadAll\"\n      >\n        {intl.formatMessage(dataTableMessages.downloadAll)}\n        <Menu.Suffix className={styles.downloadMenuSuffix}>\n          {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n            noOfRows: table.getPrePaginationRowModel().flatRows.length,\n          })}\n        </Menu.Suffix>\n      </Menu.Item>\n      {table.options.enablePagination && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadPageData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadPage\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadPage)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPaginationRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enableRowSelection && (\n        <Menu.Item\n          disabled={selectionCount === 0}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadSelectedData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadSelected\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadSelected)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: selectionCount,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n    </>\n  );\n\n  return hasIntents ? (\n    <Menu.Sub defaultOpen={false}>\n      <Menu.SubTrigger>{menuGroupLabel}</Menu.SubTrigger>\n      <Menu.SubContent>{downloadMenuItems}</Menu.SubContent>\n    </Menu.Sub>\n  ) : (\n    <>\n      <Menu.Label>{menuGroupLabel}</Menu.Label>\n      {downloadMenuItems}\n    </>\n  );\n};\n"],
-  "mappings": "AA+BI,mBAaI,KAZF,YADF;AA9BJ,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAM3B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMmB;AACjB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAC3B,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,QAAM,iBAAiB,KAAK,cAAc,kBAAkB,aAAa;AAEzE,QAAM,oBACJ,iCACE;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,gBAAgB,gBAAgB,aAAa;AAAA,QACrD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,WAAW;AAAA,UACjD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,yBAAyB,EAAE,SAAS;AAAA,UACtD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IACC,MAAM,QAAQ,oBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,iBAAiB,gBAAgB,aAAa;AAAA,QACtD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,YAAY;AAAA,UAClD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,sBAAsB,EAAE,SAAS;AAAA,UACnD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,sBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,mBAAmB;AAAA,QAC7B,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,qBAAqB,gBAAgB,aAAa;AAAA,QAC1D;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,gBAAgB;AAAA,UACtD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU;AAAA,UACZ,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,SAAO,aACL,qBAAC,KAAK,KAAL,EAAS,aAAa,OACrB;AAAA,wBAAC,KAAK,YAAL,EAAiB,0BAAe;AAAA,IACjC,oBAAC,KAAK,YAAL,EAAiB,6BAAkB;AAAA,KACtC,IAEA,iCACE;AAAA,wBAAC,KAAK,OAAL,EAAY,0BAAe;AAAA,IAC3B;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["import type { JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DataTableDownloadData.sty.js';\nimport { Menu } from '../../../../../navigation/menu/Menu.js';\nimport { useDataTable } from '../../../contexts/DataTableContext.js';\nimport { dataTableMessages } from '../../../messages.js';\n\n/**\n * A component providing the menu with the functionalities to download data.\n * @internal\n */\nexport const DataTableDownloadData = ({\n  excludeColumns,\n  hasIntents,\n  isDownloading,\n  onDownloadStart,\n  onDownloadEnd,\n}: {\n  excludeColumns?: string[];\n  hasIntents: boolean;\n  isDownloading: boolean;\n  onDownloadStart: () => void;\n  onDownloadEnd: () => void;\n}): JSX.Element => {\n  const intl = useIntl();\n  const table = useDataTable();\n  const selectionCount = table.getSelectionCount();\n  const menuGroupLabel = intl.formatMessage(dataTableMessages.downloadTable);\n\n  const downloadMenuItems = (\n    <>\n      <Menu.Item\n        onSelect={() => {\n          if (isDownloading) {\n            return;\n          }\n          onDownloadStart();\n          table.downloadAllData(excludeColumns, onDownloadEnd);\n        }}\n        className={styles.downloadMenuItem}\n        data-dt-name=\"ToolbarDownloadAll\"\n      >\n        {intl.formatMessage(dataTableMessages.downloadAll)}\n        <Menu.Suffix className={styles.downloadMenuSuffix}>\n          {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n            noOfRows: table.getPrePaginatedRowModel().flatRows.length,\n          })}\n        </Menu.Suffix>\n      </Menu.Item>\n      {table.options.enablePagination && (\n        <Menu.Item\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadPageData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadPage\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadPage)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: table.getPaginatedRowModel().flatRows.length,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n      {table.options.enableRowSelection && (\n        <Menu.Item\n          disabled={selectionCount === 0}\n          onSelect={() => {\n            if (isDownloading) {\n              return;\n            }\n            onDownloadStart();\n            table.downloadSelectedData(excludeColumns, onDownloadEnd);\n          }}\n          className={styles.downloadMenuItem}\n          data-dt-name=\"ToolbarDownloadSelected\"\n        >\n          {intl.formatMessage(dataTableMessages.downloadSelected)}\n          <Menu.Suffix className={styles.downloadMenuSuffix}>\n            {intl.formatMessage(dataTableMessages.downloadRowsCount, {\n              noOfRows: selectionCount,\n            })}\n          </Menu.Suffix>\n        </Menu.Item>\n      )}\n    </>\n  );\n\n  return hasIntents ? (\n    <Menu.Sub defaultOpen={false}>\n      <Menu.SubTrigger>{menuGroupLabel}</Menu.SubTrigger>\n      <Menu.SubContent>{downloadMenuItems}</Menu.SubContent>\n    </Menu.Sub>\n  ) : (\n    <>\n      <Menu.Label>{menuGroupLabel}</Menu.Label>\n      {downloadMenuItems}\n    </>\n  );\n};\n"],
+  "mappings": "AA+BI,mBAaI,KAZF,YADF;AA9BJ,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAM3B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMmB;AACjB,QAAM,OAAO,QAAQ;AACrB,QAAM,QAAQ,aAAa;AAC3B,QAAM,iBAAiB,MAAM,kBAAkB;AAC/C,QAAM,iBAAiB,KAAK,cAAc,kBAAkB,aAAa;AAEzE,QAAM,oBACJ,iCACE;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,gBAAgB,gBAAgB,aAAa;AAAA,QACrD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,WAAW;AAAA,UACjD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,wBAAwB,EAAE,SAAS;AAAA,UACrD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IACC,MAAM,QAAQ,oBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,iBAAiB,gBAAgB,aAAa;AAAA,QACtD;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,YAAY;AAAA,UAClD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU,MAAM,qBAAqB,EAAE,SAAS;AAAA,UAClD,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IAED,MAAM,QAAQ,sBACb;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAU,mBAAmB;AAAA,QAC7B,UAAU,MAAM;AACd,cAAI,eAAe;AACjB;AAAA,UACF;AACA,0BAAgB;AAChB,gBAAM,qBAAqB,gBAAgB,aAAa;AAAA,QAC1D;AAAA,QACA,WAAW,OAAO;AAAA,QAClB,gBAAa;AAAA,QAEZ;AAAA,eAAK,cAAc,kBAAkB,gBAAgB;AAAA,UACtD,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,oBAC5B,eAAK,cAAc,kBAAkB,mBAAmB;AAAA,YACvD,UAAU;AAAA,UACZ,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAGF,SAAO,aACL,qBAAC,KAAK,KAAL,EAAS,aAAa,OACrB;AAAA,wBAAC,KAAK,YAAL,EAAiB,0BAAe;AAAA,IACjC,oBAAC,KAAK,YAAL,EAAiB,6BAAkB;AAAA,KACtC,IAEA,iCACE;AAAA,wBAAC,KAAK,OAAL,EAAY,0BAAe;AAAA,IAC3B;AAAA,KACH;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js

@@ -1,7 +1,7 @@
 import "../../../../../navigation/menu/Menu.css";
 import "./DataTableDownloadData.css";
-var downloadMenuItem = "_1gjma320-3-6-0";
-var downloadMenuSuffix = "_1gjma321-3-6-0";
+var downloadMenuItem = "_1gjma320-3-7-1";
+var downloadMenuSuffix = "_1gjma321-3-7-1";
 export {
   downloadMenuItem,
   downloadMenuSuffix

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css.ts"],
-  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-6-0';\nexport var downloadMenuSuffix = '_1gjma321-3-6-0';"],
+  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-7-1';\nexport var downloadMenuSuffix = '_1gjma321-3-7-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/contexts/DataTableContext.js

@@ -8,7 +8,9 @@ function DataTableContextProvider(props) {
   return /* @__PURE__ */ jsx(DataTableContext.Provider, { value: props.value, children: props.children });
 }
 function useDataTable() {
-  const table = useContext(DataTableContext);
+  const table = useContext(
+    DataTableContext
+  );
   if (table === null) {
     throw new Error("Table instance is not defined in context.");
   }
@@ -43,24 +45,18 @@ function DataTableHeaderContextProvider(props) {
   return /* @__PURE__ */ jsx(DataTableHeaderContext.Provider, { value: props.value ?? null, children: props.children });
 }
 function useDataTableHeader() {
-  const header = useContext(
-    DataTableHeaderContext
-  );
+  const header = useContext(DataTableHeaderContext);
   if (header === null) {
     throw new Error("Header instance is not defined in context.");
   }
   return header;
 }
-const DataTableColumnContext = createContext(
-  null
-);
+const DataTableColumnContext = createContext(null);
 function DataTableColumnContextProvider(props) {
   return /* @__PURE__ */ jsx(DataTableColumnContext.Provider, { value: props.value ?? null, children: props.children });
 }
 function useDataTableColumn() {
-  const column = useContext(
-    DataTableColumnContext
-  );
+  const column = useContext(DataTableColumnContext);
   if (column === null) {
     throw new Error("Column object is not defined in context.");
   }
@@ -71,7 +67,9 @@ function DataTableRowContextProvider(props) {
   return /* @__PURE__ */ jsx(DataTableRowContext.Provider, { value: props.value ?? null, children: props.children });
 }
 function useDataTableRow() {
-  const row = useContext(DataTableRowContext);
+  const row = useContext(
+    DataTableRowContext
+  );
   return row;
 }
 const DataTableCellContext = createContext(null);
@@ -79,7 +77,9 @@ function DataTableCellContextProvider(props) {
   return /* @__PURE__ */ jsx(DataTableCellContext.Provider, { value: props.value ?? null, children: props.children });
 }
 function useDataTableCell() {
-  const cell = useContext(DataTableCellContext);
+  const cell = useContext(
+    DataTableCellContext
+  );
   return cell;
 }
 const DataTableColumnSettingsContext = createContext(null);

package/esm/tables/DataTable/contexts/DataTableContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/contexts/DataTableContext.tsx"],
-  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useContext,\n  createContext,\n  type JSX,\n} from 'react';\n\nimport type {\n  Cell,\n  Column,\n  Header,\n  Row,\n  Table,\n} from '../hooks/useTable/types.js';\nimport type { DataTableColumnSettingsConfig } from '../public.api.js';\n\n//#region table context\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DataTableContext = createContext<Table<any> | null>(null);\n\n/** @internal */\nexport function DataTableContextProvider<T>(\n  props: PropsWithChildren<{ value: Table<T> }>,\n) {\n  return (\n    <DataTableContext.Provider value={props.value}>\n      {props.children}\n    </DataTableContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTable<T>(): Table<T> {\n  const table = useContext<Table<T> | null>(DataTableContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (table === null) {\n    throw new Error('Table instance is not defined in context.');\n  }\n\n  return table;\n}\n\n//#endregion\n\n//#region content context\n/** @internal */\ninterface DataTableContentContextProps {\n  hasOverflowLeft: boolean;\n  hasOverflowRight: boolean;\n  cellActionAriaLabel: string;\n}\n\nconst DEFAULT_CONTENT_CONTEXT = {\n  hasOverflowLeft: false,\n  hasOverflowRight: false,\n  cellActionAriaLabel: '',\n};\n\nexport const DataTableContentContext =\n  createContext<DataTableContentContextProps>(DEFAULT_CONTENT_CONTEXT);\n\n/** @internal */\nexport function DataTableContentContextProvider(\n  props: PropsWithChildren<{ value?: DataTableContentContextProps }>,\n): JSX.Element {\n  return (\n    <DataTableContentContext.Provider\n      value={props.value ?? DEFAULT_CONTENT_CONTEXT}\n    >\n      {props.children}\n    </DataTableContentContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableContent(): DataTableContentContextProps {\n  const content = useContext<DataTableContentContextProps>(\n    DataTableContentContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (content === null) {\n    throw new Error('Content instance is not defined in context.');\n  }\n\n  return content;\n}\n\n//#endregion\n\n//#region header context\n/** @internal */\nexport const DataTableHeaderContext = createContext<Header<\n  unknown,\n  unknown\n> | null>(null);\n\n/** @internal */\nexport function DataTableHeaderContextProvider(\n  props: PropsWithChildren<{ value?: Header<unknown, unknown> }>,\n): JSX.Element {\n  return (\n    <DataTableHeaderContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableHeader(): Header<unknown, unknown> {\n  const header = useContext<Header<unknown, unknown> | null>(\n    DataTableHeaderContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (header === null) {\n    throw new Error('Header instance is not defined in context.');\n  }\n\n  return header;\n}\n\n//#endregion\n\n//#region column context\nconst DataTableColumnContext = createContext<Column<unknown, unknown> | null>(\n  null,\n);\n\n/** @internal */\nexport function DataTableColumnContextProvider(\n  props: PropsWithChildren<{ value?: Column<unknown, unknown> }>,\n): JSX.Element {\n  return (\n    <DataTableColumnContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumn(): Column<unknown, unknown> {\n  const column = useContext<Column<unknown, unknown> | null>(\n    DataTableColumnContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (column === null) {\n    throw new Error('Column object is not defined in context.');\n  }\n\n  return column;\n}\n\n//#endregion\n\n//#region row context\nconst DataTableRowContext = createContext<Row<unknown> | null>(null);\n\n/** @internal */\nexport function DataTableRowContextProvider(\n  props: PropsWithChildren<{ value?: Row<unknown> }>,\n): JSX.Element {\n  return (\n    <DataTableRowContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableRowContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableRow(): Row<unknown> | null {\n  const row = useContext<Row<unknown> | null>(DataTableRowContext);\n\n  return row;\n}\n\n//#endregion\n\n//#region cell context\nconst DataTableCellContext = createContext<Cell<unknown, unknown> | null>(null);\n\n/** @internal */\nexport function DataTableCellContextProvider(\n  props: PropsWithChildren<{ value?: Cell<unknown, unknown> }>,\n): JSX.Element {\n  return (\n    <DataTableCellContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableCellContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableCell(): Cell<unknown, unknown> | null {\n  const cell = useContext<Cell<unknown, unknown> | null>(DataTableCellContext);\n\n  return cell;\n}\n\n//#endregion\n\n//#region column settings context\n/** @internal */\nexport type DataTableColumnSettingsHandle = {\n  openColumnSettings?: (columnSettings?: DataTableColumnSettingsConfig) => void;\n};\n\nconst DataTableColumnSettingsContext =\n  createContext<DataTableColumnSettingsHandle | null>(null);\n\n/** @internal */\nexport function DataTableColumnSettingsContextProvider(\n  props: PropsWithChildren<{\n    value?: DataTableColumnSettingsHandle;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableColumnSettingsContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnSettingsContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumnSettings(): DataTableColumnSettingsHandle | null {\n  return useContext<DataTableColumnSettingsHandle | null>(\n    DataTableColumnSettingsContext,\n  );\n}\n\n//#endregion\n\n//#region isHeader context\nconst DataTableIsHeaderContext = createContext(false);\n\n/** @internal */\nexport function DataTableIsHeaderContextProvider(\n  props: Readonly<PropsWithChildren>,\n): JSX.Element {\n  return (\n    <DataTableIsHeaderContext.Provider value={true}>\n      {props.children}\n    </DataTableIsHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableIsHeaderContextProvider(): boolean {\n  return useContext<boolean>(DataTableIsHeaderContext);\n}\n"],
-  "mappings": "AAyBI;AAzBJ;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAaP,MAAM,mBAAmB,cAAiC,IAAI;AAGvD,SAAS,yBACd,OACA;AACA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAAM,OACrC,gBAAM,UACT;AAEJ;AAGO,SAAS,eAA4B;AAC1C,QAAM,QAAQ,WAA4B,gBAAgB;AAI1D,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AAEA,SAAO;AACT;AAYA,MAAM,0BAA0B;AAAA,EAC9B,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,qBAAqB;AACvB;AAEO,MAAM,0BACX,cAA4C,uBAAuB;AAG9D,SAAS,gCACd,OACa;AACb,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,OAAO,MAAM,SAAS;AAAA,MAErB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAGO,SAAS,sBAAoD;AAClE,QAAM,UAAU;AAAA,IACd;AAAA,EACF;AAIA,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AAEA,SAAO;AACT;AAMO,MAAM,yBAAyB,cAG5B,IAAI;AAGP,SAAS,+BACd,OACa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAA+C;AAC7D,QAAM,SAAS;AAAA,IACb;AAAA,EACF;AAIA,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AAEA,SAAO;AACT;AAKA,MAAM,yBAAyB;AAAA,EAC7B;AACF;AAGO,SAAS,+BACd,OACa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAA+C;AAC7D,QAAM,SAAS;AAAA,IACb;AAAA,EACF;AAIA,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,SAAO;AACT;AAKA,MAAM,sBAAsB,cAAmC,IAAI;AAG5D,SAAS,4BACd,OACa;AACb,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,MAAM,SAAS,MACjD,gBAAM,UACT;AAEJ;AAGO,SAAS,kBAAuC;AACrD,QAAM,MAAM,WAAgC,mBAAmB;AAE/D,SAAO;AACT;AAKA,MAAM,uBAAuB,cAA6C,IAAI;AAGvE,SAAS,6BACd,OACa;AACb,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,SAAS,MAClD,gBAAM,UACT;AAEJ;AAGO,SAAS,mBAAkD;AAChE,QAAM,OAAO,WAA0C,oBAAoB;AAE3E,SAAO;AACT;AAUA,MAAM,iCACJ,cAAoD,IAAI;AAGnD,SAAS,uCACd,OAGa;AACb,SACE,oBAAC,+BAA+B,UAA/B,EAAwC,OAAO,MAAM,SAAS,MAC5D,gBAAM,UACT;AAEJ;AAGO,SAAS,6BAAmE;AACjF,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAKA,MAAM,2BAA2B,cAAc,KAAK;AAG7C,SAAS,iCACd,OACa;AACb,SACE,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,MACvC,gBAAM,UACT;AAEJ;AAGO,SAAS,sCAA+C;AAC7D,SAAO,WAAoB,wBAAwB;AACrD;",
+  "sourcesContent": ["import type {\n  ReactTable,\n  Cell,\n  CellData,\n  Column,\n  Header,\n  Row,\n  RowData,\n  TableFeatures,\n} from '@tanstack/react-table';\nimport {\n  type PropsWithChildren,\n  useContext,\n  createContext,\n  type JSX,\n} from 'react';\n\nimport type { TDataTableFeatures } from '../features/types/features.types.js';\nimport type { DataTableColumnSettingsConfig } from '../public.api.js';\n\n//#region table context\nconst DataTableContext = createContext<ReactTable<\n  TableFeatures,\n  RowData\n> | null>(null);\n\n/** @internal */\nexport function DataTableContextProvider<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(props: PropsWithChildren<{ value: ReactTable<TFeatures, TData> }>) {\n  return (\n    <DataTableContext.Provider value={props.value}>\n      {props.children}\n    </DataTableContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTable(): ReactTable<TDataTableFeatures, RowData> {\n  const table = useContext<ReactTable<TDataTableFeatures, RowData> | null>(\n    DataTableContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (table === null) {\n    throw new Error('Table instance is not defined in context.');\n  }\n\n  return table;\n}\n\n//#endregion\n\n//#region content context\n/** @internal */\ninterface DataTableContentContextProps {\n  hasOverflowLeft: boolean;\n  hasOverflowRight: boolean;\n  cellActionAriaLabel: string;\n}\n\nconst DEFAULT_CONTENT_CONTEXT = {\n  hasOverflowLeft: false,\n  hasOverflowRight: false,\n  cellActionAriaLabel: '',\n};\n\nexport const DataTableContentContext =\n  createContext<DataTableContentContextProps>(DEFAULT_CONTENT_CONTEXT);\n\n/** @internal */\nexport function DataTableContentContextProvider(\n  props: PropsWithChildren<{ value?: DataTableContentContextProps }>,\n): JSX.Element {\n  return (\n    <DataTableContentContext.Provider\n      value={props.value ?? DEFAULT_CONTENT_CONTEXT}\n    >\n      {props.children}\n    </DataTableContentContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableContent(): DataTableContentContextProps {\n  const content = useContext<DataTableContentContextProps>(\n    DataTableContentContext,\n  );\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (content === null) {\n    throw new Error('Content instance is not defined in context.');\n  }\n\n  return content;\n}\n\n//#endregion\n\n//#region header context\n/** @internal */\nexport const DataTableHeaderContext = createContext<Header<\n  TableFeatures,\n  RowData,\n  CellData\n> | null>(null);\n\n/** @internal */\nexport function DataTableHeaderContextProvider(\n  props: PropsWithChildren<{\n    value?: Header<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableHeaderContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableHeader(): Header<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> {\n  const header = useContext<Header<\n    TDataTableFeatures,\n    RowData,\n    CellData\n  > | null>(DataTableHeaderContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (header === null) {\n    throw new Error('Header instance is not defined in context.');\n  }\n\n  return header;\n}\n\n//#endregion\n\n//#region column context\nconst DataTableColumnContext = createContext<Column<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  any,\n  unknown\n> | null>(null);\n\n/** @internal */\nexport function DataTableColumnContextProvider(\n  props: PropsWithChildren<{\n    value?: Column<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableColumnContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumn(): Column<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> {\n  const column = useContext<Column<\n    TDataTableFeatures,\n    RowData,\n    CellData\n  > | null>(DataTableColumnContext);\n\n  // Typescript assertion function, as in the context, the table will\n  // always be defined.\n  if (column === null) {\n    throw new Error('Column object is not defined in context.');\n  }\n\n  return column;\n}\n\n//#endregion\n\n//#region row context\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DataTableRowContext = createContext<Row<any, any> | null>(null);\n\n/** @internal */\nexport function DataTableRowContextProvider(\n  props: PropsWithChildren<{\n    value?: Row<TDataTableFeatures, RowData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableRowContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableRowContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableRow(): Row<TDataTableFeatures, RowData> | null {\n  const row = useContext<Row<TDataTableFeatures, RowData> | null>(\n    DataTableRowContext,\n  );\n\n  return row;\n}\n\n//#endregion\n\n//#region cell context\nconst DataTableCellContext = createContext<Cell<\n  TableFeatures,\n  RowData,\n  unknown\n> | null>(null);\n\n/** @internal */\nexport function DataTableCellContextProvider(\n  props: PropsWithChildren<{\n    value?: Cell<TDataTableFeatures, RowData, CellData>;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableCellContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableCellContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableCell(): Cell<\n  TDataTableFeatures,\n  RowData,\n  CellData\n> | null {\n  const cell = useContext<Cell<TDataTableFeatures, RowData, CellData> | null>(\n    DataTableCellContext,\n  );\n\n  return cell;\n}\n\n//#endregion\n\n//#region column settings context\n/** @internal */\nexport type DataTableColumnSettingsHandle = {\n  openColumnSettings?: (columnSettings?: DataTableColumnSettingsConfig) => void;\n};\n\nconst DataTableColumnSettingsContext =\n  createContext<DataTableColumnSettingsHandle | null>(null);\n\n/** @internal */\nexport function DataTableColumnSettingsContextProvider(\n  props: PropsWithChildren<{\n    value?: DataTableColumnSettingsHandle;\n  }>,\n): JSX.Element {\n  return (\n    <DataTableColumnSettingsContext.Provider value={props.value ?? null}>\n      {props.children}\n    </DataTableColumnSettingsContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableColumnSettings(): DataTableColumnSettingsHandle | null {\n  return useContext<DataTableColumnSettingsHandle | null>(\n    DataTableColumnSettingsContext,\n  );\n}\n\n//#endregion\n\n//#region isHeader context\nconst DataTableIsHeaderContext = createContext(false);\n\n/** @internal */\nexport function DataTableIsHeaderContextProvider(\n  props: Readonly<PropsWithChildren>,\n): JSX.Element {\n  return (\n    <DataTableIsHeaderContext.Provider value={true}>\n      {props.children}\n    </DataTableIsHeaderContext.Provider>\n  );\n}\n\n/** @internal */\nexport function useDataTableIsHeaderContextProvider(): boolean {\n  return useContext<boolean>(DataTableIsHeaderContext);\n}\n"],
+  "mappings": "AAgCI;AAtBJ;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAMP,MAAM,mBAAmB,cAGf,IAAI;AAGP,SAAS,yBAGd,OAAmE;AACnE,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAAM,OACrC,gBAAM,UACT;AAEJ;AAGO,SAAS,eAAwD;AACtE,QAAM,QAAQ;AAAA,IACZ;AAAA,EACF;AAIA,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AAEA,SAAO;AACT;AAYA,MAAM,0BAA0B;AAAA,EAC9B,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,qBAAqB;AACvB;AAEO,MAAM,0BACX,cAA4C,uBAAuB;AAG9D,SAAS,gCACd,OACa;AACb,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,OAAO,MAAM,SAAS;AAAA,MAErB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAGO,SAAS,sBAAoD;AAClE,QAAM,UAAU;AAAA,IACd;AAAA,EACF;AAIA,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,6CAA6C;AAAA,EAC/D;AAEA,SAAO;AACT;AAMO,MAAM,yBAAyB,cAI5B,IAAI;AAGP,SAAS,+BACd,OAGa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAId;AACA,QAAM,SAAS,WAIL,sBAAsB;AAIhC,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AAEA,SAAO;AACT;AAKA,MAAM,yBAAyB,cAMrB,IAAI;AAGP,SAAS,+BACd,OAGa;AACb,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAAM,SAAS,MACpD,gBAAM,UACT;AAEJ;AAGO,SAAS,qBAId;AACA,QAAM,SAAS,WAIL,sBAAsB;AAIhC,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,SAAO;AACT;AAMA,MAAM,sBAAsB,cAAoC,IAAI;AAG7D,SAAS,4BACd,OAGa;AACb,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,MAAM,SAAS,MACjD,gBAAM,UACT;AAEJ;AAGO,SAAS,kBAA2D;AACzE,QAAM,MAAM;AAAA,IACV;AAAA,EACF;AAEA,SAAO;AACT;AAKA,MAAM,uBAAuB,cAInB,IAAI;AAGP,SAAS,6BACd,OAGa;AACb,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,MAAM,SAAS,MAClD,gBAAM,UACT;AAEJ;AAGO,SAAS,mBAIP;AACP,QAAM,OAAO;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AACT;AAUA,MAAM,iCACJ,cAAoD,IAAI;AAGnD,SAAS,uCACd,OAGa;AACb,SACE,oBAAC,+BAA+B,UAA/B,EAAwC,OAAO,MAAM,SAAS,MAC5D,gBAAM,UACT;AAEJ;AAGO,SAAS,6BAAmE;AACjF,SAAO;AAAA,IACL;AAAA,EACF;AACF;AAKA,MAAM,2BAA2B,cAAc,KAAK;AAG7C,SAAS,iCACd,OACa;AACb,SACE,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,MACvC,gBAAM,UACT;AAEJ;AAGO,SAAS,sCAA+C;AAC7D,SAAO,WAAoB,wBAAwB;AACrD;",
   "names": []
 }

package/esm/tables/DataTable/features/CellFormatter/CellFormatter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/CellFormatter/CellFormatter.tsx"],
-  "sourcesContent": ["import { memo, type ReactNode } from 'react';\n\nimport {\n  adjustFractionDigits,\n  type ConvertibleUnit,\n  format,\n  formatCurrency,\n  formatDate as formatDatetime,\n  type FormatDateOptions,\n  formatLong,\n  type FormatOptions,\n  type Unit,\n  units,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions,\n} from './cell-formatter-types.js';\nimport {\n  DATETIME_DEFAULT_FORMAT_OPTIONS,\n  formatCurrencyDefault,\n  formatDatetimeDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport type { CellContext, ColumnDefBase } from '../../hooks/useTable/types.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\n\n/**\n * Format options for each `DataTableDatetimeDisplayMode` shorthand.\n * @internal\n */\nconst DATETIME_FORMAT_OPTIONS: Record<\n  DataTableDatetimeDisplayMode,\n  FormatDateOptions\n> = {\n  // e.g. \"12/21/2024\" for US English locale\n  date: {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n  },\n  // e.g. \"5:45:30 PM\" for US English locale\n  time: {\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  },\n  // e.g. \"12/21/2024, 5:45:30 PM\" for US English locale\n  datetime: DATETIME_DEFAULT_FORMAT_OPTIONS,\n};\n\n/**\n * Typeguard to check if a formatter value is a `DataTableDatetimeDisplayMode` shorthand string.\n * @internal\n */\nfunction isDatetimeShorthand(\n  formatter: unknown,\n): formatter is DataTableDatetimeDisplayMode {\n  return (\n    formatter === 'date' || formatter === 'time' || formatter === 'datetime'\n  );\n}\n\n/**\n * Resolves the effective `FormatDateOptions` for a datetime column.\n * Accepts either a `FormatDateOptions` object, a `DataTableDatetimeDisplayMode`\n * shorthand string, or `undefined`.\n * @internal\n */\nfunction resolveDatetimeFormatter(\n  formatter: FormatDateOptions | DataTableDatetimeDisplayMode | undefined,\n): FormatDateOptions | undefined {\n  if (!formatter) {\n    return undefined;\n  }\n  if (isDatetimeShorthand(formatter)) {\n    return DATETIME_FORMAT_OPTIONS[formatter];\n  }\n  return formatter;\n}\n\n/** Memoized renderer for datetime formats */\nconst ColumnCellDatetimeFormatMemo = memo(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: { value: any; formatter?: FormatDateOptions }) => {\n    return props.value\n      ? formatDatetime(Number(props.value), props.formatter)\n      : '';\n  },\n);\n\n/** Memoized renderer for currency formats */\nconst ColumnCellCurrencyFormatMemo = memo(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: { value: any; formatter?: FormatterCurrencyOptions }) => {\n    if (\n      props.value === null ||\n      props.value === undefined ||\n      isNaN(props.value)\n    ) {\n      // value is not a valid number\n      return '';\n    }\n\n    const { currency, ...options } = props.formatter ?? {};\n    if (!currency) {\n      // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n      return formatCurrencyDefault(Number(props.value), options);\n    }\n\n    return formatCurrency(Number(props.value), currency, options);\n  },\n);\n\n/** Memoized renderer for fallback formats */\nconst ColumnCellFormatMemo = memo(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: { value: any; formatter?: FormatDateOptions }) => {\n    return format(Number(props.value), props.formatter);\n  },\n);\n\nconst ColumnCellFormatLongMemo = memo(\n  (props: {\n    value: string | number | bigint;\n    formatter?: Pick<\n      FormatOptions<Unit, ConvertibleUnit>,\n      | 'locale'\n      | 'maximumFractionDigits'\n      | 'maximumSignificantDigits'\n      | 'minimumFractionDigits'\n      | 'minimumSignificantDigits'\n      | 'useGrouping'\n    >;\n  }) => {\n    return formatLong(props.value, props.formatter);\n  },\n);\n\n/**\n * Function that formats the cell value based on the formatter specified in the column definition\n * @param columnDef - the table column definition\n *\n * @returns the formatted cell value\n */\nfunction formatColumnCell<TData, TValue>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n): ((props: CellContext<TData, TValue>) => ReactNode) | undefined {\n  if (\n    columnDef.columnType === 'sparkline' ||\n    columnDef.columnType === 'meterbar' ||\n    columnDef.columnType === 'gantt' ||\n    columnDef.columnType === 'log-content' ||\n    columnDef.columnType === 'markdown'\n  ) {\n    return;\n  }\n\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  if (columnDef.columnType === 'date' || columnDef.columnType === 'datetime') {\n    const resolvedFormatter = resolveDatetimeFormatter(columnDef.formatter);\n    return ({ getValue }) => (\n      <ColumnCellDatetimeFormatMemo\n        value={getValue()}\n        formatter={resolvedFormatter}\n      />\n    );\n  }\n\n  if (columnDef.columnType === 'currency') {\n    return ({ getValue }) => (\n      <ColumnCellCurrencyFormatMemo\n        value={getValue()}\n        formatter={columnDef.formatter}\n      />\n    );\n  }\n\n  if (columnDef.columnType === 'long') {\n    return ({ getValue }) => {\n      const value = getValue();\n      if (\n        typeof value === 'string' ||\n        typeof value === 'bigint' ||\n        typeof value === 'number'\n      ) {\n        return (\n          <ColumnCellFormatLongMemo\n            value={value}\n            formatter={columnDef.formatter}\n          />\n        );\n      }\n      return String(value);\n    };\n  }\n\n  return ({ getValue }) => (\n    <ColumnCellFormatMemo value={getValue()} formatter={columnDef.formatter} />\n  );\n}\n\n/**\n * Updates the cell renderer with the formatter from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column definition with the formatter applied\n * @internal\n */\nexport function applyColumnFormatters<TData, TValue>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n): { cell?: ColumnDefBase<TData, TValue>['cell'] } {\n  if (\n    columnDef.columnType === 'sparkline' ||\n    columnDef.columnType === 'meterbar' ||\n    columnDef.columnType === 'gantt' ||\n    columnDef.columnType === 'log-content' ||\n    columnDef.columnType === 'markdown'\n  ) {\n    return {};\n  }\n\n  if (columnDef.formatter) {\n    return {\n      cell: formatColumnCell(columnDef),\n    };\n  }\n\n  return {};\n}\n\n/**\n * Formats the given value based on formatter options from the column definition.\n * For 'sparkline', 'meterbar', 'gantt', and 'log-content', returns an empty string.\n * If there is no other formatter possible then returns a stringified value.\n * @param value - the cell value to format.\n * @param column - column definition prop where `columnType` and `formatter` are relevant.\n *\n * @returns the formatted cell value\n * @internal\n */\nexport function formatCellValue<TData, TValue>(\n  value: TValue,\n  column: DataTableDisplayColumnDef<TData, TValue>,\n): string {\n  if (\n    column.columnType === 'sparkline' ||\n    column.columnType === 'meterbar' ||\n    column.columnType === 'gantt' ||\n    column.columnType === 'log-content' ||\n    column.columnType === 'markdown'\n  ) {\n    return '';\n  }\n\n  if (value === null || value === undefined) {\n    devLog(`The value '${value}' can not be formatted!`);\n    return '';\n  }\n\n  const cleanedValue =\n    typeof value === 'number' || value instanceof Date\n      ? value\n      : Number.isNaN(+value)\n      ? null\n      : convertToNumberIfPureNumber(value as string);\n\n  if (\n    column.formatter &&\n    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    column.columnType !== 'date' &&\n    column.columnType !== 'datetime' &&\n    column.columnType !== 'currency' &&\n    typeof cleanedValue === 'number'\n  ) {\n    const formatOptions = column.formatter;\n    return format(cleanedValue, formatOptions);\n  }\n\n  if (column.columnType === 'bit' && typeof cleanedValue === 'number') {\n    const formatOptions = { input: units.data.bit };\n    return format(cleanedValue, formatOptions);\n  }\n\n  if (column.columnType === 'number' && typeof cleanedValue === 'number') {\n    const formatOptions = column.formatter;\n    if (formatOptions) {\n      return format(cleanedValue, formatOptions);\n    }\n    return adjustFractionDigits(cleanedValue);\n  }\n\n  if (\n    column.columnType === 'long' &&\n    (typeof value === 'string' ||\n      typeof value === 'bigint' ||\n      typeof value === 'number')\n  ) {\n    return formatLong(value, column.formatter);\n  }\n\n  if (\n    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType\n    (column.columnType === 'date' || column.columnType === 'datetime') &&\n    (typeof cleanedValue === 'number' || cleanedValue instanceof Date)\n  ) {\n    const resolvedFormatter = resolveDatetimeFormatter(column.formatter);\n    if (resolvedFormatter) {\n      return formatDatetime(cleanedValue, resolvedFormatter);\n    } else {\n      return formatDatetimeDefault(cleanedValue);\n    }\n  }\n\n  if (column.columnType === 'currency' && typeof cleanedValue === 'number') {\n    const formatOptions = column.formatter;\n    const { currency, ...remainingOptions } = formatOptions ?? {};\n    if (!currency) {\n      // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n      return formatCurrencyDefault(cleanedValue, remainingOptions);\n    }\n\n    return formatCurrency(cleanedValue, currency, remainingOptions);\n  }\n\n  devLog(`The value '${value}' can not be formatted!`);\n  return String(value);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {\n  ColumnDefTemplate,\n  CellContext,\n  CellData,\n  RowData,\n  TableFeatures,\n} from '@tanstack/react-table';\nimport { memo } from 'react';\n\nimport {\n  adjustFractionDigits,\n  type ConvertibleUnit,\n  format,\n  formatCurrency,\n  formatDate as formatDatetime,\n  type FormatDateOptions,\n  formatLong,\n  type FormatOptions,\n  type Unit,\n  units,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions,\n} from './cell-formatter-types.js';\nimport {\n  DATETIME_DEFAULT_FORMAT_OPTIONS,\n  formatCurrencyDefault,\n  formatDatetimeDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport type {\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\n\n/**\n * Format options for each `DataTableDatetimeDisplayMode` shorthand.\n * @internal\n */\nconst DATETIME_FORMAT_OPTIONS: Record<\n  DataTableDatetimeDisplayMode,\n  FormatDateOptions\n> = {\n  // e.g. \"12/21/2024\" for US English locale\n  date: {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n  },\n  // e.g. \"5:45:30 PM\" for US English locale\n  time: {\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  },\n  // e.g. \"12/21/2024, 5:45:30 PM\" for US English locale\n  datetime: DATETIME_DEFAULT_FORMAT_OPTIONS,\n};\n\n/**\n * Typeguard to check if a formatter value is a `DataTableDatetimeDisplayMode` shorthand string.\n * @internal\n */\nfunction isDatetimeShorthand(\n  formatter: unknown,\n): formatter is DataTableDatetimeDisplayMode {\n  return (\n    formatter === 'date' || formatter === 'time' || formatter === 'datetime'\n  );\n}\n\n/**\n * Resolves the effective `FormatDateOptions` for a datetime column.\n * Accepts either a `FormatDateOptions` object, a `DataTableDatetimeDisplayMode`\n * shorthand string, or `undefined`.\n * @internal\n */\nfunction resolveDatetimeFormatter(\n  formatter: FormatDateOptions | DataTableDatetimeDisplayMode | undefined,\n): FormatDateOptions | undefined {\n  if (!formatter) {\n    return undefined;\n  }\n  if (isDatetimeShorthand(formatter)) {\n    return DATETIME_FORMAT_OPTIONS[formatter];\n  }\n  return formatter;\n}\n\n/** Memoized renderer for datetime formats */\nconst ColumnCellDatetimeFormatMemo = memo(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: { value: any; formatter?: FormatDateOptions }) => {\n    return props.value\n      ? formatDatetime(Number(props.value), props.formatter)\n      : '';\n  },\n);\n\n/** Memoized renderer for currency formats */\nconst ColumnCellCurrencyFormatMemo = memo(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: { value: any; formatter?: FormatterCurrencyOptions }) => {\n    if (\n      props.value === null ||\n      props.value === undefined ||\n      isNaN(props.value)\n    ) {\n      // value is not a valid number\n      return '';\n    }\n\n    const { currency, ...options } = props.formatter ?? {};\n    if (!currency) {\n      // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n      return formatCurrencyDefault(Number(props.value), options);\n    }\n\n    return formatCurrency(Number(props.value), currency, options);\n  },\n);\n\n/** Memoized renderer for fallback formats */\nconst ColumnCellFormatMemo = memo(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: { value: any; formatter?: FormatDateOptions }) => {\n    return format(Number(props.value), props.formatter);\n  },\n);\n\nconst ColumnCellFormatLongMemo = memo(\n  (props: {\n    value: string | number | bigint;\n    formatter?: Pick<\n      FormatOptions<Unit, ConvertibleUnit>,\n      | 'locale'\n      | 'maximumFractionDigits'\n      | 'maximumSignificantDigits'\n      | 'minimumFractionDigits'\n      | 'minimumSignificantDigits'\n      | 'useGrouping'\n    >;\n  }) => {\n    return formatLong(props.value, props.formatter);\n  },\n);\n\n/**\n * Function that formats the cell value based on the formatter specified in the column definition\n * @param columnDef - the table column definition\n *\n * @returns the formatted cell value\n */\nfunction formatColumnCell<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n): ColumnDefTemplate<CellContext<TFeatures, TData, TValue>> | undefined {\n  if (\n    columnDef.columnType === 'sparkline' ||\n    columnDef.columnType === 'meterbar' ||\n    columnDef.columnType === 'gantt' ||\n    columnDef.columnType === 'log-content' ||\n    columnDef.columnType === 'markdown'\n  ) {\n    return;\n  }\n\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  if (columnDef.columnType === 'date' || columnDef.columnType === 'datetime') {\n    const resolvedFormatter = resolveDatetimeFormatter(columnDef.formatter);\n    return ({ getValue }) => (\n      <ColumnCellDatetimeFormatMemo\n        value={getValue()}\n        formatter={resolvedFormatter}\n      />\n    );\n  }\n\n  if (columnDef.columnType === 'currency') {\n    return ({ getValue }) => (\n      <ColumnCellCurrencyFormatMemo\n        value={getValue()}\n        formatter={columnDef.formatter}\n      />\n    );\n  }\n\n  if (columnDef.columnType === 'long') {\n    return ({ getValue }) => {\n      const value = getValue();\n      if (\n        typeof value === 'string' ||\n        typeof value === 'bigint' ||\n        typeof value === 'number'\n      ) {\n        return (\n          <ColumnCellFormatLongMemo\n            value={value}\n            formatter={columnDef.formatter}\n          />\n        );\n      }\n      return String(value);\n    };\n  }\n\n  return ({ getValue }) => (\n    <ColumnCellFormatMemo value={getValue()} formatter={columnDef.formatter} />\n  );\n}\n\n/**\n * Updates the cell renderer with the formatter from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column definition with the formatter applied\n * @internal\n */\nexport function applyColumnFormatters<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n): { cell?: ColumnDefTemplate<CellContext<TFeatures, TData, TValue>> } {\n  if (\n    columnDef.columnType === 'sparkline' ||\n    columnDef.columnType === 'meterbar' ||\n    columnDef.columnType === 'gantt' ||\n    columnDef.columnType === 'log-content' ||\n    columnDef.columnType === 'markdown'\n  ) {\n    return {};\n  }\n\n  if (columnDef.formatter) {\n    return {\n      cell: formatColumnCell(columnDef),\n    };\n  }\n\n  return {};\n}\n\n/**\n * Formats the given value based on formatter options from the column definition.\n * For 'sparkline', 'meterbar', 'gantt', and 'log-content', returns an empty string.\n * If there is no other formatter possible then returns a stringified value.\n * @param value - the cell value to format.\n * @param column - column definition prop where `columnType` and `formatter` are relevant.\n *\n * @returns the formatted cell value\n * @internal\n */\nexport function formatCellValue<TData extends DataTableRowData, TValue>(\n  value: TValue,\n  column: DataTableDisplayColumnDef<TData, TValue>,\n): string {\n  if (\n    column.columnType === 'sparkline' ||\n    column.columnType === 'meterbar' ||\n    column.columnType === 'gantt' ||\n    column.columnType === 'log-content' ||\n    column.columnType === 'markdown'\n  ) {\n    return '';\n  }\n\n  if (value === null || value === undefined) {\n    devLog(`The value '${value}' can not be formatted!`);\n    return '';\n  }\n\n  const cleanedValue =\n    typeof value === 'number' || value instanceof Date\n      ? value\n      : Number.isNaN(+value)\n      ? null\n      : convertToNumberIfPureNumber(value as string);\n\n  if (\n    column.formatter &&\n    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    column.columnType !== 'date' &&\n    column.columnType !== 'datetime' &&\n    column.columnType !== 'currency' &&\n    typeof cleanedValue === 'number'\n  ) {\n    const formatOptions = column.formatter;\n    return format(cleanedValue, formatOptions);\n  }\n\n  if (column.columnType === 'bit' && typeof cleanedValue === 'number') {\n    const formatOptions = { input: units.data.bit };\n    return format(cleanedValue, formatOptions);\n  }\n\n  if (column.columnType === 'number' && typeof cleanedValue === 'number') {\n    const formatOptions = column.formatter;\n    if (formatOptions) {\n      return format(cleanedValue, formatOptions);\n    }\n    return adjustFractionDigits(cleanedValue);\n  }\n\n  if (\n    column.columnType === 'long' &&\n    (typeof value === 'string' ||\n      typeof value === 'bigint' ||\n      typeof value === 'number')\n  ) {\n    return formatLong(value, column.formatter);\n  }\n\n  if (\n    // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType\n    (column.columnType === 'date' || column.columnType === 'datetime') &&\n    (typeof cleanedValue === 'number' || cleanedValue instanceof Date)\n  ) {\n    const resolvedFormatter = resolveDatetimeFormatter(column.formatter);\n    if (resolvedFormatter) {\n      return formatDatetime(cleanedValue, resolvedFormatter);\n    } else {\n      return formatDatetimeDefault(cleanedValue);\n    }\n  }\n\n  if (column.columnType === 'currency' && typeof cleanedValue === 'number') {\n    const formatOptions = column.formatter;\n    const { currency, ...remainingOptions } = formatOptions ?? {};\n    if (!currency) {\n      // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n      return formatCurrencyDefault(cleanedValue, remainingOptions);\n    }\n\n    return formatCurrency(cleanedValue, currency, remainingOptions);\n  }\n\n  devLog(`The value '${value}' can not be formatted!`);\n  return String(value);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnFontStyle/ColumnFontStyle.js

@@ -1,42 +1,10 @@
-import { functionalUpdate } from "@tanstack/react-table";
+import {
+  assignPrototypeAPIs,
+  assignTableAPIs,
+  functionalUpdate
+} from "@tanstack/react-table";
 import { useControllableState } from "../../../../core/hooks/useControllableState.js";
 import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
-const DataTableColumnFontStyle = {
-  createColumn(column, table) {
-    column.toggleFontStyle = (value) => {
-      table.setColumnFontStyle((old) => {
-        let newValue = value;
-        if (newValue === void 0) {
-          if (old[column.id] !== void 0) {
-            newValue = old[column.id] === "code" ? "text" : "code";
-          } else {
-            newValue = table.getVisualVariantOptions().fontStyle === "code" ? "text" : "code";
-          }
-        }
-        return {
-          ...old,
-          [column.id]: newValue
-        };
-      });
-    };
-    column.getFontStyle = () => {
-      const fontStyleState = table.getState().columnFontStyle;
-      if (fontStyleState?.[column.id]) {
-        return fontStyleState?.[column.id];
-      }
-      return column.columnDef.meta?.fontStyle ?? table.getVisualVariantOptions().fontStyle;
-    };
-  },
-  createTable(table) {
-    table.setColumnFontStyle = (updater) => {
-      const newValue = functionalUpdate(
-        updater,
-        table.getState().columnFontStyle ?? {}
-      );
-      table.options.onColumnFontStyleChange?.(newValue);
-    };
-  }
-};
 function useColumnFontStyle(props, options) {
   const configFontStyle = useDataTableConfigElement("fontStyle");
   const [columnFontStyle, onColumnFontStyleChange] = useControllableState({
@@ -44,11 +12,73 @@ function useColumnFontStyle(props, options) {
     defaultValue: props.defaultFontStyle,
     onChange: props.onFontStyleChange
   });
-  options.state = { ...options.state, columnFontStyle };
+  options.state = {
+    ...options.state,
+    columnFontStyle
+  };
   options.onColumnFontStyleChange = onColumnFontStyleChange;
 }
+function table_setColumnFontStyle(table, updater) {
+  const newValue = functionalUpdate(
+    updater,
+    table.atoms.columnFontStyle?.get() ?? {}
+  );
+  table.options.onColumnFontStyleChange?.(newValue);
+}
+function column_toggleFontStyle(column, value) {
+  table_setColumnFontStyle(column.table, (old) => {
+    let newValue = value;
+    if (newValue === void 0) {
+      if (old[column.id] !== void 0) {
+        newValue = old[column.id] === "code" ? "text" : "code";
+      } else {
+        newValue = column.table.store.state.visualVariantConfig.fontStyle === "code" ? "text" : "code";
+      }
+    }
+    return {
+      ...old,
+      [column.id]: newValue
+    };
+  });
+}
+function column_getFontStyle(column) {
+  const fontStyleState = column.table.atoms.columnFontStyle?.get();
+  if (fontStyleState?.[column.id]) {
+    return fontStyleState?.[column.id];
+  }
+  return column.columnDef.meta?.fontStyle ?? column.table.atoms.visualVariantConfig.get().fontStyle;
+}
+function constructColumnFontStyleFeature() {
+  return {
+    getInitialState: (initialState) => {
+      return {
+        columnFontStyle: structuredClone({}),
+        ...initialState
+      };
+    },
+    assignColumnPrototype: (prototype, table) => {
+      assignPrototypeAPIs("DataTableColumnFontStyleFeature", prototype, table, {
+        column_getFontStyle: {
+          fn: (column) => column_getFontStyle(column)
+        },
+        column_toggleFontStyle: {
+          fn: (column, value) => column_toggleFontStyle(column, value)
+        }
+      });
+    },
+    constructTableAPIs: (table) => {
+      assignTableAPIs("DataTableColumnFontStyleFeature", table, {
+        table_setColumnFontStyle: {
+          fn: (updater) => table_setColumnFontStyle(table, updater)
+        }
+      });
+    }
+  };
+}
+const DataTableColumnFontStyleFeature = constructColumnFontStyleFeature();
 export {
-  DataTableColumnFontStyle,
+  DataTableColumnFontStyleFeature,
+  constructColumnFontStyleFeature,
   useColumnFontStyle
 };
 //# sourceMappingURL=ColumnFontStyle.js.map

package/esm/tables/DataTable/features/ColumnFontStyle/ColumnFontStyle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnFontStyle/ColumnFontStyle.tsx"],
-  "sourcesContent": ["import { type RowData, functionalUpdate } from '@tanstack/react-table';\n\nimport type { DataTableColumnFontStyleProps } from './column-font-style-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type {\n  Column,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\n\n/**\n * Feature implementation for FontStyle. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const DataTableColumnFontStyle: TableFeature = {\n  createColumn<TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    // Add a toggleFontStyle function onto the column so that it can be accessed\n    // during rendering.\n    column.toggleFontStyle = (value) => {\n      table.setColumnFontStyle((old) => {\n        let newValue = value;\n        // If there is no passed value, apply the toggle logic\n        if (newValue === undefined) {\n          if (old[column.id] !== undefined) {\n            newValue = old[column.id] === 'code' ? 'text' : 'code';\n          } else {\n            newValue =\n              table.getVisualVariantOptions().fontStyle === 'code'\n                ? 'text'\n                : 'code';\n          }\n        }\n        return {\n          ...old,\n          [column.id]: newValue,\n        };\n      });\n    };\n\n    // Helper function that will allow access to the columnFontStyle state of an\n    // individual column.\n    column.getFontStyle = () => {\n      const fontStyleState = table.getState().columnFontStyle;\n\n      // Check if a font style is defined in the state\n      if (fontStyleState?.[column.id]) {\n        return fontStyleState?.[column.id];\n      }\n      // Check if some font style is defined in the columnDef meta based on column types\n      return (\n        column.columnDef.meta?.fontStyle ??\n        table.getVisualVariantOptions().fontStyle\n      );\n    };\n  },\n\n  createTable<TData extends RowData>(table: Table<TData>): void {\n    table.setColumnFontStyle = (updater) => {\n      const newValue = functionalUpdate(\n        updater,\n        table.getState().columnFontStyle ?? {},\n      );\n      table.options.onColumnFontStyleChange?.(newValue);\n    };\n  },\n};\n\n/**\n * Configuration hook for the DataTable FontStyle feature.\n * @internal\n */\nexport function useColumnFontStyle<T>(\n  props: DataTableColumnFontStyleProps,\n  options: TableOptions<T>,\n) {\n  const configFontStyle = useDataTableConfigElement('fontStyle');\n\n  const [columnFontStyle, onColumnFontStyleChange] = useControllableState({\n    value: props.fontStyle ?? configFontStyle,\n    defaultValue: props.defaultFontStyle,\n    onChange: props.onFontStyleChange,\n  });\n\n  options.state = { ...options.state, columnFontStyle };\n  options.onColumnFontStyleChange = onColumnFontStyleChange;\n}\n"],
-  "mappings": "AAAA,SAAuB,wBAAwB;AAG/C,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAcnC,MAAM,2BAAyC;AAAA,EACpD,aACE,QACA,OACA;AAGA,WAAO,kBAAkB,CAAC,UAAU;AAClC,YAAM,mBAAmB,CAAC,QAAQ;AAChC,YAAI,WAAW;AAEf,YAAI,aAAa,QAAW;AAC1B,cAAI,IAAI,OAAO,EAAE,MAAM,QAAW;AAChC,uBAAW,IAAI,OAAO,EAAE,MAAM,SAAS,SAAS;AAAA,UAClD,OAAO;AACL,uBACE,MAAM,wBAAwB,EAAE,cAAc,SAC1C,SACA;AAAA,UACR;AAAA,QACF;AACA,eAAO;AAAA,UACL,GAAG;AAAA,UACH,CAAC,OAAO,EAAE,GAAG;AAAA,QACf;AAAA,MACF,CAAC;AAAA,IACH;AAIA,WAAO,eAAe,MAAM;AAC1B,YAAM,iBAAiB,MAAM,SAAS,EAAE;AAGxC,UAAI,iBAAiB,OAAO,EAAE,GAAG;AAC/B,eAAO,iBAAiB,OAAO,EAAE;AAAA,MACnC;AAEA,aACE,OAAO,UAAU,MAAM,aACvB,MAAM,wBAAwB,EAAE;AAAA,IAEpC;AAAA,EACF;AAAA,EAEA,YAAmC,OAA2B;AAC5D,UAAM,qBAAqB,CAAC,YAAY;AACtC,YAAM,WAAW;AAAA,QACf;AAAA,QACA,MAAM,SAAS,EAAE,mBAAmB,CAAC;AAAA,MACvC;AACA,YAAM,QAAQ,0BAA0B,QAAQ;AAAA,IAClD;AAAA,EACF;AACF;AAMO,SAAS,mBACd,OACA,SACA;AACA,QAAM,kBAAkB,0BAA0B,WAAW;AAE7D,QAAM,CAAC,iBAAiB,uBAAuB,IAAI,qBAAqB;AAAA,IACtE,OAAO,MAAM,aAAa;AAAA,IAC1B,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,UAAQ,QAAQ,EAAE,GAAG,QAAQ,OAAO,gBAAgB;AACpD,UAAQ,0BAA0B;AACpC;",
+  "sourcesContent": ["import {\n  type CellData,\n  type Column_Internal,\n  type RowData,\n  type TableFeature,\n  type TableFeatures,\n  type TableOptions,\n  type Table_Internal,\n  type Updater,\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n} from '@tanstack/react-table';\n\nimport type {\n  ColumnFontStyleFeatureConstructors,\n  DataTableColumnFontStyleProps,\n  DataTableColumnFontStyleState,\n} from './column-font-style-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for the DataTable FontStyle feature.\n * @internal\n */\nexport function useColumnFontStyle<TData extends DataTableRowData>(\n  props: DataTableColumnFontStyleProps,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const configFontStyle = useDataTableConfigElement('fontStyle');\n\n  const [columnFontStyle, onColumnFontStyleChange] = useControllableState({\n    value: props.fontStyle ?? configFontStyle,\n    defaultValue: props.defaultFontStyle,\n    onChange: props.onFontStyleChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnFontStyle,\n  };\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnFontStyleChange = onColumnFontStyleChange;\n}\n\n/**\n * Helper function that will allow access to the columnFontStyle state of an individual column.\n */\nfunction table_setColumnFontStyle<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  updater: Updater<DataTableColumnFontStyleState>,\n): void {\n  const newValue = functionalUpdate(\n    updater,\n    table.atoms.columnFontStyle?.get() ?? {},\n  );\n  table.options.onColumnFontStyleChange?.(newValue);\n}\n\n// Add a toggleFontStyle function onto the column so that it can be accessed\n// during rendering.\nfunction column_toggleFontStyle<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  value?: 'code' | 'text',\n): void {\n  table_setColumnFontStyle(column.table, (old) => {\n    let newValue = value;\n    // If there is no passed value, apply the toggle logic\n    if (newValue === undefined) {\n      if (old[column.id] !== undefined) {\n        newValue = old[column.id] === 'code' ? 'text' : 'code';\n      } else {\n        newValue =\n          column.table.store.state.visualVariantConfig.fontStyle === 'code'\n            ? 'text'\n            : 'code';\n      }\n    }\n    return {\n      ...old,\n      [column.id]: newValue,\n    };\n  });\n}\n\n/**\n * Helper function that will allow access to the columnFontStyle state of an individual column.\n * @returns\n */\nfunction column_getFontStyle<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n): 'code' | 'text' | undefined {\n  const fontStyleState = column.table.atoms.columnFontStyle?.get();\n\n  // Check if a font style is defined in the state\n  if (fontStyleState?.[column.id]) {\n    return fontStyleState?.[column.id];\n  }\n  // Check if some font style is defined in the columnDef meta based on column types\n  return (\n    column.columnDef.meta?.fontStyle ??\n    column.table.atoms.visualVariantConfig.get().fontStyle\n  );\n}\n\nexport function constructColumnFontStyleFeature(): TableFeature<ColumnFontStyleFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnFontStyle: structuredClone({}),\n        ...initialState,\n      };\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableColumnFontStyleFeature', prototype, table, {\n        column_getFontStyle: {\n          fn: (column) => column_getFontStyle(column),\n        },\n        column_toggleFontStyle: {\n          fn: (column, value) => column_toggleFontStyle(column, value),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableColumnFontStyleFeature', table, {\n        table_setColumnFontStyle: {\n          fn: (updater) => table_setColumnFontStyle(table, updater),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for FontStyle. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const DataTableColumnFontStyleFeature =\n  constructColumnFontStyleFeature();\n"],
+  "mappings": "AAAA;AAAA,EASE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOP,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAQnC,SAAS,mBACd,OACA,SACM;AACN,QAAM,kBAAkB,0BAA0B,WAAW;AAE7D,QAAM,CAAC,iBAAiB,uBAAuB,IAAI,qBAAqB;AAAA,IACtE,OAAO,MAAM,aAAa;AAAA,IAC1B,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAGD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAEA,UAAQ,0BAA0B;AACpC;AAKA,SAAS,yBAIP,OACA,SACM;AACN,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAM,MAAM,iBAAiB,IAAI,KAAK,CAAC;AAAA,EACzC;AACA,QAAM,QAAQ,0BAA0B,QAAQ;AAClD;AAIA,SAAS,uBAKP,QACA,OACM;AACN,2BAAyB,OAAO,OAAO,CAAC,QAAQ;AAC9C,QAAI,WAAW;AAEf,QAAI,aAAa,QAAW;AAC1B,UAAI,IAAI,OAAO,EAAE,MAAM,QAAW;AAChC,mBAAW,IAAI,OAAO,EAAE,MAAM,SAAS,SAAS;AAAA,MAClD,OAAO;AACL,mBACE,OAAO,MAAM,MAAM,MAAM,oBAAoB,cAAc,SACvD,SACA;AAAA,MACR;AAAA,IACF;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,OAAO,EAAE,GAAG;AAAA,IACf;AAAA,EACF,CAAC;AACH;AAMA,SAAS,oBAKP,QAC6B;AAC7B,QAAM,iBAAiB,OAAO,MAAM,MAAM,iBAAiB,IAAI;AAG/D,MAAI,iBAAiB,OAAO,EAAE,GAAG;AAC/B,WAAO,iBAAiB,OAAO,EAAE;AAAA,EACnC;AAEA,SACE,OAAO,UAAU,MAAM,aACvB,OAAO,MAAM,MAAM,oBAAoB,IAAI,EAAE;AAEjD;AAEO,SAAS,kCAAoF;AAClG,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,iBAAiB,gBAAgB,CAAC,CAAC;AAAA,QACnC,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,mCAAmC,WAAW,OAAO;AAAA,QACvE,qBAAqB;AAAA,UACnB,IAAI,CAAC,WAAW,oBAAoB,MAAM;AAAA,QAC5C;AAAA,QACA,wBAAwB;AAAA,UACtB,IAAI,CAAC,QAAQ,UAAU,uBAAuB,QAAQ,KAAK;AAAA,QAC7D;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,mCAAmC,OAAO;AAAA,QACxD,0BAA0B;AAAA,UACxB,IAAI,CAAC,YAAY,yBAAyB,OAAO,OAAO;AAAA,QAC1D;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAQO,MAAM,kCACX,gCAAgC;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.css

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-6-0 {
+._1ku1w3z0-3-7-1 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   z-index: 4;
   overflow: hidden;
 }
-._1ku1w3z1-3-6-0::after {
+._1ku1w3z1-3-7-1::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-6-0::after {
+._1ku1w3z2-3-7-1::after {
   left: 0;
 }
-._1ku1w3z3-3-6-0::after {
+._1ku1w3z3-3-7-1::after {
   right: 0;
 }
-._1ku1w3z4-3-6-0::before {
+._1ku1w3z4-3-7-1::before {
   content: "";
   display: block;
   position: absolute;
@@ -29,12 +29,12 @@
   bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z5-3-6-0 {
+._1ku1w3z5-3-7-1 {
   display: none;
 }
-._1ku1w3z6-3-6-0 {
+._1ku1w3z6-3-7-1 {
   cursor: grab;
 }
-._1ku1w3z7-3-6-0 {
+._1ku1w3z7-3-7-1 {
   pointer-events: none;
 }