@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/modern/Table/hooks/useHeaderGroups.js

@@ -0,0 +1,138 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+
+/* eslint-disable no-param-reassign */
+
+/**
+ * Moving non grouped headers to the top level,
+ * by placing them in the position of their top level placeholder.
+ *
+ * By default the header groups are built bottom top,
+ * that results in non grouped headers to be placed
+ * at the bottom row in the table head.
+ *
+ * @param {Array.<Object>} headerGroups - table header groups
+ */
+const replaceHeaderPlaceholders = headerGroups => {
+  const [headerGroup] = headerGroups;
+  const hasPlaceholderHeaders = headerGroup.headers.some(h => h.placeholderOf != null);
+
+  if (!hasPlaceholderHeaders) {
+    return; // no placeholder header found to replace
+  }
+
+  const maxDepth = headerGroups.length - 1;
+  const leafGroup = headerGroups[maxDepth];
+  headerGroup.headers.forEach((header, position) => {
+    const {
+      placeholderOf
+    } = header;
+    const isPlaceholderHeader = placeholderOf != null;
+
+    if (isPlaceholderHeader) {
+      // is placeholder header
+      const leafIndex = leafGroup.headers.slice(position).findIndex(({
+        id
+      }) => id === placeholderOf.id) + position; // store leaf placeholder header
+
+      header.variant = placeholderOf.variant;
+      header.depth = maxDepth;
+      leafGroup.headers[leafIndex] = header; // replace placeholder with leaf header
+
+      placeholderOf.rowSpan = maxDepth + 1;
+      headerGroup.headers[position] = placeholderOf;
+    }
+  });
+};
+
+const getCellProps = (column, isHeaderCell = false) => ({
+  groupColumnMostLeft: column.isGroupLeftColumn,
+  groupColumnMostRight: column.isGroupRightColumn,
+  rowSpan: isHeaderCell && column.rowSpan != null ? column.rowSpan : 1
+}); // props target: <table><thead><tr><th>
+
+
+export const getHeaderPropsHook = (props, {
+  instance,
+  column
+}) => {
+  const nextProps = instance.hasGroupedColumns ? getCellProps(column, true) : {};
+
+  if (instance.hasGroupedColumns) {
+    var _props$style;
+
+    const isPlaceholder = column.placeholderOf != null;
+    nextProps.style = {
+      display: isPlaceholder ? "none" : (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.display
+    };
+
+    if (instance.hasStickyColumns) {
+      if (isPlaceholder) {
+        nextProps.style.visibility = "hidden";
+      }
+
+      if (column.rowSpan > 1) {
+        // rowSpan doesn't work with flex, so we need to simulate it by adjusting the height value manually
+        nextProps.style.height = `calc(var(--first-row-cell-height) + var(--cell-height) * ${column.rowSpan - 1})`;
+      }
+    }
+  }
+
+  return [props, nextProps];
+}; // props target: <table><tbody><tr><td>
+
+export const getCellPropsHook = (props, {
+  instance,
+  cell
+}) => {
+  const nextProps = instance.hasGroupedColumns ? getCellProps(cell.column) : {};
+  return [props, nextProps];
+};
+export const visibleColumnsHook = (visibleColumns, {
+  instance
+}) => {
+  const parentList = new Set();
+  visibleColumns.forEach(({
+    parent
+  }) => {
+    if (parent != null && !parentList.has(parent)) {
+      parentList.add(parent);
+    }
+  });
+  const hasGroupedColumns = parentList.size > 0;
+
+  if (hasGroupedColumns) {
+    parentList.forEach(parent => {
+      parent.align = "center";
+      parent.isGroupLeftColumn = true;
+      parent.isGroupRightColumn = true;
+      const {
+        columns
+      } = parent;
+      columns[0].isGroupLeftColumn = true;
+      columns[columns.length - 1].isGroupRightColumn = true;
+    });
+  }
+
+  Object.assign(instance, {
+    hasGroupedColumns
+  });
+  return visibleColumns;
+};
+export const useInstanceHook = instance => {
+  if (instance.hasGroupedColumns) {
+    replaceHeaderPlaceholders(instance.headerGroups);
+  }
+};
+
+const useHeaderGroups = hooks => {
+  hooks.visibleColumns.push(visibleColumnsHook);
+  hooks.useInstance.push(useInstanceHook); // props target: <table><thead><tr><th>
+
+  hooks.getHeaderProps.push(getHeaderPropsHook); // props target: <table><tbody><tr><td>
+
+  hooks.getCellProps.push(getCellPropsHook);
+};
+
+useHeaderGroups.pluginName = "useHvHeaderGroups";
+export default useHeaderGroups;
+//# sourceMappingURL=useHeaderGroups.js.map

package/dist/modern/Table/hooks/useHeaderGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderGroups.js","names":["replaceHeaderPlaceholders","headerGroups","headerGroup","hasPlaceholderHeaders","headers","some","h","placeholderOf","maxDepth","length","leafGroup","forEach","header","position","isPlaceholderHeader","leafIndex","slice","findIndex","id","variant","depth","rowSpan","getCellProps","column","isHeaderCell","groupColumnMostLeft","isGroupLeftColumn","groupColumnMostRight","isGroupRightColumn","getHeaderPropsHook","props","instance","nextProps","hasGroupedColumns","isPlaceholder","style","display","hasStickyColumns","visibility","height","getCellPropsHook","cell","visibleColumnsHook","visibleColumns","parentList","Set","parent","has","add","size","align","columns","Object","assign","useInstanceHook","useHeaderGroups","hooks","push","useInstance","getHeaderProps","pluginName"],"sources":["../../../../src/Table/hooks/useHeaderGroups.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\n/**\n * Moving non grouped headers to the top level,\n * by placing them in the position of their top level placeholder.\n *\n * By default the header groups are built bottom top,\n * that results in non grouped headers to be placed\n * at the bottom row in the table head.\n *\n * @param {Array.<Object>} headerGroups - table header groups\n */\nconst replaceHeaderPlaceholders = (headerGroups) => {\n  const [headerGroup] = headerGroups;\n\n  const hasPlaceholderHeaders = headerGroup.headers.some((h) => h.placeholderOf != null);\n  if (!hasPlaceholderHeaders) {\n    return; // no placeholder header found to replace\n  }\n\n  const maxDepth = headerGroups.length - 1;\n  const leafGroup = headerGroups[maxDepth];\n\n  headerGroup.headers.forEach((header, position) => {\n    const { placeholderOf } = header;\n\n    const isPlaceholderHeader = placeholderOf != null;\n    if (isPlaceholderHeader) {\n      // is placeholder header\n      const leafIndex =\n        leafGroup.headers.slice(position).findIndex(({ id }) => id === placeholderOf.id) + position;\n\n      // store leaf placeholder header\n      header.variant = placeholderOf.variant;\n      header.depth = maxDepth;\n      leafGroup.headers[leafIndex] = header;\n\n      // replace placeholder with leaf header\n      placeholderOf.rowSpan = maxDepth + 1;\n      headerGroup.headers[position] = placeholderOf;\n    }\n  });\n};\n\nconst getCellProps = (column, isHeaderCell = false) => ({\n  groupColumnMostLeft: column.isGroupLeftColumn,\n  groupColumnMostRight: column.isGroupRightColumn,\n  rowSpan: isHeaderCell && column.rowSpan != null ? column.rowSpan : 1,\n});\n\n// props target: <table><thead><tr><th>\nexport const getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps = instance.hasGroupedColumns ? getCellProps(column, true) : {};\n\n  if (instance.hasGroupedColumns) {\n    const isPlaceholder = column.placeholderOf != null;\n\n    nextProps.style = {\n      display: isPlaceholder ? \"none\" : props.style?.display,\n    };\n\n    if (instance.hasStickyColumns) {\n      if (isPlaceholder) {\n        nextProps.style.visibility = \"hidden\";\n      }\n\n      if (column.rowSpan > 1) {\n        // rowSpan doesn't work with flex, so we need to simulate it by adjusting the height value manually\n        nextProps.style.height = `calc(var(--first-row-cell-height) + var(--cell-height) * ${\n          column.rowSpan - 1\n        })`;\n      }\n    }\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nexport const getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps = instance.hasGroupedColumns ? getCellProps(cell.column) : {};\n\n  return [props, nextProps];\n};\n\nexport const visibleColumnsHook = (visibleColumns, { instance }) => {\n  const parentList = new Set();\n\n  visibleColumns.forEach(({ parent }) => {\n    if (parent != null && !parentList.has(parent)) {\n      parentList.add(parent);\n    }\n  });\n\n  const hasGroupedColumns = parentList.size > 0;\n  if (hasGroupedColumns) {\n    parentList.forEach((parent) => {\n      parent.align = \"center\";\n      parent.isGroupLeftColumn = true;\n      parent.isGroupRightColumn = true;\n\n      const { columns } = parent;\n      columns[0].isGroupLeftColumn = true;\n      columns[columns.length - 1].isGroupRightColumn = true;\n    });\n  }\n\n  Object.assign(instance, { hasGroupedColumns });\n\n  return visibleColumns;\n};\n\nexport const useInstanceHook = (instance) => {\n  if (instance.hasGroupedColumns) {\n    replaceHeaderPlaceholders(instance.headerGroups);\n  }\n};\n\nconst useHeaderGroups = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseHeaderGroups.pluginName = \"useHvHeaderGroups\";\n\nexport default useHeaderGroups;\n"],"mappings":"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"}

package/dist/modern/Table/hooks/usePagination.d.ts

@@ -0,0 +1,26 @@
+import { Hooks, PropGetter, TableCommonProps } from "react-table";
+
+export interface HvTablePaginationProps extends TableCommonProps {
+  canPrevious: boolean;
+  canNext: boolean;
+  pages: number;
+  page: number;
+  pageSize: number;
+  onPageChange?: (updater: ((pageIndex: number) => number) | number) => void;
+  onPageSizeChange?: (pageSize: number) => void;
+  labels?: Record<string, string>;
+}
+
+export type HvPaginationPropGetter<D extends object> = PropGetter<D, HvTablePaginationProps>;
+
+export interface UseHvPaginationHooks<D extends object> {
+  getHvPaginationProps: Array<HvPaginationPropGetter<D>>;
+}
+
+export interface UseHvPaginationTableInstance<D extends object> {
+  getHvPaginationProps: (propGetter?: HvPaginationPropGetter<D>) => HvTablePaginationProps;
+}
+
+export default function usePagination<D extends object = Record<string, unknown>>(
+  hooks: Hooks<D>
+): void;

package/dist/modern/Table/hooks/usePagination.js

@@ -0,0 +1,48 @@
+/* eslint-disable no-param-reassign */
+import { makePropGetter, useGetLatest, ensurePluginOrder } from "react-table";
+export const useInstanceHook = instance => {
+  ensurePluginOrder(instance.plugins, ["usePagination"], "useHvPagination");
+  const getInstance = useGetLatest(instance);
+  const getHvPaginationProps = makePropGetter(instance.getHooks().getHvPaginationProps, {
+    instance: getInstance()
+  });
+  Object.assign(instance, {
+    getHvPaginationProps
+  });
+};
+export const defaultGetHvPaginationProps = (props, {
+  instance
+}) => {
+  const {
+    canPreviousPage,
+    canNextPage,
+    pageOptions,
+    gotoPage,
+    setPageSize,
+    state: {
+      pageSize,
+      pageIndex
+    },
+    labels
+  } = instance;
+  const nextProps = {
+    canPrevious: canPreviousPage,
+    canNext: canNextPage,
+    pages: pageOptions.length,
+    page: pageIndex,
+    pageSize,
+    onPageChange: gotoPage,
+    onPageSizeChange: setPageSize,
+    labels
+  };
+  return [props, nextProps];
+};
+
+const usePagination = hooks => {
+  hooks.getHvPaginationProps = [defaultGetHvPaginationProps];
+  hooks.useInstance.push(useInstanceHook);
+};
+
+usePagination.pluginName = "useHvPagination";
+export default usePagination;
+//# sourceMappingURL=usePagination.js.map

package/dist/modern/Table/hooks/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","names":["makePropGetter","useGetLatest","ensurePluginOrder","useInstanceHook","instance","plugins","getInstance","getHvPaginationProps","getHooks","Object","assign","defaultGetHvPaginationProps","props","canPreviousPage","canNextPage","pageOptions","gotoPage","setPageSize","state","pageSize","pageIndex","labels","nextProps","canPrevious","canNext","pages","length","page","onPageChange","onPageSizeChange","usePagination","hooks","useInstance","push","pluginName"],"sources":["../../../../src/Table/hooks/usePagination.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { makePropGetter, useGetLatest, ensurePluginOrder } from \"react-table\";\n\nexport const useInstanceHook = (instance) => {\n  ensurePluginOrder(instance.plugins, [\"usePagination\"], \"useHvPagination\");\n\n  const getInstance = useGetLatest(instance);\n  const getHvPaginationProps = makePropGetter(instance.getHooks().getHvPaginationProps, {\n    instance: getInstance(),\n  });\n\n  Object.assign(instance, {\n    getHvPaginationProps,\n  });\n};\n\nexport const defaultGetHvPaginationProps = (props, { instance }) => {\n  const {\n    canPreviousPage,\n    canNextPage,\n    pageOptions,\n    gotoPage,\n    setPageSize,\n    state: { pageSize, pageIndex },\n    labels,\n  } = instance;\n\n  const nextProps = {\n    canPrevious: canPreviousPage,\n    canNext: canNextPage,\n    pages: pageOptions.length,\n    page: pageIndex,\n    pageSize,\n    onPageChange: gotoPage,\n    onPageSizeChange: setPageSize,\n    labels,\n  };\n\n  return [props, nextProps];\n};\n\nconst usePagination = (hooks) => {\n  hooks.getHvPaginationProps = [defaultGetHvPaginationProps];\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nusePagination.pluginName = \"useHvPagination\";\n\nexport default usePagination;\n"],"mappings":"AAAA;AACA,SAASA,cAAT,EAAyBC,YAAzB,EAAuCC,iBAAvC,QAAgE,aAAhE;AAEA,OAAO,MAAMC,eAAe,GAAIC,QAAD,IAAc;EAC3CF,iBAAiB,CAACE,QAAQ,CAACC,OAAV,EAAmB,CAAC,eAAD,CAAnB,EAAsC,iBAAtC,CAAjB;EAEA,MAAMC,WAAW,GAAGL,YAAY,CAACG,QAAD,CAAhC;EACA,MAAMG,oBAAoB,GAAGP,cAAc,CAACI,QAAQ,CAACI,QAAT,GAAoBD,oBAArB,EAA2C;IACpFH,QAAQ,EAAEE,WAAW;EAD+D,CAA3C,CAA3C;EAIAG,MAAM,CAACC,MAAP,CAAcN,QAAd,EAAwB;IACtBG;EADsB,CAAxB;AAGD,CAXM;AAaP,OAAO,MAAMI,2BAA2B,GAAG,CAACC,KAAD,EAAQ;EAAER;AAAF,CAAR,KAAyB;EAClE,MAAM;IACJS,eADI;IAEJC,WAFI;IAGJC,WAHI;IAIJC,QAJI;IAKJC,WALI;IAMJC,KAAK,EAAE;MAAEC,QAAF;MAAYC;IAAZ,CANH;IAOJC;EAPI,IAQFjB,QARJ;EAUA,MAAMkB,SAAS,GAAG;IAChBC,WAAW,EAAEV,eADG;IAEhBW,OAAO,EAAEV,WAFO;IAGhBW,KAAK,EAAEV,WAAW,CAACW,MAHH;IAIhBC,IAAI,EAAEP,SAJU;IAKhBD,QALgB;IAMhBS,YAAY,EAAEZ,QANE;IAOhBa,gBAAgB,EAAEZ,WAPF;IAQhBI;EARgB,CAAlB;EAWA,OAAO,CAACT,KAAD,EAAQU,SAAR,CAAP;AACD,CAvBM;;AAyBP,MAAMQ,aAAa,GAAIC,KAAD,IAAW;EAC/BA,KAAK,CAACxB,oBAAN,GAA6B,CAACI,2BAAD,CAA7B;EAEAoB,KAAK,CAACC,WAAN,CAAkBC,IAAlB,CAAuB9B,eAAvB;AACD,CAJD;;AAMA2B,aAAa,CAACI,UAAd,GAA2B,iBAA3B;AAEA,eAAeJ,aAAf"}

package/dist/modern/Table/hooks/useResizeColumns.d.ts

@@ -0,0 +1,17 @@
+import { Hooks } from "react-table";
+
+// getHeaderProps:
+export interface UseHvResizeColumnProps {
+  resizable?: boolean;
+  resizing?: boolean;
+}
+
+// getCellProps:
+export interface UseHvResizeTableCellProps {
+  resizable?: boolean;
+  resizing?: boolean;
+}
+
+export default function useHvResizeColumns<D extends object = Record<string, unknown>>(
+  hooks: Hooks<D>
+): void;

package/dist/modern/Table/hooks/useResizeColumns.js

@@ -0,0 +1,40 @@
+import { ensurePluginOrder } from "react-table"; // props target: <table><thead><tr><th>
+
+export const getHeaderPropsHook = (props, {
+  column
+}) => {
+  var _column$getResizerPro;
+
+  const resizerProps = ((_column$getResizerPro = column.getResizerProps) === null || _column$getResizerPro === void 0 ? void 0 : _column$getResizerPro.call(column)) || {};
+  const nextProps = {
+    resizable: column.canResize,
+    resizing: column.isResizing,
+    resizerProps
+  };
+  return [props, nextProps];
+}; // props target: <table><tbody><tr><td>
+
+export const getCellPropsHook = (props, {
+  cell
+}) => {
+  const nextProps = {
+    resizable: cell.column.canResize,
+    resizing: cell.column.isResizing
+  };
+  return [props, nextProps];
+};
+export const useInstanceHook = instance => {
+  ensurePluginOrder(instance.plugins, ["useResizeColumns"], "useHvResizeColumns");
+};
+
+const useResizeColumns = hooks => {
+  // props target: <table><thead><tr><th>
+  hooks.getHeaderProps.push(getHeaderPropsHook); // props target: <table><tbody><tr><td>
+
+  hooks.getCellProps.push(getCellPropsHook);
+  hooks.useInstance.push(useInstanceHook);
+};
+
+useResizeColumns.pluginName = "useHvResizeColumns";
+export default useResizeColumns;
+//# sourceMappingURL=useResizeColumns.js.map

package/dist/modern/Table/hooks/useResizeColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeColumns.js","names":["ensurePluginOrder","getHeaderPropsHook","props","column","resizerProps","getResizerProps","nextProps","resizable","canResize","resizing","isResizing","getCellPropsHook","cell","useInstanceHook","instance","plugins","useResizeColumns","hooks","getHeaderProps","push","getCellProps","useInstance","pluginName"],"sources":["../../../../src/Table/hooks/useResizeColumns.js"],"sourcesContent":["import { ensurePluginOrder } from \"react-table\";\n\n// props target: <table><thead><tr><th>\nexport const getHeaderPropsHook = (props, { column }) => {\n  const resizerProps = column.getResizerProps?.() || {};\n\n  const nextProps = {\n    resizable: column.canResize,\n    resizing: column.isResizing,\n    resizerProps,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nexport const getCellPropsHook = (props, { cell }) => {\n  const nextProps = {\n    resizable: cell.column.canResize,\n    resizing: cell.column.isResizing,\n  };\n\n  return [props, nextProps];\n};\n\nexport const useInstanceHook = (instance) => {\n  ensurePluginOrder(instance.plugins, [\"useResizeColumns\"], \"useHvResizeColumns\");\n};\n\nconst useResizeColumns = (hooks) => {\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nuseResizeColumns.pluginName = \"useHvResizeColumns\";\n\nexport default useResizeColumns;\n"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,aAAlC,C,CAEA;;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAACC,KAAD,EAAQ;EAAEC;AAAF,CAAR,KAAuB;EAAA;;EACvD,MAAMC,YAAY,GAAG,0BAAAD,MAAM,CAACE,eAAP,qFAAAF,MAAM,MAAwB,EAAnD;EAEA,MAAMG,SAAS,GAAG;IAChBC,SAAS,EAAEJ,MAAM,CAACK,SADF;IAEhBC,QAAQ,EAAEN,MAAM,CAACO,UAFD;IAGhBN;EAHgB,CAAlB;EAMA,OAAO,CAACF,KAAD,EAAQI,SAAR,CAAP;AACD,CAVM,C,CAYP;;AACA,OAAO,MAAMK,gBAAgB,GAAG,CAACT,KAAD,EAAQ;EAAEU;AAAF,CAAR,KAAqB;EACnD,MAAMN,SAAS,GAAG;IAChBC,SAAS,EAAEK,IAAI,CAACT,MAAL,CAAYK,SADP;IAEhBC,QAAQ,EAAEG,IAAI,CAACT,MAAL,CAAYO;EAFN,CAAlB;EAKA,OAAO,CAACR,KAAD,EAAQI,SAAR,CAAP;AACD,CAPM;AASP,OAAO,MAAMO,eAAe,GAAIC,QAAD,IAAc;EAC3Cd,iBAAiB,CAACc,QAAQ,CAACC,OAAV,EAAmB,CAAC,kBAAD,CAAnB,EAAyC,oBAAzC,CAAjB;AACD,CAFM;;AAIP,MAAMC,gBAAgB,GAAIC,KAAD,IAAW;EAClC;EACAA,KAAK,CAACC,cAAN,CAAqBC,IAArB,CAA0BlB,kBAA1B,EAFkC,CAGlC;;EACAgB,KAAK,CAACG,YAAN,CAAmBD,IAAnB,CAAwBR,gBAAxB;EAEAM,KAAK,CAACI,WAAN,CAAkBF,IAAlB,CAAuBN,eAAvB;AACD,CAPD;;AASAG,gBAAgB,CAACM,UAAjB,GAA8B,oBAA9B;AAEA,eAAeN,gBAAf"}

package/dist/modern/Table/hooks/useRowExpand.d.ts

@@ -0,0 +1,25 @@
+import { MouseEventHandler } from "react";
+import { Hooks, TableExpandedToggleProps, UseExpandedRowProps } from "react-table";
+
+export interface UseHvRowExpandTableRowProps {
+  expanded?: boolean;
+}
+
+export type UseHvRowExpandTableOptions = {
+  disableCreateExpandButton?: boolean;
+};
+
+export interface UseHvRowExpandRowToggleProps extends TableExpandedToggleProps {
+  onClick?: MouseEventHandler<unknown>;
+}
+
+export interface UseHvRowExpandRowInstance<D extends object = Record<string, unknown>>
+  extends UseExpandedRowProps<D> {
+  getToggleRowExpandedProps: (
+    props?: Partial<TableExpandedToggleProps>
+  ) => UseHvRowExpandRowToggleProps;
+}
+
+export default function useRowExpand<D extends object = Record<string, unknown>>(
+  hooks: Hooks<D>
+): void;

package/dist/modern/Table/hooks/useRowExpand.js

@@ -0,0 +1,96 @@
+var _DropDownXS, _DropRightXS;
+
+import "core-js/modules/web.dom-collections.iterator.js";
+
+/* eslint-disable react/prop-types */
+import React from "react";
+import { DropDownXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
+import HvButton from "../../Button";
+import HvTypography from "../../Typography";
+import { useLabels } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const DEFAULT_LABELS = {
+  expandRowButtonAriaLabel: "Expand this row",
+  collapseRowButtonAriaLabel: "Collapse this row"
+};
+export const CellWithExpandButton = ({
+  row,
+  cell,
+  labels: labelsProp
+}) => {
+  const labels = useLabels(DEFAULT_LABELS, labelsProp);
+  const {
+    onClick
+  } = row.getToggleRowExpandedProps();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HvButton, {
+      icon: true,
+      category: "ghost",
+      "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
+      "aria-expanded": row.isExpanded,
+      onClick: onClick,
+      children: row.isExpanded ? _DropDownXS || (_DropDownXS = /*#__PURE__*/_jsx(DropDownXS, {})) : _DropRightXS || (_DropRightXS = /*#__PURE__*/_jsx(DropRightXS, {}))
+    }), (cell === null || cell === void 0 ? void 0 : cell.value) && /*#__PURE__*/_jsx(HvTypography, {
+      variant: "highlightText",
+      component: "span",
+      children: cell.value
+    })]
+  });
+};
+export const visibleColumnsHook = (columns, {
+  instance
+}) => {
+  if (instance.disableCreateExpandButton) {
+    return columns;
+  } // add a button to first data column, unless it has a custom renderer
+  // if so, add an extra column instead
+
+
+  const firstDataColumnIndex = columns.findIndex(c => {
+    var _c$id;
+
+    return ((_c$id = c.id) === null || _c$id === void 0 ? void 0 : _c$id.indexOf("_hv_")) !== 0;
+  });
+
+  if (firstDataColumnIndex !== -1) {
+    const firstDataColumn = columns[firstDataColumnIndex];
+
+    if (firstDataColumn.Cell == null) {
+      firstDataColumn.Cell = CellWithExpandButton;
+      firstDataColumn.variant = "expand";
+      return columns;
+    }
+  }
+
+  const expandColumn = {
+    id: "_hv_expand",
+    variant: "none",
+    width: 32,
+    // this will only work when using useHvTableSticky
+    // but ensures it stays left of any sticky column
+    sticky: "left",
+    Cell: CellWithExpandButton
+  };
+  const columnsCopy = [...columns];
+  columnsCopy.splice(firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0, 0, expandColumn);
+  return columnsCopy;
+};
+export const getRowPropsHook = (props, {
+  row
+}) => {
+  const nextProps = {
+    expanded: row.isExpanded
+  };
+  return [props, nextProps];
+};
+
+const useRowExpand = hooks => {
+  hooks.visibleColumns.push(visibleColumnsHook);
+  hooks.getRowProps.push(getRowPropsHook);
+};
+
+useRowExpand.pluginName = "useHvRowExpand";
+export default useRowExpand;
+//# sourceMappingURL=useRowExpand.js.map

package/dist/modern/Table/hooks/useRowExpand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowExpand.js","names":["React","DropDownXS","DropRightXS","HvButton","HvTypography","useLabels","DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","onClick","getToggleRowExpandedProps","isExpanded","value","visibleColumnsHook","columns","instance","disableCreateExpandButton","firstDataColumnIndex","findIndex","c","id","indexOf","firstDataColumn","Cell","variant","expandColumn","width","sticky","columnsCopy","splice","getRowPropsHook","props","nextProps","expanded","useRowExpand","hooks","visibleColumns","push","getRowProps","pluginName"],"sources":["../../../../src/Table/hooks/useRowExpand.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTypography from \"../../Typography\";\nimport { useLabels } from \"../../utils\";\n\nexport const DEFAULT_LABELS = {\n  expandRowButtonAriaLabel: \"Expand this row\",\n  collapseRowButtonAriaLabel: \"Collapse this row\",\n};\n\nexport const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const { onClick } = row.getToggleRowExpandedProps();\n\n  return (\n    <>\n      <HvButton\n        icon\n        category=\"ghost\"\n        aria-label={\n          row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel\n        }\n        aria-expanded={row.isExpanded}\n        onClick={onClick}\n      >\n        {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n      </HvButton>\n      {cell?.value && (\n        <HvTypography variant=\"highlightText\" component=\"span\">\n          {cell.value}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nexport const visibleColumnsHook = (columns, { instance }) => {\n  if (instance.disableCreateExpandButton) {\n    return columns;\n  }\n\n  // add a button to first data column, unless it has a custom renderer\n  // if so, add an extra column instead\n  const firstDataColumnIndex = columns.findIndex((c) => c.id?.indexOf(\"_hv_\") !== 0);\n\n  if (firstDataColumnIndex !== -1) {\n    const firstDataColumn = columns[firstDataColumnIndex];\n\n    if (firstDataColumn.Cell == null) {\n      firstDataColumn.Cell = CellWithExpandButton;\n      firstDataColumn.variant = \"expand\";\n\n      return columns;\n    }\n  }\n\n  const expandColumn = {\n    id: \"_hv_expand\",\n    variant: \"none\",\n\n    width: 32,\n\n    // this will only work when using useHvTableSticky\n    // but ensures it stays left of any sticky column\n    sticky: \"left\",\n\n    Cell: CellWithExpandButton,\n  };\n\n  const columnsCopy = [...columns];\n  columnsCopy.splice(firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0, 0, expandColumn);\n\n  return columnsCopy;\n};\n\nexport const getRowPropsHook = (props, { row }) => {\n  const nextProps = {\n    expanded: row.isExpanded,\n  };\n\n  return [props, nextProps];\n};\n\nconst useRowExpand = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"mappings":"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"}

package/dist/modern/Table/hooks/useRowSelection.d.ts

@@ -0,0 +1,75 @@
+import { ChangeEvent } from "react";
+import { Hooks, IdType, PropGetter, Row } from "react-table";
+
+// getRowProps:
+export interface UseHvRowSelectionTableRowProps {
+  selected?: boolean;
+}
+
+export interface UseHvRowSelectionRowCheckboxProps {
+  onChange?: (e: ChangeEvent, checked?: boolean) => void;
+  checked?: boolean;
+  disabled?: boolean;
+  indeterminate?: boolean;
+}
+
+export interface UseHvRowSelectionBulkCheckboxProps {
+  onChange?: (e: ChangeEvent, checked?: boolean) => void;
+  checked?: boolean;
+  indeterminate?: boolean;
+}
+
+export type UseHvRowSelectionTableOptions = Partial<{
+  autoResetSelectedRows: boolean;
+  autoResetLockedSelectionRows: boolean;
+  selectSubRows: boolean;
+  manualRowSelectedKey: string;
+  applyToggleAllRowsSelectedToPrefilteredRows: boolean;
+}>;
+
+export interface UseHvRowSelectionHooks<D extends object> {
+  getToggleRowSelectedProps: Array<PropGetter<D, UseHvRowSelectionRowCheckboxProps>>;
+  getToggleAllRowsSelectedProps: Array<PropGetter<D, UseHvRowSelectionBulkCheckboxProps>>;
+  getToggleAllPageRowsSelectedProps: Array<PropGetter<D, UseHvRowSelectionBulkCheckboxProps>>;
+}
+
+export interface UseHvRowSelectionState<D extends object> {
+  selectedRowIds: Record<IdType<D>, boolean>;
+  lockedSelectionRowIds: Record<IdType<D>, boolean>;
+}
+
+export interface UseHvRowSelectionTableInstance<D extends object> {
+  toggleRowSelected: (rowId: IdType<D>, set?: boolean) => void;
+  toggleAllRowsSelected: (value?: boolean) => void;
+  toggleAllPageRowsSelected: (value?: boolean) => void;
+  getToggleAllRowsSelectedProps: (
+    props?: Partial<UseHvRowSelectionBulkCheckboxProps>
+  ) => UseHvRowSelectionBulkCheckboxProps;
+  getToggleAllPageRowsSelectedProps: (
+    props?: Partial<UseHvRowSelectionBulkCheckboxProps>
+  ) => UseHvRowSelectionBulkCheckboxProps;
+
+  isNoRowsSelected: boolean;
+  isNoPageRowsSelected: boolean;
+  isAllRowsSelected: boolean;
+  isAllPageRowsSelected: boolean;
+  isAllSelectableRowsSelected: boolean;
+  isAllSelectablePageRowsSelected: boolean;
+  isAllSelectableRowsUnselected: boolean;
+  isAllSelectablePageRowsUnselected: boolean;
+
+  selectedFlatRows: Array<Row<D>>;
+}
+
+export interface UseHvRowSelectionRowInstance {
+  isSelected: boolean;
+  isSomeSelected: boolean;
+  toggleRowSelected: (set?: boolean) => void;
+  getToggleRowSelectedProps: (
+    props?: Partial<UseHvRowSelectionRowCheckboxProps>
+  ) => UseHvRowSelectionRowCheckboxProps;
+}
+
+export default function useRowSelection<D extends object = Record<string, unknown>>(
+  hooks: Hooks<D>
+): void;