@hitachivantara/uikit-react-core 5.39.2 → 5.39.4

package/dist/cjs/Table/hooks/usePagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.cjs","sources":["../../../../src/Table/hooks/usePagination.ts"],"sourcesContent":["import {\n  makePropGetter,\n  useGetLatest,\n  ensurePluginOrder,\n  Hooks,\n  PropGetter,\n  TableCommonProps,\n} from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport interface HvTablePaginationProps extends TableCommonProps {\n  canPrevious: boolean;\n  canNext: boolean;\n  pages: number;\n  page: number;\n  pageSize: number;\n  onPageChange?: (updater: ((pageIndex: number) => number) | number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  labels?: Record<string, string>;\n}\n\nexport type HvPaginationPropGetter<D extends object> = PropGetter<\n  D,\n  HvTablePaginationProps\n>;\n\nexport interface UseHvPaginationHooks<D extends object> {\n  getHvPaginationProps: Array<HvPaginationPropGetter<D>>;\n}\n\nexport interface UseHvPaginationTableInstance<D extends object> {\n  getHvPaginationProps: (\n    propGetter?: HvPaginationPropGetter<D>\n  ) => HvTablePaginationProps;\n}\n\nexport type UsePaginationProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst useInstanceHook = (instance) => {\n  ensurePluginOrder(\n    instance.plugins,\n    [\n      \"usePagination\",\n      \"useHvGlobalFilter\",\n      \"useHvFilters\",\n      \"useGroupBy\",\n      \"useHvSortBy\",\n      \"useHvRowExpand\",\n    ],\n    \"useHvPagination\"\n  );\n\n  const getInstance = useGetLatest(instance);\n  const getHvPaginationProps = makePropGetter(\n    instance.getHooks().getHvPaginationProps,\n    {\n      instance: getInstance(),\n    }\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: HvTablePaginationProps = {\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: UsePaginationProps = (hooks) => {\n  hooks.getHvPaginationProps = [defaultGetHvPaginationProps];\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nusePagination.pluginName = \"useHvPagination\";\n\nexport default usePagination;\n"],"names":["ensurePluginOrder","useGetLatest","makePropGetter"],"mappings":";;;AA2CA,MAAM,kBAAkB,CAAC,aAAa;AACpCA,aAAA;AAAA,IACE,SAAS;AAAA,IACT;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAGI,QAAA,cAAcC,wBAAa,QAAQ;AACzC,QAAM,uBAAuBC,WAAA;AAAA,IAC3B,SAAS,WAAW;AAAA,IACpB;AAAA,MACE,UAAU,YAAY;AAAA,IACxB;AAAA,EAAA;AAGF,SAAO,OAAO,UAAU;AAAA,IACtB;AAAA,EAAA,CACD;AACH;AAEO,MAAM,8BAA8B,CAAC,OAAO,EAAE,eAAe;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU;AAAA,IAC7B;AAAA,EACE,IAAA;AAEJ,QAAM,YAAoC;AAAA,IACxC,aAAa;AAAA,IACb,SAAS;AAAA,IACT,OAAO,YAAY;AAAA,IACnB,MAAM;AAAA,IACN;AAAA,IACA,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB;AAAA,EAAA;AAGK,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,gBAAoC,CAAC,UAAU;AAC7C,QAAA,uBAAuB,CAAC,2BAA2B;AAEnD,QAAA,YAAY,KAAK,eAAe;AACxC;AAEA,cAAc,aAAa;AAE3B,MAAA,kBAAe;;;"}

package/dist/cjs/Table/hooks/useResizeColumns.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeColumns.cjs","sources":["../../../../src/Table/hooks/useResizeColumns.ts"],"sourcesContent":["import { ensurePluginOrder, Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\n// getHeaderProps:\nexport interface UseHvResizeColumnProps {\n  resizable?: boolean;\n  resizing?: boolean;\n}\n\n// getCellProps:\nexport interface UseHvResizeTableCellProps {\n  resizable?: boolean;\n  resizing?: boolean;\n}\n\nexport type UseHvResizeColumnsProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props, { column }) => {\n  const resizerProps: UseHvResizeColumnProps = 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>\nconst getCellPropsHook = (props, { cell }) => {\n  const nextProps: UseHvResizeTableCellProps = {\n    resizable: cell.column.canResize,\n    resizing: cell.column.isResizing,\n  };\n\n  return [props, nextProps];\n};\n\nconst useInstanceHook = (instance) => {\n  ensurePluginOrder(\n    instance.plugins,\n    [\"useResizeColumns\"],\n    \"useHvResizeColumns\"\n  );\n};\n\nconst useResizeColumns: UseHvResizeColumnsProps = (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"],"names":["ensurePluginOrder"],"mappings":";;;AAyBA,MAAM,qBAAqB,CAAC,OAAO,EAAE,aAAa;AAChD,QAAM,eAAuC,OAAO,kBAAkB,KAAK,CAAA;AAE3E,QAAM,YAAY;AAAA,IAChB,WAAW,OAAO;AAAA,IAClB,UAAU,OAAO;AAAA,IACjB;AAAA,EAAA;AAGK,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,mBAAmB,CAAC,OAAO,EAAE,WAAW;AAC5C,QAAM,YAAuC;AAAA,IAC3C,WAAW,KAAK,OAAO;AAAA,IACvB,UAAU,KAAK,OAAO;AAAA,EAAA;AAGjB,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,kBAAkB,CAAC,aAAa;AACpCA,aAAA;AAAA,IACE,SAAS;AAAA,IACT,CAAC,kBAAkB;AAAA,IACnB;AAAA,EAAA;AAEJ;AAEA,MAAM,mBAA4C,CAAC,UAAU;AAErD,QAAA,eAAe,KAAK,kBAAkB;AAEtC,QAAA,aAAa,KAAK,gBAAgB;AAElC,QAAA,YAAY,KAAK,eAAe;AACxC;AAEA,iBAAiB,aAAa;AAE9B,MAAA,qBAAe;;"}

package/dist/cjs/Table/hooks/useRowExpand.cjs

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const useLabels = require("../../hooks/useLabels.cjs");
+const Button = require("../../Button/Button.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const DEFAULT_LABELS = {
+  expandRowButtonAriaLabel: "Expand this row",
+  collapseRowButtonAriaLabel: "Collapse this row"
+};
+const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+  const { onClick } = row.getToggleRowExpandedProps();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.HvButton,
+      {
+        icon: true,
+        "aria-label": row.isExpanded ? labels.collapseRowButtonAriaLabel : labels.expandRowButtonAriaLabel,
+        "aria-expanded": row.isExpanded,
+        onClick,
+        children: row.isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropUpXS, {})
+      }
+    ),
+    cell?.value && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", component: "span", children: cell.value })
+  ] });
+};
+const visibleColumnsHook = (columns, { instance }) => {
+  if (instance.disableCreateExpandButton) {
+    return columns;
+  }
+  const firstDataColumnIndex = columns.findIndex(
+    (c) => 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;
+};
+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";
+const useRowExpand$1 = useRowExpand;
+exports.CellWithExpandButton = CellWithExpandButton;
+exports.default = useRowExpand$1;
+//# sourceMappingURL=useRowExpand.cjs.map

package/dist/cjs/Table/hooks/useRowExpand.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowExpand.cjs","sources":["../../../../src/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\nimport {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvTypography } from \"../../Typography\";\nimport { HvButton } from \"../../Button\";\n\nimport { useLabels } from \"../../hooks/useLabels\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvRowExpandTableRowProps {\n  expanded?: boolean;\n}\n\nexport type UseHvRowExpandTableOptions = {\n  disableCreateExpandButton?: boolean;\n};\n\nexport interface UseHvRowExpandRowToggleProps extends TableExpandedToggleProps {\n  onClick?: MouseEventHandler<unknown>;\n}\n\nexport interface UseHvRowExpandRowInstance<\n  D extends object = Record<string, unknown>\n> extends UseExpandedRowProps<D> {\n  getToggleRowExpandedProps: (\n    props?: Partial<TableExpandedToggleProps>\n  ) => UseHvRowExpandRowToggleProps;\n}\n\nexport type UseRowExpandProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst 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        aria-label={\n          row.isExpanded\n            ? labels.collapseRowButtonAriaLabel\n            : labels.expandRowButtonAriaLabel\n        }\n        aria-expanded={row.isExpanded}\n        onClick={onClick}\n      >\n        {row.isExpanded ? <DropDownXS /> : <DropUpXS />}\n      </HvButton>\n      {cell?.value && (\n        <HvTypography variant=\"label\" component=\"span\">\n          {cell.value}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n\nconst 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(\n    (c) => c.id?.indexOf(\"_hv_\") !== 0\n  );\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(\n    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,\n    0,\n    expandColumn\n  );\n\n  return columnsCopy;\n};\n\nconst getRowPropsHook = (props, { row }) => {\n  const nextProps: UseHvRowExpandTableRowProps = {\n    expanded: row.isExpanded,\n  };\n\n  return [props, nextProps];\n};\n\nconst useRowExpand: UseRowExpandProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.getRowProps.push(getRowPropsHook);\n};\nuseRowExpand.pluginName = \"useHvRowExpand\";\n\nexport default useRowExpand;\n"],"names":["useLabels","jsxs","Fragment","jsx","HvButton","DropDownXS","DropUpXS","HvTypography"],"mappings":";;;;;;;AA0CA,MAAM,iBAAiB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,4BAA4B;AAC9B;AAEO,MAAM,uBAAuB,CAAC,EAAE,KAAK,MAAM,QAAQ,iBAAiB;AACnE,QAAA,SAASA,UAAAA,UAAU,gBAAgB,UAAU;AAEnD,QAAM,EAAE,QAAA,IAAY,IAAI,0BAA0B;AAElD,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,OAAA;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,cACE,IAAI,aACA,OAAO,6BACP,OAAO;AAAA,QAEb,iBAAe,IAAI;AAAA,QACnB;AAAA,QAEC,cAAI,aAAaD,+BAACE,gBAAAA,YAAW,CAAA,CAAA,mCAAMC,gBAAS,UAAA,EAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,IACC,MAAM,SACJH,+BAAAI,WAAAA,cAAA,EAAa,SAAQ,SAAQ,WAAU,QACrC,UAAA,KAAK,MACR,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC,SAAS,EAAE,eAAe;AACpD,MAAI,SAAS,2BAA2B;AAC/B,WAAA;AAAA,EACT;AAIA,QAAM,uBAAuB,QAAQ;AAAA,IACnC,CAAC,MAAM,EAAE,IAAI,QAAQ,MAAM,MAAM;AAAA,EAAA;AAGnC,MAAI,yBAAyB,IAAI;AACzB,UAAA,kBAAkB,QAAQ,oBAAoB;AAEhD,QAAA,gBAAgB,QAAQ,MAAM;AAChC,sBAAgB,OAAO;AACvB,sBAAgB,UAAU;AAEnB,aAAA;AAAA,IACT;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB,IAAI;AAAA,IACJ,SAAS;AAAA,IAET,OAAO;AAAA;AAAA;AAAA,IAIP,QAAQ;AAAA,IAER,MAAM;AAAA,EAAA;AAGF,QAAA,cAAc,CAAC,GAAG,OAAO;AACnB,cAAA;AAAA,IACV,yBAAyB,KAAK,uBAAuB;AAAA,IACrD;AAAA,IACA;AAAA,EAAA;AAGK,SAAA;AACT;AAEA,MAAM,kBAAkB,CAAC,OAAO,EAAE,UAAU;AAC1C,QAAM,YAAyC;AAAA,IAC7C,UAAU,IAAI;AAAA,EAAA;AAGT,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,eAAkC,CAAC,UAAU;AAC3C,QAAA,eAAe,KAAK,kBAAkB;AACtC,QAAA,YAAY,KAAK,eAAe;AACxC;AACA,aAAa,aAAa;AAE1B,MAAA,iBAAe;;;"}

package/dist/cjs/Table/hooks/useRowSelection.cjs

@@ -0,0 +1,451 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const reactTable = require("react-table");
+const useLabels = require("../../hooks/useLabels.cjs");
+const CheckBox = require("../../CheckBox/CheckBox.cjs");
+reactTable.actions.resetSelectedRows = "resetSelectedRows";
+reactTable.actions.toggleAllRowsSelected = "toggleAllRowsSelected";
+reactTable.actions.toggleRowSelected = "toggleRowSelected";
+reactTable.actions.toggleAllPageRowsSelected = "toggleAllPageRowsSelected";
+reactTable.actions.resetLockedSelectionRows = "resetLockedSelectionRows";
+reactTable.actions.toggleRowLockedSelection = "toggleRowLockedSelection";
+const DEFAULT_LABELS = {
+  selectRowCheckBoxAriaLabel: "Select this row"
+};
+const hideHeaderVariants = ["checkbox", "actions"];
+const CellWithCheckBox = ({ row, labels: labelsProp }) => {
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+  const { onChange, checked, disabled, indeterminate } = row.getToggleRowSelectedProps();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CheckBox.HvCheckBox,
+    {
+      onChange,
+      checked,
+      disabled,
+      indeterminate,
+      "aria-label": labels.selectRowCheckBoxAriaLabel
+    }
+  );
+};
+const visibleColumnsHook = (columns) => {
+  const selectionColumn = {
+    id: "_hv_selection",
+    variant: "checkbox",
+    width: 32,
+    // this will only work when using useHvTableSticky
+    // but ensures it stays left of any sticky column
+    sticky: "left",
+    Cell: CellWithCheckBox
+  };
+  return [selectionColumn, ...columns];
+};
+const getHeaderPropsHook = (props, { column }) => {
+  const nextProps = {};
+  if (hideHeaderVariants.includes(column.variant)) {
+    nextProps["aria-hidden"] = true;
+  }
+  return [props, nextProps];
+};
+const getRowPropsHook = (props, { row }) => {
+  const nextProps = {
+    selected: row.isSelected
+  };
+  return [props, nextProps];
+};
+const defaultGetToggleRowSelectedProps = (props, meta) => {
+  const { instance, row } = meta;
+  const { manualRowSelectedKey = "isSelected" } = instance;
+  let checked = false;
+  if (row.original && row.original[manualRowSelectedKey]) {
+    checked = true;
+  } else {
+    checked = row.isSelected;
+  }
+  return [
+    props,
+    {
+      onChange: (e, check) => {
+        row.toggleRowSelected(check ?? e?.target?.checked);
+      },
+      disabled: row.isSelectionLocked,
+      checked,
+      indeterminate: row.isSomeSelected
+    }
+  ];
+};
+const defaultGetToggleAllRowsSelectedProps = (props, { instance }) => [
+  props,
+  {
+    onChange: (e) => {
+      instance.toggleAllRowsSelected(e.target.checked);
+    },
+    checked: instance.isAllRowsSelected,
+    indeterminate: Boolean(
+      !instance.isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length
+    )
+  }
+];
+const defaultGetToggleAllPageRowsSelectedProps = (props, { instance }) => [
+  props,
+  {
+    onChange(e) {
+      instance.toggleAllPageRowsSelected(e.target.checked);
+    },
+    checked: instance.isAllPageRowsSelected,
+    indeterminate: Boolean(
+      !instance.isAllPageRowsSelected && instance.page.some(({ id }) => instance.state.selectedRowIds[id])
+    )
+  }
+];
+function reducer(state, action, previousState, instance) {
+  if (action.type === reactTable.actions.init) {
+    return {
+      selectedRowIds: {},
+      lockedSelectionRowIds: {},
+      ...state
+    };
+  }
+  if (action.type === reactTable.actions.resetSelectedRows) {
+    return {
+      ...state,
+      selectedRowIds: instance.initialState.selectedRowIds || {}
+    };
+  }
+  if (action.type === reactTable.actions.toggleAllRowsSelected) {
+    const { value: setSelected } = action;
+    const {
+      isAllRowsSelected,
+      rowsById,
+      initialRowsById,
+      nonGroupedRowsById = rowsById,
+      applyToggleAllRowsSelectedToPrefilteredRows
+    } = instance;
+    const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
+    const selectAll = typeof setSelected !== "undefined" ? setSelected : !isAllRowsSelected;
+    const selectedRowIds = { ...state.selectedRowIds };
+    if (selectAll) {
+      Object.keys(rowsToSelect).forEach((rowId) => {
+        const isSelectionLocked = state.lockedSelectionRowIds[rowId];
+        if (!isSelectionLocked) {
+          selectedRowIds[rowId] = true;
+        }
+      });
+    } else {
+      Object.keys(rowsToSelect).forEach((rowId) => {
+        const isSelectionLocked = state.lockedSelectionRowIds[rowId];
+        if (!isSelectionLocked) {
+          delete selectedRowIds[rowId];
+        }
+      });
+    }
+    return {
+      ...state,
+      selectedRowIds
+    };
+  }
+  if (action.type === reactTable.actions.toggleRowSelected) {
+    const { id, value: setSelected } = action;
+    const isSelectionLocked = state.lockedSelectionRowIds[id];
+    if (isSelectionLocked) {
+      return state;
+    }
+    const { rowsById, selectSubRows = true, getSubRows } = instance;
+    const isSelected = state.selectedRowIds[id];
+    const shouldExist = typeof setSelected !== "undefined" ? setSelected : !isSelected;
+    if (isSelected === shouldExist) {
+      return state;
+    }
+    const newSelectedRowIds = { ...state.selectedRowIds };
+    const handleRowById = (rowId) => {
+      const row = rowsById[rowId];
+      if (!row.isGrouped) {
+        if (shouldExist) {
+          newSelectedRowIds[rowId] = true;
+        } else {
+          delete newSelectedRowIds[rowId];
+        }
+      }
+      if (selectSubRows && getSubRows(row)) {
+        getSubRows(row).forEach((subrow) => {
+          handleRowById(subrow.id);
+        });
+      }
+    };
+    handleRowById(id);
+    return {
+      ...state,
+      selectedRowIds: newSelectedRowIds
+    };
+  }
+  if (action.type === reactTable.actions.toggleAllPageRowsSelected) {
+    const { value: setSelected } = action;
+    const {
+      page,
+      rowsById,
+      selectSubRows = true,
+      isAllPageRowsSelected,
+      getSubRows
+    } = instance;
+    const selectAll = typeof setSelected !== "undefined" ? setSelected : !isAllPageRowsSelected;
+    const newSelectedRowIds = { ...state.selectedRowIds };
+    const handleRowById = (rowId) => {
+      const row = rowsById[rowId];
+      const isSelectionLocked = state.lockedSelectionRowIds[rowId];
+      if (!isSelectionLocked && !row.isGrouped) {
+        if (selectAll) {
+          newSelectedRowIds[rowId] = true;
+        } else {
+          delete newSelectedRowIds[rowId];
+        }
+      }
+      if (selectSubRows && getSubRows(row)) {
+        getSubRows(row).forEach((subrow) => {
+          handleRowById(subrow.id);
+        });
+      }
+    };
+    page.forEach((row) => handleRowById(row.id));
+    return {
+      ...state,
+      selectedRowIds: newSelectedRowIds
+    };
+  }
+  if (action.type === reactTable.actions.resetLockedSelectionRows) {
+    return {
+      ...state,
+      lockedSelectionRowIds: instance.initialState.lockedSelectionRowIds || {}
+    };
+  }
+  if (action.type === reactTable.actions.toggleRowLockedSelection) {
+    const { id, value: setLockedSelection } = action;
+    const { rowsById, selectSubRows = true, getSubRows } = instance;
+    const isLockedSelection = state.lockedSelectionRowIds[id];
+    const shouldExist = typeof setLockedSelection !== "undefined" ? setLockedSelection : !isLockedSelection;
+    if (isLockedSelection === shouldExist) {
+      return state;
+    }
+    const newLockedSelectionRowIds = { ...state.lockedSelectionRowIds };
+    const handleRowById = (rowId) => {
+      const row = rowsById[rowId];
+      if (!row.isGrouped) {
+        if (shouldExist) {
+          newLockedSelectionRowIds[rowId] = true;
+        } else {
+          delete newLockedSelectionRowIds[rowId];
+        }
+      }
+      if (selectSubRows && getSubRows(row)) {
+        getSubRows(row).forEach((subrow) => {
+          handleRowById(subrow.id);
+        });
+      }
+    };
+    handleRowById(id);
+    return {
+      ...state,
+      lockedSelectionRowIds: newLockedSelectionRowIds
+    };
+  }
+  return state;
+}
+function getRowIsSelected(row, selectedRowIds, getSubRows) {
+  if (selectedRowIds[row.id]) {
+    return true;
+  }
+  const subRows = getSubRows(row);
+  if (subRows && subRows.length) {
+    let allChildrenSelected = true;
+    let someSelected = false;
+    subRows.forEach((subRow) => {
+      if (someSelected && !allChildrenSelected) {
+        return;
+      }
+      if (getRowIsSelected(subRow, selectedRowIds, getSubRows)) {
+        someSelected = true;
+      } else {
+        allChildrenSelected = false;
+      }
+    });
+    if (allChildrenSelected) {
+      return true;
+    }
+    if (someSelected) {
+      return null;
+    }
+  }
+  return false;
+}
+function useInstance(instance) {
+  const {
+    data,
+    rows,
+    getHooks,
+    plugins,
+    rowsById,
+    initialRowsById,
+    nonGroupedRowsById = rowsById,
+    autoResetSelectedRows = true,
+    autoResetLockedSelectionRows = true,
+    state: { selectedRowIds, lockedSelectionRowIds },
+    selectSubRows = true,
+    dispatch,
+    page,
+    getSubRows,
+    applyToggleAllRowsSelectedToPrefilteredRows
+  } = instance;
+  reactTable.ensurePluginOrder(
+    plugins,
+    ["useFilters", "useGroupBy", "useSortBy", "useExpanded", "usePagination"],
+    "useHvRowSelection"
+  );
+  const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
+  const selectedFlatRows = React.useMemo(() => {
+    const selectedRows = [];
+    rows.forEach((row) => {
+      const isSelected = selectSubRows ? getRowIsSelected(row, selectedRowIds, getSubRows) : !!selectedRowIds[row.id];
+      row.isSelected = !!isSelected;
+      row.isSomeSelected = isSelected === null;
+      if (isSelected) {
+        selectedRows.push(row);
+      }
+    });
+    return selectedRows;
+  }, [rows, selectSubRows, selectedRowIds, getSubRows]);
+  const existsLockedRows = !!Object.keys(lockedSelectionRowIds).length;
+  const isNoRowsSelected = !(Object.keys(rowsToSelect).length && selectedFlatRows.length);
+  let isNoPageRowsSelected;
+  let isAllRowsSelected;
+  let isAllPageRowsSelected;
+  let isAllSelectableRowsUnselected;
+  let isAllSelectablePageRowsUnselected;
+  let isAllSelectableRowsSelected;
+  let isAllSelectablePageRowsSelected;
+  if (isNoRowsSelected) {
+    isAllRowsSelected = false;
+    isAllPageRowsSelected = false;
+    isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).some((id) => !lockedSelectionRowIds[id]);
+    isAllSelectablePageRowsSelected = isAllSelectableRowsSelected;
+    isAllSelectableRowsUnselected = isAllSelectableRowsSelected;
+    isAllSelectablePageRowsUnselected = isAllSelectableRowsSelected;
+    isNoPageRowsSelected = true;
+  } else {
+    isAllRowsSelected = !Object.keys(rowsToSelect).some(
+      (id) => !selectedRowIds[id]
+    );
+    if (isAllRowsSelected) {
+      isAllSelectableRowsSelected = true;
+      isAllSelectablePageRowsSelected = true;
+      isAllSelectableRowsUnselected = existsLockedRows && Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).length === 0;
+      isAllSelectablePageRowsUnselected = isAllSelectableRowsUnselected;
+      isNoPageRowsSelected = false;
+      isAllPageRowsSelected = true;
+    } else {
+      isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => !selectedRowIds[id]);
+      isAllSelectableRowsUnselected = !existsLockedRows || !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => selectedRowIds[id]);
+      isAllPageRowsSelected = !(page && page.length && page.some(({ id }) => !selectedRowIds[id]));
+      if (isAllPageRowsSelected) {
+        isAllSelectablePageRowsSelected = true;
+        isAllSelectablePageRowsUnselected = existsLockedRows && page && page.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).length === 0;
+        isNoPageRowsSelected = false;
+      } else {
+        isAllSelectablePageRowsSelected = existsLockedRows && !(page && page.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => !selectedRowIds[id]));
+        isAllSelectablePageRowsUnselected = !existsLockedRows || !(page && page.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => selectedRowIds[id]));
+        isNoPageRowsSelected = !(page && page.length && page.some(({ id }) => selectedRowIds[id]));
+      }
+    }
+  }
+  const getAutoResetSelectedRows = reactTable.useGetLatest(autoResetSelectedRows);
+  const getAutoResetLockedSelectionRows = reactTable.useGetLatest(
+    autoResetLockedSelectionRows
+  );
+  reactTable.useMountedLayoutEffect(() => {
+    if (getAutoResetSelectedRows()) {
+      dispatch({ type: reactTable.actions.resetSelectedRows });
+    }
+    if (getAutoResetLockedSelectionRows()) {
+      dispatch({ type: reactTable.actions.resetLockedSelectionRows });
+    }
+  }, [dispatch, data]);
+  const toggleAllRowsSelected = React.useCallback(
+    (value) => dispatch({ type: reactTable.actions.toggleAllRowsSelected, value }),
+    [dispatch]
+  );
+  const toggleAllPageRowsSelected = React.useCallback(
+    (value) => dispatch({ type: reactTable.actions.toggleAllPageRowsSelected, value }),
+    [dispatch]
+  );
+  const toggleRowSelected = React.useCallback(
+    (id, value) => dispatch({ type: reactTable.actions.toggleRowSelected, id, value }),
+    [dispatch]
+  );
+  const getInstance = reactTable.useGetLatest(instance);
+  const getToggleAllRowsSelectedProps = reactTable.makePropGetter(
+    getHooks().getToggleAllRowsSelectedProps,
+    {
+      instance: getInstance()
+    }
+  );
+  const getToggleAllPageRowsSelectedProps = reactTable.makePropGetter(
+    getHooks().getToggleAllPageRowsSelectedProps,
+    { instance: getInstance() }
+  );
+  const toggleRowLockedSelection = React.useCallback(
+    (id, value) => dispatch({ type: reactTable.actions.toggleRowLockedSelection, id, value }),
+    [dispatch]
+  );
+  Object.assign(instance, {
+    selectedFlatRows,
+    isNoRowsSelected,
+    isNoPageRowsSelected,
+    isAllRowsSelected,
+    isAllPageRowsSelected,
+    isAllSelectableRowsSelected,
+    isAllSelectablePageRowsSelected,
+    isAllSelectableRowsUnselected,
+    isAllSelectablePageRowsUnselected,
+    toggleRowSelected,
+    toggleAllRowsSelected,
+    getToggleAllRowsSelectedProps,
+    getToggleAllPageRowsSelectedProps,
+    toggleAllPageRowsSelected,
+    toggleRowLockedSelection
+  });
+}
+function prepareRow(row, { instance }) {
+  row.toggleRowSelected = (set) => instance.toggleRowSelected(row.id, set);
+  row.getToggleRowSelectedProps = reactTable.makePropGetter(
+    instance.getHooks().getToggleRowSelectedProps,
+    {
+      instance,
+      row
+    }
+  );
+  row.toggleRowLockedSelection = (set) => instance.toggleRowLockedSelection(row.id, set);
+  row.isSelectionLocked = instance.state?.lockedSelectionRowIds?.[row.id] || false;
+}
+const useRowSelection = (hooks) => {
+  hooks.visibleColumns.push(visibleColumnsHook);
+  hooks.getRowProps.push(getRowPropsHook);
+  hooks.getHeaderProps.push(getHeaderPropsHook);
+  hooks.getToggleRowSelectedProps = [defaultGetToggleRowSelectedProps];
+  hooks.getToggleAllRowsSelectedProps = [defaultGetToggleAllRowsSelectedProps];
+  hooks.getToggleAllPageRowsSelectedProps = [
+    defaultGetToggleAllPageRowsSelectedProps
+  ];
+  hooks.stateReducers.push(reducer);
+  hooks.useInstance.push(useInstance);
+  hooks.prepareRow.push(prepareRow);
+};
+useRowSelection.pluginName = "useHvRowSelection";
+const useRowSelection$1 = useRowSelection;
+exports.CellWithCheckBox = CellWithCheckBox;
+exports.default = useRowSelection$1;
+exports.defaultGetToggleAllPageRowsSelectedProps = defaultGetToggleAllPageRowsSelectedProps;
+exports.defaultGetToggleAllRowsSelectedProps = defaultGetToggleAllRowsSelectedProps;
+exports.defaultGetToggleRowSelectedProps = defaultGetToggleRowSelectedProps;
+exports.prepareRow = prepareRow;
+exports.reducer = reducer;
+exports.useInstance = useInstance;
+//# sourceMappingURL=useRowSelection.cjs.map

package/dist/cjs/Table/hooks/useRowSelection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelection.cjs","sources":["../../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import { ChangeEvent, useCallback, useMemo } from \"react\";\nimport {\n  Hooks,\n  IdType,\n  PropGetter,\n  Row,\n  actions,\n  ensurePluginOrder,\n  useGetLatest,\n  useMountedLayoutEffect,\n  makePropGetter,\n} from \"react-table\";\n\nimport { useLabels } from \"../../hooks/useLabels\";\n\nimport { HvCheckBox } from \"../../CheckBox\";\n\n// #region ##### TYPES #####\n\n// getRowProps:\nexport interface UseHvRowSelectionTableRowProps {\n  selected?: boolean;\n}\n\n// getRowProps:\nexport interface UseHvRowSelectionTableColumnProps {\n  \"aria-hidden\"?: boolean;\n}\n\nexport interface UseHvRowSelectionRowCheckboxProps {\n  onChange?: (e: ChangeEvent, checked?: boolean) => void;\n  checked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}\n\nexport interface UseHvRowSelectionBulkCheckboxProps {\n  onChange?: (e: ChangeEvent, checked?: boolean) => void;\n  checked?: boolean;\n  indeterminate?: boolean;\n}\n\nexport type UseHvRowSelectionTableOptions = Partial<{\n  autoResetSelectedRows: boolean;\n  autoResetLockedSelectionRows: boolean;\n  selectSubRows: boolean;\n  manualRowSelectedKey: string;\n  applyToggleAllRowsSelectedToPrefilteredRows: boolean;\n}>;\n\nexport interface UseHvRowSelectionHooks<D extends object> {\n  getToggleRowSelectedProps: Array<\n    PropGetter<D, UseHvRowSelectionRowCheckboxProps>\n  >;\n  getToggleAllRowsSelectedProps: Array<\n    PropGetter<D, UseHvRowSelectionBulkCheckboxProps>\n  >;\n  getToggleAllPageRowsSelectedProps: Array<\n    PropGetter<D, UseHvRowSelectionBulkCheckboxProps>\n  >;\n}\n\nexport interface UseHvRowSelectionState<D extends object> {\n  selectedRowIds: Record<IdType<D>, boolean>;\n  lockedSelectionRowIds: Record<IdType<D>, boolean>;\n}\n\nexport interface UseHvRowSelectionTableInstance<D extends object> {\n  toggleRowSelected: (rowId: IdType<D>, set?: boolean) => void;\n  toggleAllRowsSelected: (value?: boolean) => void;\n  toggleAllPageRowsSelected: (value?: boolean) => void;\n  getToggleAllRowsSelectedProps: (\n    props?: Partial<UseHvRowSelectionBulkCheckboxProps>\n  ) => UseHvRowSelectionBulkCheckboxProps;\n  getToggleAllPageRowsSelectedProps: (\n    props?: Partial<UseHvRowSelectionBulkCheckboxProps>\n  ) => UseHvRowSelectionBulkCheckboxProps;\n\n  isNoRowsSelected: boolean;\n  isNoPageRowsSelected: boolean;\n  isAllRowsSelected: boolean;\n  isAllPageRowsSelected: boolean;\n  isAllSelectableRowsSelected: boolean;\n  isAllSelectablePageRowsSelected: boolean;\n  isAllSelectableRowsUnselected: boolean;\n  isAllSelectablePageRowsUnselected: boolean;\n\n  selectedFlatRows: Array<Row<D>>;\n}\n\nexport interface UseHvRowSelectionRowInstance {\n  isSelected: boolean;\n  isSomeSelected: boolean;\n  isSelectionLocked: boolean;\n  toggleRowLockedSelection: (set?: boolean) => void;\n  toggleRowSelected: (set?: boolean) => void;\n  getToggleRowSelectedProps: (\n    props?: Partial<UseHvRowSelectionRowCheckboxProps>\n  ) => UseHvRowSelectionRowCheckboxProps;\n}\n\nexport type UseRowSelectionProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// Actions\nactions.resetSelectedRows = \"resetSelectedRows\";\nactions.toggleAllRowsSelected = \"toggleAllRowsSelected\";\nactions.toggleRowSelected = \"toggleRowSelected\";\nactions.toggleAllPageRowsSelected = \"toggleAllPageRowsSelected\";\n\nactions.resetLockedSelectionRows = \"resetLockedSelectionRows\";\nactions.toggleRowLockedSelection = \"toggleRowLockedSelection\";\n\nconst DEFAULT_LABELS = {\n  selectRowCheckBoxAriaLabel: \"Select this row\",\n};\n\nconst hideHeaderVariants = [\"checkbox\", \"actions\"];\n\nexport const CellWithCheckBox = ({ row, labels: labelsProp }) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const { onChange, checked, disabled, indeterminate } =\n    row.getToggleRowSelectedProps();\n\n  return (\n    <HvCheckBox\n      onChange={onChange}\n      checked={checked}\n      disabled={disabled}\n      indeterminate={indeterminate}\n      aria-label={labels.selectRowCheckBoxAriaLabel}\n    />\n  );\n};\n\nconst visibleColumnsHook = (columns) => {\n  const selectionColumn = {\n    id: \"_hv_selection\",\n    variant: \"checkbox\",\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: CellWithCheckBox,\n  };\n\n  return [selectionColumn, ...columns];\n};\n\nconst getHeaderPropsHook = (props, { column }) => {\n  const nextProps: UseHvRowSelectionTableColumnProps = {};\n\n  if (hideHeaderVariants.includes(column.variant)) {\n    nextProps[\"aria-hidden\"] = true;\n  }\n  return [props, nextProps];\n};\n\nconst getRowPropsHook = (props, { row }) => {\n  const nextProps: UseHvRowSelectionTableRowProps = {\n    selected: row.isSelected,\n  };\n\n  return [props, nextProps];\n};\n\nexport const defaultGetToggleRowSelectedProps = (props, meta) => {\n  const { instance, row } = meta;\n  const { manualRowSelectedKey = \"isSelected\" } = instance;\n  let checked = false;\n\n  if (row.original && row.original[manualRowSelectedKey]) {\n    checked = true;\n  } else {\n    checked = row.isSelected;\n  }\n\n  return [\n    props,\n    {\n      onChange: (e, check) => {\n        row.toggleRowSelected(check ?? e?.target?.checked);\n      },\n      disabled: row.isSelectionLocked,\n      checked,\n      indeterminate: row.isSomeSelected,\n    },\n  ];\n};\n\nexport const defaultGetToggleAllRowsSelectedProps = (props, { instance }) => [\n  props,\n  {\n    onChange: (e) => {\n      instance.toggleAllRowsSelected(e.target.checked);\n    },\n    checked: instance.isAllRowsSelected,\n    indeterminate: Boolean(\n      !instance.isAllRowsSelected &&\n        Object.keys(instance.state.selectedRowIds).length\n    ),\n  },\n];\n\nexport const defaultGetToggleAllPageRowsSelectedProps = (\n  props,\n  { instance }\n) => [\n  props,\n  {\n    onChange(e) {\n      instance.toggleAllPageRowsSelected(e.target.checked);\n    },\n    checked: instance.isAllPageRowsSelected,\n    indeterminate: Boolean(\n      !instance.isAllPageRowsSelected &&\n        instance.page.some(({ id }) => instance.state.selectedRowIds[id])\n    ),\n  },\n];\n\nexport function reducer(state, action, previousState, instance) {\n  if (action.type === actions.init) {\n    return {\n      selectedRowIds: {},\n      lockedSelectionRowIds: {},\n      ...state,\n    };\n  }\n\n  if (action.type === actions.resetSelectedRows) {\n    return {\n      ...state,\n      selectedRowIds: instance.initialState.selectedRowIds || {},\n    };\n  }\n\n  if (action.type === actions.toggleAllRowsSelected) {\n    const { value: setSelected } = action;\n    const {\n      isAllRowsSelected,\n      rowsById,\n      initialRowsById,\n      nonGroupedRowsById = rowsById,\n      applyToggleAllRowsSelectedToPrefilteredRows,\n    } = instance;\n\n    const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows\n      ? initialRowsById\n      : nonGroupedRowsById;\n\n    const selectAll =\n      typeof setSelected !== \"undefined\" ? setSelected : !isAllRowsSelected;\n\n    // Only remove/add the rows that are visible on the screen\n    //  Leave all the other rows that are selected alone.\n    const selectedRowIds = { ...state.selectedRowIds };\n\n    if (selectAll) {\n      Object.keys(rowsToSelect).forEach((rowId) => {\n        const isSelectionLocked = state.lockedSelectionRowIds[rowId];\n        if (!isSelectionLocked) {\n          selectedRowIds[rowId] = true;\n        }\n      });\n    } else {\n      Object.keys(rowsToSelect).forEach((rowId) => {\n        const isSelectionLocked = state.lockedSelectionRowIds[rowId];\n        if (!isSelectionLocked) {\n          delete selectedRowIds[rowId];\n        }\n      });\n    }\n\n    return {\n      ...state,\n      selectedRowIds,\n    };\n  }\n\n  if (action.type === actions.toggleRowSelected) {\n    const { id, value: setSelected } = action;\n    const isSelectionLocked = state.lockedSelectionRowIds[id];\n    if (isSelectionLocked) {\n      return state;\n    }\n\n    const { rowsById, selectSubRows = true, getSubRows } = instance;\n    const isSelected = state.selectedRowIds[id];\n    const shouldExist =\n      typeof setSelected !== \"undefined\" ? setSelected : !isSelected;\n\n    if (isSelected === shouldExist) {\n      return state;\n    }\n\n    const newSelectedRowIds = { ...state.selectedRowIds };\n\n    const handleRowById = (rowId) => {\n      const row = rowsById[rowId];\n\n      if (!row.isGrouped) {\n        if (shouldExist) {\n          newSelectedRowIds[rowId] = true;\n        } else {\n          delete newSelectedRowIds[rowId];\n        }\n      }\n\n      if (selectSubRows && getSubRows(row)) {\n        getSubRows(row).forEach((subrow) => {\n          handleRowById(subrow.id);\n        });\n      }\n    };\n\n    handleRowById(id);\n\n    return {\n      ...state,\n      selectedRowIds: newSelectedRowIds,\n    };\n  }\n\n  if (action.type === actions.toggleAllPageRowsSelected) {\n    const { value: setSelected } = action;\n    const {\n      page,\n      rowsById,\n      selectSubRows = true,\n      isAllPageRowsSelected,\n      getSubRows,\n    } = instance;\n\n    const selectAll =\n      typeof setSelected !== \"undefined\" ? setSelected : !isAllPageRowsSelected;\n    const newSelectedRowIds = { ...state.selectedRowIds };\n\n    const handleRowById = (rowId) => {\n      const row = rowsById[rowId];\n      const isSelectionLocked = state.lockedSelectionRowIds[rowId];\n\n      if (!isSelectionLocked && !row.isGrouped) {\n        if (selectAll) {\n          newSelectedRowIds[rowId] = true;\n        } else {\n          delete newSelectedRowIds[rowId];\n        }\n      }\n\n      if (selectSubRows && getSubRows(row)) {\n        getSubRows(row).forEach((subrow) => {\n          handleRowById(subrow.id);\n        });\n      }\n    };\n\n    page.forEach((row) => handleRowById(row.id));\n\n    return {\n      ...state,\n      selectedRowIds: newSelectedRowIds,\n    };\n  }\n\n  if (action.type === actions.resetLockedSelectionRows) {\n    return {\n      ...state,\n      lockedSelectionRowIds: instance.initialState.lockedSelectionRowIds || {},\n    };\n  }\n\n  if (action.type === actions.toggleRowLockedSelection) {\n    const { id, value: setLockedSelection } = action;\n    const { rowsById, selectSubRows = true, getSubRows } = instance;\n    const isLockedSelection = state.lockedSelectionRowIds[id];\n    const shouldExist =\n      typeof setLockedSelection !== \"undefined\"\n        ? setLockedSelection\n        : !isLockedSelection;\n\n    if (isLockedSelection === shouldExist) {\n      return state;\n    }\n\n    const newLockedSelectionRowIds = { ...state.lockedSelectionRowIds };\n\n    const handleRowById = (rowId) => {\n      const row = rowsById[rowId];\n\n      if (!row.isGrouped) {\n        if (shouldExist) {\n          newLockedSelectionRowIds[rowId] = true;\n        } else {\n          delete newLockedSelectionRowIds[rowId];\n        }\n      }\n\n      if (selectSubRows && getSubRows(row)) {\n        getSubRows(row).forEach((subrow) => {\n          handleRowById(subrow.id);\n        });\n      }\n    };\n\n    handleRowById(id);\n\n    return {\n      ...state,\n      lockedSelectionRowIds: newLockedSelectionRowIds,\n    };\n  }\n\n  return state;\n}\n\nfunction getRowIsSelected(row, selectedRowIds, getSubRows) {\n  if (selectedRowIds[row.id]) {\n    return true;\n  }\n\n  const subRows = getSubRows(row);\n\n  if (subRows && subRows.length) {\n    let allChildrenSelected = true;\n    let someSelected = false;\n\n    subRows.forEach((subRow) => {\n      // Bail out early if we know both of these\n      if (someSelected && !allChildrenSelected) {\n        return;\n      }\n\n      if (getRowIsSelected(subRow, selectedRowIds, getSubRows)) {\n        someSelected = true;\n      } else {\n        allChildrenSelected = false;\n      }\n    });\n\n    if (allChildrenSelected) {\n      return true;\n    }\n\n    if (someSelected) {\n      return null;\n    }\n  }\n\n  return false;\n}\n\nexport function useInstance(instance) {\n  const {\n    data,\n    rows,\n    getHooks,\n    plugins,\n    rowsById,\n    initialRowsById,\n    nonGroupedRowsById = rowsById,\n    autoResetSelectedRows = true,\n    autoResetLockedSelectionRows = true,\n    state: { selectedRowIds, lockedSelectionRowIds },\n    selectSubRows = true,\n    dispatch,\n    page,\n    getSubRows,\n    applyToggleAllRowsSelectedToPrefilteredRows,\n  } = instance;\n\n  ensurePluginOrder(\n    plugins,\n    [\"useFilters\", \"useGroupBy\", \"useSortBy\", \"useExpanded\", \"usePagination\"],\n    \"useHvRowSelection\"\n  );\n\n  const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows\n    ? initialRowsById\n    : nonGroupedRowsById;\n\n  const selectedFlatRows = useMemo(() => {\n    const selectedRows: any[] = [];\n\n    rows.forEach((row) => {\n      const isSelected = selectSubRows\n        ? getRowIsSelected(row, selectedRowIds, getSubRows)\n        : !!selectedRowIds[row.id];\n      row.isSelected = !!isSelected;\n      row.isSomeSelected = isSelected === null;\n\n      if (isSelected) {\n        selectedRows.push(row);\n      }\n    });\n\n    return selectedRows;\n  }, [rows, selectSubRows, selectedRowIds, getSubRows]);\n\n  const existsLockedRows = !!Object.keys(lockedSelectionRowIds).length;\n\n  const isNoRowsSelected = !(\n    Object.keys(rowsToSelect).length && selectedFlatRows.length\n  );\n\n  let isNoPageRowsSelected;\n  let isAllRowsSelected;\n  let isAllPageRowsSelected;\n\n  let isAllSelectableRowsUnselected;\n  let isAllSelectablePageRowsUnselected;\n  let isAllSelectableRowsSelected;\n  let isAllSelectablePageRowsSelected;\n\n  if (isNoRowsSelected) {\n    isAllRowsSelected = false;\n    isAllPageRowsSelected = false;\n\n    isAllSelectableRowsSelected =\n      existsLockedRows &&\n      !Object.keys(rowsToSelect).some((id) => !lockedSelectionRowIds[id]);\n    isAllSelectablePageRowsSelected = isAllSelectableRowsSelected;\n\n    isAllSelectableRowsUnselected = isAllSelectableRowsSelected;\n    isAllSelectablePageRowsUnselected = isAllSelectableRowsSelected;\n\n    isNoPageRowsSelected = true;\n  } else {\n    isAllRowsSelected = !Object.keys(rowsToSelect).some(\n      (id) => !selectedRowIds[id]\n    );\n\n    if (isAllRowsSelected) {\n      isAllSelectableRowsSelected = true;\n      isAllSelectablePageRowsSelected = true;\n\n      isAllSelectableRowsUnselected =\n        existsLockedRows &&\n        Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id])\n          .length === 0;\n      isAllSelectablePageRowsUnselected = isAllSelectableRowsUnselected;\n\n      isNoPageRowsSelected = false;\n      isAllPageRowsSelected = true;\n    } else {\n      isAllSelectableRowsSelected =\n        existsLockedRows &&\n        !Object.keys(rowsToSelect)\n          .filter((id) => !lockedSelectionRowIds[id])\n          .some((id) => !selectedRowIds[id]);\n\n      isAllSelectableRowsUnselected =\n        !existsLockedRows ||\n        !Object.keys(rowsToSelect)\n          .filter((id) => !lockedSelectionRowIds[id])\n          .some((id) => selectedRowIds[id]);\n\n      isAllPageRowsSelected = !(\n        page &&\n        page.length &&\n        page.some(({ id }) => !selectedRowIds[id])\n      );\n\n      if (isAllPageRowsSelected) {\n        isAllSelectablePageRowsSelected = true;\n\n        isAllSelectablePageRowsUnselected =\n          existsLockedRows &&\n          page &&\n          page.length &&\n          page.filter(({ id }) => !lockedSelectionRowIds[id]).length === 0;\n\n        isNoPageRowsSelected = false;\n      } else {\n        isAllSelectablePageRowsSelected =\n          existsLockedRows &&\n          !(\n            page &&\n            page.length &&\n            page\n              .filter(({ id }) => !lockedSelectionRowIds[id])\n              .some(({ id }) => !selectedRowIds[id])\n          );\n\n        isAllSelectablePageRowsUnselected =\n          !existsLockedRows ||\n          !(\n            page &&\n            page.length &&\n            page\n              .filter(({ id }) => !lockedSelectionRowIds[id])\n              .some(({ id }) => selectedRowIds[id])\n          );\n\n        isNoPageRowsSelected = !(\n          page &&\n          page.length &&\n          page.some(({ id }) => selectedRowIds[id])\n        );\n      }\n    }\n  }\n\n  const getAutoResetSelectedRows = useGetLatest(autoResetSelectedRows);\n\n  const getAutoResetLockedSelectionRows = useGetLatest(\n    autoResetLockedSelectionRows\n  );\n\n  useMountedLayoutEffect(() => {\n    if (getAutoResetSelectedRows()) {\n      dispatch({ type: actions.resetSelectedRows });\n    }\n    if (getAutoResetLockedSelectionRows()) {\n      dispatch({ type: actions.resetLockedSelectionRows });\n    }\n  }, [dispatch, data]);\n\n  const toggleAllRowsSelected = useCallback(\n    (value) => dispatch({ type: actions.toggleAllRowsSelected, value }),\n    [dispatch]\n  );\n\n  const toggleAllPageRowsSelected = useCallback(\n    (value) => dispatch({ type: actions.toggleAllPageRowsSelected, value }),\n    [dispatch]\n  );\n\n  const toggleRowSelected = useCallback(\n    (id, value) => dispatch({ type: actions.toggleRowSelected, id, value }),\n    [dispatch]\n  );\n\n  const getInstance = useGetLatest(instance);\n\n  const getToggleAllRowsSelectedProps = makePropGetter(\n    getHooks().getToggleAllRowsSelectedProps,\n    {\n      instance: getInstance(),\n    }\n  );\n\n  const getToggleAllPageRowsSelectedProps = makePropGetter(\n    getHooks().getToggleAllPageRowsSelectedProps,\n    { instance: getInstance() }\n  );\n\n  const toggleRowLockedSelection = useCallback(\n    (id, value) =>\n      dispatch({ type: actions.toggleRowLockedSelection, id, value }),\n    [dispatch]\n  );\n\n  Object.assign(instance, {\n    selectedFlatRows,\n    isNoRowsSelected,\n    isNoPageRowsSelected,\n    isAllRowsSelected,\n    isAllPageRowsSelected,\n    isAllSelectableRowsSelected,\n    isAllSelectablePageRowsSelected,\n    isAllSelectableRowsUnselected,\n    isAllSelectablePageRowsUnselected,\n    toggleRowSelected,\n    toggleAllRowsSelected,\n    getToggleAllRowsSelectedProps,\n    getToggleAllPageRowsSelectedProps,\n    toggleAllPageRowsSelected,\n    toggleRowLockedSelection,\n  });\n}\n\nexport function prepareRow(row, { instance }) {\n  row.toggleRowSelected = (set) => instance.toggleRowSelected(row.id, set);\n  row.getToggleRowSelectedProps = makePropGetter(\n    instance.getHooks().getToggleRowSelectedProps,\n    {\n      instance,\n      row,\n    }\n  );\n\n  row.toggleRowLockedSelection = (set) =>\n    instance.toggleRowLockedSelection(row.id, set);\n  row.isSelectionLocked =\n    instance.state?.lockedSelectionRowIds?.[row.id] || false;\n}\n\nconst useRowSelection: UseRowSelectionProps = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n\n  hooks.getRowProps.push(getRowPropsHook);\n\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n\n  hooks.getToggleRowSelectedProps = [defaultGetToggleRowSelectedProps];\n  hooks.getToggleAllRowsSelectedProps = [defaultGetToggleAllRowsSelectedProps];\n  hooks.getToggleAllPageRowsSelectedProps = [\n    defaultGetToggleAllPageRowsSelectedProps,\n  ];\n\n  hooks.stateReducers.push(reducer);\n  hooks.useInstance.push(useInstance);\n  hooks.prepareRow.push(prepareRow);\n};\n\nuseRowSelection.pluginName = \"useHvRowSelection\";\n\nexport default useRowSelection;\n"],"names":["actions","useLabels","jsx","HvCheckBox","ensurePluginOrder","useMemo","useGetLatest","useMountedLayoutEffect","useCallback","makePropGetter"],"mappings":"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"}

package/dist/cjs/Table/hooks/useSortBy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortBy.cjs","sources":["../../../../src/Table/hooks/useSortBy.ts"],"sourcesContent":["import { ensurePluginOrder, Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\n// getHeaderProps:\nexport interface UseHvSortByColumnProps {\n  sortable?: boolean;\n  sorted?: boolean;\n  sortDirection?: \"descending\" | \"ascending\";\n  onClick?: (e: React.MouseEvent<HTMLTableCellElement>) => void;\n}\n\n// getCellProps:\nexport interface UseHvSortByTableCellProps {\n  sorted?: boolean;\n}\n\nexport type UseHvSortByProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const { isMultiSortEvent = (e) => e.shiftKey } = instance;\n\n  const sortDirection = column.isSortedDesc ? \"descending\" : \"ascending\";\n\n  const nextProps: UseHvSortByColumnProps = {\n    sortable: column.canSort,\n    sorted: column.isSorted,\n    sortDirection: column.isSorted ? sortDirection : undefined,\n\n    onClick: column.canSort\n      ? (e) => {\n          e.persist();\n          column.toggleSortBy(\n            undefined,\n            !instance.disableMultiSort && isMultiSortEvent(e)\n          );\n        }\n      : undefined,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { cell }) => {\n  const nextProps: UseHvSortByTableCellProps = {\n    sorted: cell.column.isSorted,\n  };\n\n  return [props, nextProps];\n};\n\nconst useInstanceHook = (instance) => {\n  ensurePluginOrder(instance.plugins, [\"useSortBy\"], \"useHvSortBy\");\n};\n\nconst useSortBy: UseHvSortByProps = (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\nuseSortBy.pluginName = \"useHvSortBy\";\n\nexport default useSortBy;\n"],"names":["ensurePluginOrder"],"mappings":";;;AAwBA,MAAM,qBAAqB,CAAC,OAAO,EAAE,UAAU,aAAa;AAC1D,QAAM,EAAE,mBAAmB,CAAC,MAAM,EAAE,SAAa,IAAA;AAE3C,QAAA,gBAAgB,OAAO,eAAe,eAAe;AAE3D,QAAM,YAAoC;AAAA,IACxC,UAAU,OAAO;AAAA,IACjB,QAAQ,OAAO;AAAA,IACf,eAAe,OAAO,WAAW,gBAAgB;AAAA,IAEjD,SAAS,OAAO,UACZ,CAAC,MAAM;AACL,QAAE,QAAQ;AACH,aAAA;AAAA,QACL;AAAA,QACA,CAAC,SAAS,oBAAoB,iBAAiB,CAAC;AAAA,MAAA;AAAA,IAGpD,IAAA;AAAA,EAAA;AAGC,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,mBAAmB,CAAC,OAAO,EAAE,WAAW;AAC5C,QAAM,YAAuC;AAAA,IAC3C,QAAQ,KAAK,OAAO;AAAA,EAAA;AAGf,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,kBAAkB,CAAC,aAAa;AACpCA,aAAA,kBAAkB,SAAS,SAAS,CAAC,WAAW,GAAG,aAAa;AAClE;AAEA,MAAM,YAA8B,CAAC,UAAU;AAEvC,QAAA,eAAe,KAAK,kBAAkB;AAEtC,QAAA,aAAa,KAAK,gBAAgB;AAElC,QAAA,YAAY,KAAK,eAAe;AACxC;AAEA,UAAU,aAAa;AAEvB,MAAA,cAAe;;"}