@hitachivantara/uikit-react-lab 3.38.0

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

@@ -0,0 +1,109 @@
+/* eslint-disable no-param-reassign */
+import React from "react";
+import { makePropGetter, useGetLatest, ensurePluginOrder } from "react-table";
+export const useInstanceHook = instance => {
+  const {
+    plugins,
+    page,
+    toggleAllPageRowsSelected,
+    toggleAllRowsSelected
+  } = instance;
+  ensurePluginOrder(plugins, ["useHvRowSelection"], "useHvBulkActions");
+  const getInstance = useGetLatest(instance);
+  const getHvBulkActionsProps = makePropGetter(instance.getHooks().getHvBulkActionsProps, {
+    instance: getInstance()
+  });
+  const isPaginated = !!page;
+  const invertedToggleAllRowsSelected = React.useCallback(() => {
+    if (!isPaginated) return toggleAllRowsSelected();
+    const {
+      aditivePageBulkSelection,
+      subtractivePageBulkDeselection,
+      isNoRowsSelected,
+      isNoPageRowsSelected,
+      isAllSelectablePageRowsSelected,
+      isAllSelectablePageRowsUnselected
+    } = getInstance();
+
+    if (aditivePageBulkSelection && subtractivePageBulkDeselection) {
+      return toggleAllPageRowsSelected(!isAllSelectablePageRowsSelected);
+    }
+
+    if (aditivePageBulkSelection && !subtractivePageBulkDeselection) {
+      if (!isAllSelectablePageRowsSelected) {
+        return toggleAllPageRowsSelected();
+      }
+
+      return toggleAllRowsSelected(false);
+    }
+
+    if (!aditivePageBulkSelection && !subtractivePageBulkDeselection) {
+      if (isNoRowsSelected) {
+        return toggleAllPageRowsSelected();
+      }
+
+      return toggleAllRowsSelected(false);
+    }
+
+    if (!aditivePageBulkSelection && subtractivePageBulkDeselection) {
+      if (isNoRowsSelected) {
+        return toggleAllPageRowsSelected();
+      }
+
+      if (!isAllSelectablePageRowsUnselected) {
+        return toggleAllPageRowsSelected(false);
+      }
+
+      if (!isNoPageRowsSelected) {
+        return toggleAllPageRowsSelected(false);
+      }
+
+      return toggleAllRowsSelected(false);
+    }
+
+    return toggleAllPageRowsSelected();
+  }, [getInstance, isPaginated, toggleAllPageRowsSelected, toggleAllRowsSelected]);
+  const aditive = instance.aditivePageBulkSelection === true;
+  const subtractive = instance.subtractivePageBulkDeselection === true;
+  Object.assign(instance, {
+    getHvBulkActionsProps,
+    invertedToggleAllRowsSelected,
+    aditivePageBulkSelection: aditive,
+    subtractivePageBulkDeselection: subtractive
+  });
+};
+export const defaultGetHvBulkActionsProps = (props, {
+  instance
+}) => {
+  const {
+    rows,
+    initialRows,
+    selectedFlatRows,
+    state: {
+      selectedRowIds = {}
+    } = {},
+    page,
+    toggleAllRowsSelected,
+    invertedToggleAllRowsSelected,
+    showSelectAllPages = true,
+    applyToggleAllRowsSelectedToPrefilteredRows
+  } = instance;
+  const isPaginated = !!page;
+  const nextProps = {
+    numTotal: applyToggleAllRowsSelectedToPrefilteredRows === true ? initialRows.length : rows.length,
+    numSelected: applyToggleAllRowsSelectedToPrefilteredRows === true ? Object.keys(selectedRowIds).length : selectedFlatRows.length,
+    showSelectAllPages: showSelectAllPages && isPaginated,
+    onSelectAll: invertedToggleAllRowsSelected,
+    onSelectAllPages: toggleAllRowsSelected
+  };
+  return [props, nextProps];
+};
+
+const useBulkActions = hooks => {
+  hooks.getHvBulkActionsProps = [defaultGetHvBulkActionsProps];
+  hooks.useInstance.push(useInstanceHook);
+};
+
+useBulkActions.pluginName = "useHvBulkActions";
+export default useBulkActions;
+//# sourceMappingURL=useBulkActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/hooks/useBulkActions.js"],"names":["React","makePropGetter","useGetLatest","ensurePluginOrder","useInstanceHook","instance","plugins","page","toggleAllPageRowsSelected","toggleAllRowsSelected","getInstance","getHvBulkActionsProps","getHooks","isPaginated","invertedToggleAllRowsSelected","useCallback","aditivePageBulkSelection","subtractivePageBulkDeselection","isNoRowsSelected","isNoPageRowsSelected","isAllSelectablePageRowsSelected","isAllSelectablePageRowsUnselected","aditive","subtractive","Object","assign","defaultGetHvBulkActionsProps","props","rows","initialRows","selectedFlatRows","state","selectedRowIds","showSelectAllPages","applyToggleAllRowsSelectedToPrefilteredRows","nextProps","numTotal","length","numSelected","keys","onSelectAll","onSelectAllPages","useBulkActions","hooks","useInstance","push","pluginName"],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\nimport React from \"react\";\n\nimport { makePropGetter, useGetLatest, ensurePluginOrder } from \"react-table\";\n\nexport const useInstanceHook = (instance) => {\n  const { plugins, page, toggleAllPageRowsSelected, toggleAllRowsSelected } = instance;\n\n  ensurePluginOrder(plugins, [\"useHvRowSelection\"], \"useHvBulkActions\");\n\n  const getInstance = useGetLatest(instance);\n\n  const getHvBulkActionsProps = makePropGetter(instance.getHooks().getHvBulkActionsProps, {\n    instance: getInstance(),\n  });\n\n  const isPaginated = !!page;\n\n  const invertedToggleAllRowsSelected = React.useCallback(() => {\n    if (!isPaginated) return toggleAllRowsSelected();\n\n    const {\n      aditivePageBulkSelection,\n      subtractivePageBulkDeselection,\n      isNoRowsSelected,\n      isNoPageRowsSelected,\n      isAllSelectablePageRowsSelected,\n      isAllSelectablePageRowsUnselected,\n    } = getInstance();\n\n    if (aditivePageBulkSelection && subtractivePageBulkDeselection) {\n      return toggleAllPageRowsSelected(!isAllSelectablePageRowsSelected);\n    }\n\n    if (aditivePageBulkSelection && !subtractivePageBulkDeselection) {\n      if (!isAllSelectablePageRowsSelected) {\n        return toggleAllPageRowsSelected();\n      }\n\n      return toggleAllRowsSelected(false);\n    }\n\n    if (!aditivePageBulkSelection && !subtractivePageBulkDeselection) {\n      if (isNoRowsSelected) {\n        return toggleAllPageRowsSelected();\n      }\n\n      return toggleAllRowsSelected(false);\n    }\n\n    if (!aditivePageBulkSelection && subtractivePageBulkDeselection) {\n      if (isNoRowsSelected) {\n        return toggleAllPageRowsSelected();\n      }\n      if (!isAllSelectablePageRowsUnselected) {\n        return toggleAllPageRowsSelected(false);\n      }\n      if (!isNoPageRowsSelected) {\n        return toggleAllPageRowsSelected(false);\n      }\n\n      return toggleAllRowsSelected(false);\n    }\n\n    return toggleAllPageRowsSelected();\n  }, [getInstance, isPaginated, toggleAllPageRowsSelected, toggleAllRowsSelected]);\n\n  const aditive = instance.aditivePageBulkSelection === true;\n  const subtractive = instance.subtractivePageBulkDeselection === true;\n\n  Object.assign(instance, {\n    getHvBulkActionsProps,\n    invertedToggleAllRowsSelected,\n    aditivePageBulkSelection: aditive,\n    subtractivePageBulkDeselection: subtractive,\n  });\n};\n\nexport const defaultGetHvBulkActionsProps = (props, { instance }) => {\n  const {\n    rows,\n    initialRows,\n    selectedFlatRows,\n    state: { selectedRowIds = {} } = {},\n    page,\n    toggleAllRowsSelected,\n    invertedToggleAllRowsSelected,\n    showSelectAllPages = true,\n    applyToggleAllRowsSelectedToPrefilteredRows,\n  } = instance;\n\n  const isPaginated = !!page;\n\n  const nextProps = {\n    numTotal:\n      applyToggleAllRowsSelectedToPrefilteredRows === true ? initialRows.length : rows.length,\n    numSelected:\n      applyToggleAllRowsSelectedToPrefilteredRows === true\n        ? Object.keys(selectedRowIds).length\n        : selectedFlatRows.length,\n    showSelectAllPages: showSelectAllPages && isPaginated,\n    onSelectAll: invertedToggleAllRowsSelected,\n    onSelectAllPages: toggleAllRowsSelected,\n  };\n\n  return [props, nextProps];\n};\n\nconst useBulkActions = (hooks) => {\n  hooks.getHvBulkActionsProps = [defaultGetHvBulkActionsProps];\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nuseBulkActions.pluginName = \"useHvBulkActions\";\n\nexport default useBulkActions;\n"],"file":"useBulkActions.js"}

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

@@ -0,0 +1,21 @@
+import { Hooks } from "react-table";
+
+export interface UseHvHeaderGroupsInstance {
+  hasGroupedColumns?: boolean;
+}
+
+// props target: <table><thead><tr><th>
+export interface UseHvHeaderGroupsColumnProps {
+  groupColumnMostLeft?: boolean;
+  groupColumnMostRight?: boolean;
+}
+
+// props target: <table><tbody><tr><td>
+export interface UseHvHeaderGroupsCellProps {
+  groupColumnMostLeft?: boolean;
+  groupColumnMostRight?: boolean;
+}
+
+export default function useHvHeaderGroups<D extends object = Record<string, unknown>>(
+  hooks: Hooks<D>
+): void;

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,"sources":["../../../../src/Table/hooks/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"],"mappings":"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","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"],"file":"useHeaderGroups.js"}

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

@@ -0,0 +1,26 @@
+import { Hooks, PropGetter, TableCommonProps } from "react-table";
+
+export interface HvPaginationProps 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, HvPaginationProps>;
+
+export interface UseHvPaginationHooks<D extends object> {
+  getHvPaginationProps: Array<HvPaginationPropGetter<D>>;
+}
+
+export interface UseHvPaginationTableInstance<D extends object> {
+  getHvPaginationProps: (propGetter?: HvPaginationPropGetter<D>) => HvPaginationProps;
+}
+
+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,"sources":["../../../../src/Table/hooks/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"],"mappings":"AAAA;AACA,SAASA,cAAT,EAAyBC,YAAzB,EAAuCC,iBAAvC,QAAgE,aAAhE;AAEA,OAAO,MAAMC,eAAe,GAAIC,QAAD,IAAc;AAC3CF,EAAAA,iBAAiB,CAACE,QAAQ,CAACC,OAAV,EAAmB,CAAC,eAAD,CAAnB,EAAsC,iBAAtC,CAAjB;AAEA,QAAMC,WAAW,GAAGL,YAAY,CAACG,QAAD,CAAhC;AACA,QAAMG,oBAAoB,GAAGP,cAAc,CAACI,QAAQ,CAACI,QAAT,GAAoBD,oBAArB,EAA2C;AACpFH,IAAAA,QAAQ,EAAEE,WAAW;AAD+D,GAA3C,CAA3C;AAIAG,EAAAA,MAAM,CAACC,MAAP,CAAcN,QAAd,EAAwB;AACtBG,IAAAA;AADsB,GAAxB;AAGD,CAXM;AAaP,OAAO,MAAMI,2BAA2B,GAAG,CAACC,KAAD,EAAQ;AAAER,EAAAA;AAAF,CAAR,KAAyB;AAClE,QAAM;AACJS,IAAAA,eADI;AAEJC,IAAAA,WAFI;AAGJC,IAAAA,WAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,WALI;AAMJC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,QAAF;AAAYC,MAAAA;AAAZ,KANH;AAOJC,IAAAA;AAPI,MAQFjB,QARJ;AAUA,QAAMkB,SAAS,GAAG;AAChBC,IAAAA,WAAW,EAAEV,eADG;AAEhBW,IAAAA,OAAO,EAAEV,WAFO;AAGhBW,IAAAA,KAAK,EAAEV,WAAW,CAACW,MAHH;AAIhBC,IAAAA,IAAI,EAAEP,SAJU;AAKhBD,IAAAA,QALgB;AAMhBS,IAAAA,YAAY,EAAEZ,QANE;AAOhBa,IAAAA,gBAAgB,EAAEZ,WAPF;AAQhBI,IAAAA;AARgB,GAAlB;AAWA,SAAO,CAACT,KAAD,EAAQU,SAAR,CAAP;AACD,CAvBM;;AAyBP,MAAMQ,aAAa,GAAIC,KAAD,IAAW;AAC/BA,EAAAA,KAAK,CAACxB,oBAAN,GAA6B,CAACI,2BAAD,CAA7B;AAEAoB,EAAAA,KAAK,CAACC,WAAN,CAAkBC,IAAlB,CAAuB9B,eAAvB;AACD,CAJD;;AAMA2B,aAAa,CAACI,UAAd,GAA2B,iBAA3B;AAEA,eAAeJ,aAAf","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"],"file":"usePagination.js"}

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,"sources":["../../../../src/Table/hooks/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"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,aAAlC,C,CAEA;;AACA,OAAO,MAAMC,kBAAkB,GAAG,CAACC,KAAD,EAAQ;AAAEC,EAAAA;AAAF,CAAR,KAAuB;AAAA;;AACvD,QAAMC,YAAY,GAAG,0BAAAD,MAAM,CAACE,eAAP,qFAAAF,MAAM,MAAwB,EAAnD;AAEA,QAAMG,SAAS,GAAG;AAChBC,IAAAA,SAAS,EAAEJ,MAAM,CAACK,SADF;AAEhBC,IAAAA,QAAQ,EAAEN,MAAM,CAACO,UAFD;AAGhBN,IAAAA;AAHgB,GAAlB;AAMA,SAAO,CAACF,KAAD,EAAQI,SAAR,CAAP;AACD,CAVM,C,CAYP;;AACA,OAAO,MAAMK,gBAAgB,GAAG,CAACT,KAAD,EAAQ;AAAEU,EAAAA;AAAF,CAAR,KAAqB;AACnD,QAAMN,SAAS,GAAG;AAChBC,IAAAA,SAAS,EAAEK,IAAI,CAACT,MAAL,CAAYK,SADP;AAEhBC,IAAAA,QAAQ,EAAEG,IAAI,CAACT,MAAL,CAAYO;AAFN,GAAlB;AAKA,SAAO,CAACR,KAAD,EAAQI,SAAR,CAAP;AACD,CAPM;AASP,OAAO,MAAMO,eAAe,GAAIC,QAAD,IAAc;AAC3Cd,EAAAA,iBAAiB,CAACc,QAAQ,CAACC,OAAV,EAAmB,CAAC,kBAAD,CAAnB,EAAyC,oBAAzC,CAAjB;AACD,CAFM;;AAIP,MAAMC,gBAAgB,GAAIC,KAAD,IAAW;AAClC;AACAA,EAAAA,KAAK,CAACC,cAAN,CAAqBC,IAArB,CAA0BlB,kBAA1B,EAFkC,CAGlC;;AACAgB,EAAAA,KAAK,CAACG,YAAN,CAAmBD,IAAnB,CAAwBR,gBAAxB;AAEAM,EAAAA,KAAK,CAACI,WAAN,CAAkBF,IAAlB,CAAuBN,eAAvB;AACD,CAPD;;AASAG,gBAAgB,CAACM,UAAjB,GAA8B,oBAA9B;AAEA,eAAeN,gBAAf","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"],"file":"useResizeColumns.js"}

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,85 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+
+/* eslint-disable react/prop-types */
+import React from "react";
+import { HvButton, HvTypography, useLabels } from "@hitachivantara/uikit-react-core";
+import { DropDownXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
+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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvButton, {
+    icon: true,
+    category: "ghost",
+    "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
+    "aria-expanded": row.isExpanded,
+    onClick: onClick
+  }, row.isExpanded ? /*#__PURE__*/React.createElement(DropDownXS, null) : /*#__PURE__*/React.createElement(DropRightXS, null)), (cell === null || cell === void 0 ? void 0 : cell.value) && /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText",
+    component: "span"
+  }, 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,"sources":["../../../../src/Table/hooks/useRowExpand.js"],"names":["React","HvButton","HvTypography","useLabels","DropDownXS","DropRightXS","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"],"mappings":"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","sourcesContent":["/* eslint-disable react/prop-types */\nimport React from \"react\";\n\nimport { HvButton, HvTypography, useLabels } from \"@hitachivantara/uikit-react-core\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\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"],"file":"useRowExpand.js"}

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;