@hitachivantara/uikit-react-core 5.39.1 → 5.39.2

package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.styles.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n  /** Styles applied to the component root class. */\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.colors.atmo1,\n    verticalAlign: \"middle\",\n    outline: 0,\n  },\n  /** Styles applied to the component root when inside a `HvTableHead`. */\n  head: {},\n  /** Styles applied to the component root when inside a `HvTableBody`. */\n  body: {},\n  /** Styles applied to the component root when inside a `HvTableFooter`. */\n  footer: {},\n  /** Styles applied to the component root when selected. */\n  selected: {\n    backgroundColor: theme.colors.atmo2,\n  },\n  /** Styles applied to the component root when expanded. */\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  /** Styles applied to the component root when striped. */\n  striped: {\n    \"&:nth-of-type(even)\": {\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n    },\n    \"&:nth-of-type(odd)\": {\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n    },\n  },\n  /** Styles applied to the component root on hover. */\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantList: {\n    // only applied on custom `display`\n    marginBottom: theme.space.xs,\n    borderRadius: theme.radii.round,\n\n    ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n    backgroundColor: theme.colors.atmo1,\n    \"&$selected\": {\n      ...getBorderStyles(theme.colors.secondary, theme.radii.round),\n\n      \"&:hover\": {\n        ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.radii.round,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantListHead: {\n    backgroundColor: \"transparent\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","backgroundColor","theme","colors","atmo1","verticalAlign","outline","head","body","footer","selected","atmo2","expanded","borderBottom","striped","containerBackgroundHover","hover","transition","variantList","marginBottom","space","xs","borderRadius","radii","round","getBorderStyles","atmo4","secondary","variantListHead"],"mappings":";;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,eAAe;AAAA,IACfC,SAAS;AAAA,EACX;AAAA;AAAA,EAEAC,MAAM,CAAC;AAAA;AAAA,EAEPC,MAAM,CAAC;AAAA;AAAA,EAEPC,QAAQ,CAAC;AAAA;AAAA,EAETC,UAAU;AAAA,IACRT,iBAAiBC,YAAAA,MAAMC,OAAOQ;AAAAA,EAChC;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRX,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,MAClBS,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEAC,SAAS;AAAA,IACP,uBAAuB;AAAA,MACrB,WAAW;AAAA,QACTb,iBAAiBC,YAAAA,MAAMC,OAAOY;AAAAA,MAChC;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,WAAW;AAAA,QACTd,iBAAiBC,YAAAA,MAAMC,OAAOY;AAAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEAC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACThB,iBAAiBC,YAAAA,MAAMC,OAAOY;AAAAA,IAChC;AAAA,EACF;AAAA;AAAA,EAEAG,aAAa;AAAA;AAAA,IAEXC,cAAcjB,YAAAA,MAAMkB,MAAMC;AAAAA,IAC1BC,cAAcpB,YAAAA,MAAMqB,MAAMC;AAAAA,IAE1B,GAAGC,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOuB,OAAOxB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,IACxDvB,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9B,cAAc;AAAA,MACZ,GAAGqB,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOwB,WAAWzB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,MAE5D,WAAW;AAAA,QACT,GAAGC,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOuB,OAAOxB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,MAC1D;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGC,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOuB,OAAOxB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,IAC1D;AAAA,IACA,iBAAiB;AAAA,MACfF,cAAcpB,YAAAA,MAAMqB,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEAI,iBAAiB;AAAA,IACf3B,iBAAiB;AAAA,EACnB;AACF,CAAC;;;"}
+{"version":3,"file":"TableRow.styles.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n  /** Styles applied to the component root class. */\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.colors.atmo1,\n    verticalAlign: \"middle\",\n    outline: 0,\n  },\n  /** Styles applied to the component root when inside a `HvTableHead`. */\n  head: {},\n  /** Styles applied to the component root when inside a `HvTableBody`. */\n  body: {},\n  /** Styles applied to the component root when inside a `HvTableFooter`. */\n  footer: {},\n  /** Styles applied to the component root when selected. */\n  selected: {\n    backgroundColor: theme.colors.atmo2,\n  },\n  /** Styles applied to the component root when expanded. */\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  /** Styles applied to the component root when striped. */\n  striped: {\n    \"&:nth-of-type(even)\": {\n      backgroundColor: theme.alpha(\"atmo1\", 0.6),\n\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n    },\n    \"&:nth-of-type(odd)\": {\n      backgroundColor: \"transparent\",\n\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n      },\n    },\n  },\n  /** Styles applied to the component root on hover. */\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantList: {\n    // only applied on custom `display`\n    marginBottom: theme.space.xs,\n    borderRadius: theme.radii.round,\n\n    ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n    backgroundColor: theme.colors.atmo1,\n    \"&$selected\": {\n      ...getBorderStyles(theme.colors.secondary, theme.radii.round),\n\n      \"&:hover\": {\n        ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.radii.round,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantListHead: {\n    backgroundColor: \"transparent\",\n  },\n});\n"],"names":["createClasses","theme","getBorderStyles"],"mappings":";;;;;AAMO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvE,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,iBAAiBC,YAAAA,MAAM,OAAO;AAAA,IAC9B,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,MAAM,CAAC;AAAA;AAAA,EAEP,MAAM,CAAC;AAAA;AAAA,EAEP,QAAQ,CAAC;AAAA;AAAA,EAET,UAAU;AAAA,IACR,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,EAChC;AAAA;AAAA,EAEA,UAAU;AAAA,IACR,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAC9B,oBAAoB;AAAA,MAClB,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEA,SAAS;AAAA,IACP,uBAAuB;AAAA,MACrB,iBAAiBA,YAAA,MAAM,MAAM,SAAS,GAAG;AAAA,MAEzC,WAAW;AAAA,QACT,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,MAChC;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACT,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,WAAW;AAAA,MACT,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAChC;AAAA,EACF;AAAA;AAAA,EAEA,aAAa;AAAA;AAAA,IAEX,cAAcA,YAAAA,MAAM,MAAM;AAAA,IAC1B,cAAcA,YAAAA,MAAM,MAAM;AAAA,IAE1B,GAAGC,MAAAA,gBAAgBD,YAAAA,MAAM,OAAO,OAAOA,YAAA,MAAM,MAAM,KAAK;AAAA,IACxD,iBAAiBA,YAAAA,MAAM,OAAO;AAAA,IAC9B,cAAc;AAAA,MACZ,GAAGC,MAAAA,gBAAgBD,YAAAA,MAAM,OAAO,WAAWA,YAAA,MAAM,MAAM,KAAK;AAAA,MAE5D,WAAW;AAAA,QACT,GAAGC,MAAAA,gBAAgBD,YAAAA,MAAM,OAAO,OAAOA,YAAA,MAAM,MAAM,KAAK;AAAA,MAC1D;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGC,MAAAA,gBAAgBD,YAAAA,MAAM,OAAO,OAAOA,YAAA,MAAM,MAAM,KAAK;AAAA,IAC1D;AAAA,IACA,iBAAiB;AAAA,MACf,cAAcA,YAAAA,MAAM,MAAM;AAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AACF,CAAC;;;"}

package/dist/cjs/components/Table/TableSectionContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableSectionContext.cjs","sources":["../../../../src/components/Table/TableSectionContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type TableSectionContextProps = {\n  type?: string;\n  filterClassName?: string;\n};\n\nconst TableSectionContext = createContext<TableSectionContextProps>({});\n\nexport default TableSectionContext;\n"],"names":["TableSectionContext","createContext"],"mappings":";;;AAOA,MAAMA,sBAAsBC,MAAAA,cAAwC,CAAA,CAAE;AAEtE,MAAA,wBAAeD;;"}
+{"version":3,"file":"TableSectionContext.cjs","sources":["../../../../src/components/Table/TableSectionContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type TableSectionContextProps = {\n  type?: string;\n  filterClassName?: string;\n};\n\nconst TableSectionContext = createContext<TableSectionContextProps>({});\n\nexport default TableSectionContext;\n"],"names":["createContext"],"mappings":";;;AAOA,MAAM,sBAAsBA,MAAAA,cAAwC,CAAA,CAAE;AAEtE,MAAA,wBAAe;;"}

package/dist/cjs/components/Table/hooks/useBulkActions.cjs

@@ -3,17 +3,15 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const React = require("react");
 const reactTable = require("react-table");
 const useInstanceHook = (instance) => {
-  const {
-    plugins,
-    page,
-    toggleAllPageRowsSelected,
-    toggleAllRowsSelected
-  } = instance;
+  const { plugins, page, toggleAllPageRowsSelected, toggleAllRowsSelected } = instance;
   reactTable.ensurePluginOrder(plugins, ["useHvRowSelection"], "useHvBulkActions");
   const getInstance = reactTable.useGetLatest(instance);
-  const getHvBulkActionsProps = reactTable.makePropGetter(instance.getHooks().getHvBulkActionsProps, {
-    instance: getInstance()
-  });
+  const getHvBulkActionsProps = reactTable.makePropGetter(
+    instance.getHooks().getHvBulkActionsProps,
+    {
+      instance: getInstance()
+    }
+  );
   const isPaginated = !!page;
   const invertedToggleAllRowsSelected = React.useCallback(() => {
     if (!isPaginated)
@@ -54,7 +52,12 @@ const useInstanceHook = (instance) => {
       return toggleAllRowsSelected(false);
     }
     return toggleAllPageRowsSelected();
-  }, [getInstance, isPaginated, toggleAllPageRowsSelected, toggleAllRowsSelected]);
+  }, [
+    getInstance,
+    isPaginated,
+    toggleAllPageRowsSelected,
+    toggleAllRowsSelected
+  ]);
   const aditive = instance.aditivePageBulkSelection === true;
   const subtractive = instance.subtractivePageBulkDeselection === true;
   Object.assign(instance, {
@@ -64,16 +67,12 @@ const useInstanceHook = (instance) => {
     subtractivePageBulkDeselection: subtractive
   });
 };
-const defaultgetHvBulkActionsProps = (props, {
-  instance
-}) => {
+const defaultgetHvBulkActionsProps = (props, { instance }) => {
   const {
     rows,
     initialRows,
     selectedFlatRows,
-    state: {
-      selectedRowIds = {}
-    } = {},
+    state: { selectedRowIds = {} } = {},
     page,
     toggleAllRowsSelected,
     invertedToggleAllRowsSelected,

package/dist/cjs/components/Table/hooks/useBulkActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBulkActions.cjs","sources":["../../../../../src/components/Table/hooks/useBulkActions.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport {\n  Hooks,\n  PropGetter,\n  TableCommonProps,\n  makePropGetter,\n  useGetLatest,\n  ensurePluginOrder,\n} from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport interface HvTAbleBulkActionsProps extends TableCommonProps {\n  numTotal: number;\n  numSelected: number;\n  showSelectAllPages: boolean;\n  onSelectAll: () => void;\n  onSelectAllPages: () => void;\n  labels?: Record<string, string>;\n}\n\nexport type HvBulkActionsPropGetter<D extends object> = PropGetter<\n  D,\n  HvTAbleBulkActionsProps\n>;\n\nexport interface UseHvBulkActionsHooks<D extends object> {\n  getHvBulkActionsProps: Array<HvBulkActionsPropGetter<D>>;\n}\n\nexport type UseHvBulkActionsTableOptions = {\n  aditivePageBulkSelection?: boolean;\n  subtractivePageBulkDeselection?: boolean;\n  showSelectAllPages?: boolean;\n};\n\nexport interface UseHvBulkActionsTableInstanceProps<D extends object> {\n  getHvBulkActionsProps: (\n    propGetter?: HvBulkActionsPropGetter<D>\n  ) => HvTAbleBulkActionsProps;\n  invertedToggleAllRowsSelected: () => void;\n}\n\nexport type UseBulkActionsProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst useInstanceHook = (instance) => {\n  const { plugins, page, toggleAllPageRowsSelected, toggleAllRowsSelected } =\n    instance;\n\n  ensurePluginOrder(plugins, [\"useHvRowSelection\"], \"useHvBulkActions\");\n\n  const getInstance = useGetLatest(instance);\n\n  const getHvBulkActionsProps = makePropGetter(\n    instance.getHooks().getHvBulkActionsProps,\n    {\n      instance: getInstance(),\n    }\n  );\n\n  const isPaginated = !!page;\n\n  const invertedToggleAllRowsSelected = 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  }, [\n    getInstance,\n    isPaginated,\n    toggleAllPageRowsSelected,\n    toggleAllRowsSelected,\n  ]);\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: HvTAbleBulkActionsProps = {\n    numTotal:\n      applyToggleAllRowsSelectedToPrefilteredRows === true\n        ? initialRows.length\n        : 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: UseBulkActionsProps = (hooks) => {\n  hooks.getHvBulkActionsProps = [defaultgetHvBulkActionsProps];\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nuseBulkActions.pluginName = \"useHvBulkActions\";\n\nexport default useBulkActions;\n"],"names":["useInstanceHook","instance","plugins","page","toggleAllPageRowsSelected","toggleAllRowsSelected","ensurePluginOrder","getInstance","useGetLatest","getHvBulkActionsProps","makePropGetter","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":";;;;AAiDA,MAAMA,kBAAmBC,CAAa,aAAA;AAC9B,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAMC;AAAAA,IAA2BC;AAAAA,EAChDJ,IAAAA;AAEFK,aAAAA,kBAAkBJ,SAAS,CAAC,mBAAmB,GAAG,kBAAkB;AAE9DK,QAAAA,cAAcC,wBAAaP,QAAQ;AAEzC,QAAMQ,wBAAwBC,WAAAA,eAC5BT,SAASU,SAAAA,EAAWF,uBACpB;AAAA,IACER,UAAUM,YAAY;AAAA,EAAA,CAE1B;AAEMK,QAAAA,cAAc,CAAC,CAACT;AAEhBU,QAAAA,gCAAgCC,MAAAA,YAAY,MAAM;AACtD,QAAI,CAACF;AAAa,aAAOP,sBAAsB;AAEzC,UAAA;AAAA,MACJU;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,QACEb,YAAY;AAEhB,QAAIQ,4BAA4BC,gCAAgC;AACvDZ,aAAAA,0BAA0B,CAACe,+BAA+B;AAAA,IACnE;AAEIJ,QAAAA,4BAA4B,CAACC,gCAAgC;AAC/D,UAAI,CAACG,iCAAiC;AACpC,eAAOf,0BAA0B;AAAA,MACnC;AAEA,aAAOC,sBAAsB,KAAK;AAAA,IACpC;AAEI,QAAA,CAACU,4BAA4B,CAACC,gCAAgC;AAChE,UAAIC,kBAAkB;AACpB,eAAOb,0BAA0B;AAAA,MACnC;AAEA,aAAOC,sBAAsB,KAAK;AAAA,IACpC;AAEI,QAAA,CAACU,4BAA4BC,gCAAgC;AAC/D,UAAIC,kBAAkB;AACpB,eAAOb,0BAA0B;AAAA,MACnC;AACA,UAAI,CAACgB,mCAAmC;AACtC,eAAOhB,0BAA0B,KAAK;AAAA,MACxC;AACA,UAAI,CAACc,sBAAsB;AACzB,eAAOd,0BAA0B,KAAK;AAAA,MACxC;AAEA,aAAOC,sBAAsB,KAAK;AAAA,IACpC;AAEA,WAAOD,0BAA0B;AAAA,KAChC,CACDG,aACAK,aACAR,2BACAC,qBAAqB,CACtB;AAEKgB,QAAAA,UAAUpB,SAASc,6BAA6B;AAChDO,QAAAA,cAAcrB,SAASe,mCAAmC;AAEhEO,SAAOC,OAAOvB,UAAU;AAAA,IACtBQ;AAAAA,IACAI;AAAAA,IACAE,0BAA0BM;AAAAA,IAC1BL,gCAAgCM;AAAAA,EAAAA,CACjC;AACH;AAEaG,MAAAA,+BAA+BA,CAACC,OAAO;AAAA,EAAEzB;AAAS,MAAM;AAC7D,QAAA;AAAA,IACJ0B;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,MAAEC,iBAAiB,CAAC;AAAA,IAAA,IAAM,CAAC;AAAA,IAClC5B;AAAAA,IACAE;AAAAA,IACAQ;AAAAA,IACAmB,qBAAqB;AAAA,IACrBC;AAAAA,EACEhC,IAAAA;AAEEW,QAAAA,cAAc,CAAC,CAACT;AAEtB,QAAM+B,YAAqC;AAAA,IACzCC,UACEF,gDAAgD,OAC5CL,YAAYQ,SACZT,KAAKS;AAAAA,IACXC,aACEJ,gDAAgD,OAC5CV,OAAOe,KAAKP,cAAc,EAAEK,SAC5BP,iBAAiBO;AAAAA,IACvBJ,oBAAoBA,sBAAsBpB;AAAAA,IAC1C2B,aAAa1B;AAAAA,IACb2B,kBAAkBnC;AAAAA,EAAAA;AAGb,SAAA,CAACqB,OAAOQ,SAAS;AAC1B;AAEA,MAAMO,iBAAuCC,CAAU,UAAA;AAC/CjC,QAAAA,wBAAwB,CAACgB,4BAA4B;AAErDkB,QAAAA,YAAYC,KAAK5C,eAAe;AACxC;AAEAyC,eAAeI,aAAa;AAE5B,MAAA,mBAAeJ;;;"}
+{"version":3,"file":"useBulkActions.cjs","sources":["../../../../../src/components/Table/hooks/useBulkActions.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport {\n  Hooks,\n  PropGetter,\n  TableCommonProps,\n  makePropGetter,\n  useGetLatest,\n  ensurePluginOrder,\n} from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport interface HvTAbleBulkActionsProps extends TableCommonProps {\n  numTotal: number;\n  numSelected: number;\n  showSelectAllPages: boolean;\n  onSelectAll: () => void;\n  onSelectAllPages: () => void;\n  labels?: Record<string, string>;\n}\n\nexport type HvBulkActionsPropGetter<D extends object> = PropGetter<\n  D,\n  HvTAbleBulkActionsProps\n>;\n\nexport interface UseHvBulkActionsHooks<D extends object> {\n  getHvBulkActionsProps: Array<HvBulkActionsPropGetter<D>>;\n}\n\nexport type UseHvBulkActionsTableOptions = {\n  aditivePageBulkSelection?: boolean;\n  subtractivePageBulkDeselection?: boolean;\n  showSelectAllPages?: boolean;\n};\n\nexport interface UseHvBulkActionsTableInstanceProps<D extends object> {\n  getHvBulkActionsProps: (\n    propGetter?: HvBulkActionsPropGetter<D>\n  ) => HvTAbleBulkActionsProps;\n  invertedToggleAllRowsSelected: () => void;\n}\n\nexport type UseBulkActionsProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst useInstanceHook = (instance) => {\n  const { plugins, page, toggleAllPageRowsSelected, toggleAllRowsSelected } =\n    instance;\n\n  ensurePluginOrder(plugins, [\"useHvRowSelection\"], \"useHvBulkActions\");\n\n  const getInstance = useGetLatest(instance);\n\n  const getHvBulkActionsProps = makePropGetter(\n    instance.getHooks().getHvBulkActionsProps,\n    {\n      instance: getInstance(),\n    }\n  );\n\n  const isPaginated = !!page;\n\n  const invertedToggleAllRowsSelected = 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  }, [\n    getInstance,\n    isPaginated,\n    toggleAllPageRowsSelected,\n    toggleAllRowsSelected,\n  ]);\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: HvTAbleBulkActionsProps = {\n    numTotal:\n      applyToggleAllRowsSelectedToPrefilteredRows === true\n        ? initialRows.length\n        : 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: UseBulkActionsProps = (hooks) => {\n  hooks.getHvBulkActionsProps = [defaultgetHvBulkActionsProps];\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nuseBulkActions.pluginName = \"useHvBulkActions\";\n\nexport default useBulkActions;\n"],"names":["ensurePluginOrder","useGetLatest","makePropGetter","useCallback"],"mappings":";;;;AAiDA,MAAM,kBAAkB,CAAC,aAAa;AACpC,QAAM,EAAE,SAAS,MAAM,2BAA2B,0BAChD;AAEFA,aAAAA,kBAAkB,SAAS,CAAC,mBAAmB,GAAG,kBAAkB;AAE9D,QAAA,cAAcC,wBAAa,QAAQ;AAEzC,QAAM,wBAAwBC,WAAA;AAAA,IAC5B,SAAS,WAAW;AAAA,IACpB;AAAA,MACE,UAAU,YAAY;AAAA,IACxB;AAAA,EAAA;AAGI,QAAA,cAAc,CAAC,CAAC;AAEhB,QAAA,gCAAgCC,MAAAA,YAAY,MAAM;AACtD,QAAI,CAAC;AAAa,aAAO,sBAAsB;AAEzC,UAAA;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,YAAY;AAEhB,QAAI,4BAA4B,gCAAgC;AACvD,aAAA,0BAA0B,CAAC,+BAA+B;AAAA,IACnE;AAEI,QAAA,4BAA4B,CAAC,gCAAgC;AAC/D,UAAI,CAAC,iCAAiC;AACpC,eAAO,0BAA0B;AAAA,MACnC;AAEA,aAAO,sBAAsB,KAAK;AAAA,IACpC;AAEI,QAAA,CAAC,4BAA4B,CAAC,gCAAgC;AAChE,UAAI,kBAAkB;AACpB,eAAO,0BAA0B;AAAA,MACnC;AAEA,aAAO,sBAAsB,KAAK;AAAA,IACpC;AAEI,QAAA,CAAC,4BAA4B,gCAAgC;AAC/D,UAAI,kBAAkB;AACpB,eAAO,0BAA0B;AAAA,MACnC;AACA,UAAI,CAAC,mCAAmC;AACtC,eAAO,0BAA0B,KAAK;AAAA,MACxC;AACA,UAAI,CAAC,sBAAsB;AACzB,eAAO,0BAA0B,KAAK;AAAA,MACxC;AAEA,aAAO,sBAAsB,KAAK;AAAA,IACpC;AAEA,WAAO,0BAA0B;AAAA,EAAA,GAChC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEK,QAAA,UAAU,SAAS,6BAA6B;AAChD,QAAA,cAAc,SAAS,mCAAmC;AAEhE,SAAO,OAAO,UAAU;AAAA,IACtB;AAAA,IACA;AAAA,IACA,0BAA0B;AAAA,IAC1B,gCAAgC;AAAA,EAAA,CACjC;AACH;AAEO,MAAM,+BAA+B,CAAC,OAAO,EAAE,eAAe;AAC7D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,iBAAiB,CAAC,EAAA,IAAM,CAAC;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,EACE,IAAA;AAEE,QAAA,cAAc,CAAC,CAAC;AAEtB,QAAM,YAAqC;AAAA,IACzC,UACE,gDAAgD,OAC5C,YAAY,SACZ,KAAK;AAAA,IACX,aACE,gDAAgD,OAC5C,OAAO,KAAK,cAAc,EAAE,SAC5B,iBAAiB;AAAA,IACvB,oBAAoB,sBAAsB;AAAA,IAC1C,aAAa;AAAA,IACb,kBAAkB;AAAA,EAAA;AAGb,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,iBAAsC,CAAC,UAAU;AAC/C,QAAA,wBAAwB,CAAC,4BAA4B;AAErD,QAAA,YAAY,KAAK,eAAe;AACxC;AAEA,eAAe,aAAa;AAE5B,MAAA,mBAAe;;;"}

package/dist/cjs/components/Table/hooks/useFilters.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFilters.cjs","sources":["../../../../../src/components/Table/hooks/useFilters.ts"],"sourcesContent":["import { useFilters as useHvFilters, Hooks } from \"react-table\";\n\nexport type UseFiltersProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n(useHvFilters.pluginName as string) = \"useHvFilters\";\n\nexport default useHvFilters as UseFiltersProps;\n"],"names":["useHvFilters","pluginName"],"mappings":";;;AAQCA,WAAAA,WAAaC,aAAwB;;;;;"}
+{"version":3,"file":"useFilters.cjs","sources":["../../../../../src/components/Table/hooks/useFilters.ts"],"sourcesContent":["import { useFilters as useHvFilters, Hooks } from \"react-table\";\n\nexport type UseFiltersProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n(useHvFilters.pluginName as string) = \"useHvFilters\";\n\nexport default useHvFilters as UseFiltersProps;\n"],"names":["useHvFilters"],"mappings":";;;AAQCA,WAAA,WAAa,aAAwB;;;;;"}

package/dist/cjs/components/Table/hooks/useGlobalFilter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalFilter.cjs","sources":["../../../../../src/components/Table/hooks/useGlobalFilter.ts"],"sourcesContent":["import { useGlobalFilter as useHvGlobalFilter, Hooks } from \"react-table\";\n\nexport type UseGlobalFilterProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n(useHvGlobalFilter.pluginName as string) = \"useHvGlobalFilter\";\n\nexport default useHvGlobalFilter as UseGlobalFilterProps;\n"],"names":["useHvGlobalFilter","pluginName"],"mappings":";;;AAUCA,WAAAA,gBAAkBC,aAAwB;;;;;"}
+{"version":3,"file":"useGlobalFilter.cjs","sources":["../../../../../src/components/Table/hooks/useGlobalFilter.ts"],"sourcesContent":["import { useGlobalFilter as useHvGlobalFilter, Hooks } from \"react-table\";\n\nexport type UseGlobalFilterProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n(useHvGlobalFilter.pluginName as string) = \"useHvGlobalFilter\";\n\nexport default useHvGlobalFilter as UseGlobalFilterProps;\n"],"names":["useHvGlobalFilter"],"mappings":";;;AAUCA,WAAA,gBAAkB,aAAwB;;;;;"}

package/dist/cjs/components/Table/hooks/useHeaderGroups.cjs

@@ -2,21 +2,19 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const replaceHeaderPlaceholders = (headerGroups) => {
   const [headerGroup] = headerGroups;
-  const hasPlaceholderHeaders = headerGroup.headers.some((h) => h.placeholderOf != null);
+  const hasPlaceholderHeaders = headerGroup.headers.some(
+    (h) => h.placeholderOf != null
+  );
   if (!hasPlaceholderHeaders) {
     return;
   }
   const maxDepth = headerGroups.length - 1;
   const leafGroup = headerGroups[maxDepth];
   headerGroup.headers.forEach((header, position) => {
-    const {
-      placeholderOf
-    } = header;
+    const { placeholderOf } = header;
     const isPlaceholderHeader = placeholderOf != null;
     if (isPlaceholderHeader) {
-      const leafIndex = leafGroup.headers.slice(position).findIndex(({
-        id
-      }) => id === placeholderOf.id) + position;
+      const leafIndex = leafGroup.headers.slice(position).findIndex(({ id }) => id === placeholderOf.id) + position;
       header.variant = placeholderOf.variant;
       header.depth = maxDepth;
       leafGroup.headers[leafIndex] = header;
@@ -30,10 +28,7 @@ const getCellProps = (column, isHeaderCell = false) => ({
   groupColumnMostRight: column.isGroupRightColumn,
   rowSpan: isHeaderCell && column.rowSpan != null ? column.rowSpan : 1
 });
-const getHeaderPropsHook = (props, {
-  instance,
-  column
-}) => {
+const getHeaderPropsHook = (props, { instance, column }) => {
   const nextProps = instance.hasGroupedColumns ? getCellProps(column, true) : {};
   if (instance.hasGroupedColumns) {
     const isPlaceholder = column.placeholderOf != null;
@@ -51,20 +46,13 @@ const getHeaderPropsHook = (props, {
   }
   return [props, nextProps];
 };
-const getCellPropsHook = (props, {
-  instance,
-  cell
-}) => {
+const getCellPropsHook = (props, { instance, cell }) => {
   const nextProps = instance.hasGroupedColumns ? getCellProps(cell.column) : {};
   return [props, nextProps];
 };
-const visibleColumnsHook = (visibleColumns, {
-  instance
-}) => {
+const visibleColumnsHook = (visibleColumns, { instance }) => {
   const parentList = /* @__PURE__ */ new Set();
-  visibleColumns.forEach(({
-    parent
-  }) => {
+  visibleColumns.forEach(({ parent }) => {
     if (parent != null && !parentList.has(parent)) {
       parentList.add(parent);
     }
@@ -75,16 +63,12 @@ const visibleColumnsHook = (visibleColumns, {
       parent.align = "center";
       parent.isGroupLeftColumn = true;
       parent.isGroupRightColumn = true;
-      const {
-        columns
-      } = parent;
+      const { columns } = parent;
       columns[0].isGroupLeftColumn = true;
       columns[columns.length - 1].isGroupRightColumn = true;
     });
   }
-  Object.assign(instance, {
-    hasGroupedColumns
-  });
+  Object.assign(instance, { hasGroupedColumns });
   return visibleColumns;
 };
 const useInstanceHook = (instance) => {

package/dist/cjs/components/Table/hooks/useHeaderGroups.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderGroups.cjs","sources":["../../../../../src/components/Table/hooks/useHeaderGroups.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvHeaderGroupsInstance {\n  hasGroupedColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvHeaderGroupsColumnProps {\n  style?: CSSProperties;\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvHeaderGroupsCellProps {\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\nexport type UseHvHeaderGroupsProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\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(\n    (h) => h.placeholderOf != null\n  );\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\n          .slice(position)\n          .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>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps: UseHvHeaderGroupsColumnProps = instance.hasGroupedColumns\n    ? getCellProps(column, true)\n    : {};\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>\nconst getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps: UseHvHeaderGroupsCellProps = instance.hasGroupedColumns\n    ? getCellProps(cell.column)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst 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: any) => {\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\nconst useInstanceHook = (instance) => {\n  if (instance.hasGroupedColumns) {\n    replaceHeaderPlaceholders(instance.headerGroups);\n  }\n};\n\nconst useHeaderGroups: UseHvHeaderGroupsProps = (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"],"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":";;AAwCA,MAAMA,4BAA6BC,CAAiB,iBAAA;AAC5C,QAAA,CAACC,WAAW,IAAID;AAEtB,QAAME,wBAAwBD,YAAYE,QAAQC,KAC/CC,CAAMA,MAAAA,EAAEC,iBAAiB,IAC5B;AACA,MAAI,CAACJ,uBAAuB;AAC1B;AAAA,EACF;AAEMK,QAAAA,WAAWP,aAAaQ,SAAS;AACjCC,QAAAA,YAAYT,aAAaO,QAAQ;AAEvCN,cAAYE,QAAQO,QAAQ,CAACC,QAAQC,aAAa;AAC1C,UAAA;AAAA,MAAEN;AAAAA,IAAkBK,IAAAA;AAE1B,UAAME,sBAAsBP,iBAAiB;AAC7C,QAAIO,qBAAqB;AAEvB,YAAMC,YACJL,UAAUN,QACPY,MAAMH,QAAQ,EACdI,UAAU,CAAC;AAAA,QAAEC;AAAAA,MAASA,MAAAA,OAAOX,cAAcW,EAAE,IAAIL;AAGtDD,aAAOO,UAAUZ,cAAcY;AAC/BP,aAAOQ,QAAQZ;AACLJ,gBAAAA,QAAQW,SAAS,IAAIH;AAG/BL,oBAAcc,UAAUb,WAAW;AACvBJ,kBAAAA,QAAQS,QAAQ,IAAIN;AAAAA,IAClC;AAAA,EAAA,CACD;AACH;AAEA,MAAMe,eAAeA,CAACC,QAAQC,eAAe,WAAW;AAAA,EACtDC,qBAAqBF,OAAOG;AAAAA,EAC5BC,sBAAsBJ,OAAOK;AAAAA,EAC7BP,SAASG,gBAAgBD,OAAOF,WAAW,OAAOE,OAAOF,UAAU;AACrE;AAGA,MAAMQ,qBAAqBA,CAACC,OAAO;AAAA,EAAEC;AAAAA,EAAUR;AAAO,MAAM;AAC1D,QAAMS,YAA0CD,SAASE,oBACrDX,aAAaC,QAAQ,IAAI,IACzB;AAEJ,MAAIQ,SAASE,mBAAmB;AACxBC,UAAAA,gBAAgBX,OAAOhB,iBAAiB;AAE9CyB,cAAUG,QAAQ;AAAA,MAChBC,SAASF,gBAAgB,SAASJ,MAAMK,OAAOC;AAAAA,IAAAA;AAGjD,QAAIL,SAASM,kBAAkB;AAC7B,UAAIH,eAAe;AACjBF,kBAAUG,MAAMG,aAAa;AAAA,MAC/B;AAEIf,UAAAA,OAAOF,UAAU,GAAG;AAEtBW,kBAAUG,MAAMI,SAAU,4DACxBhB,OAAOF,UAAU,CAClB;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEO,SAAA,CAACS,OAAOE,SAAS;AAC1B;AAGA,MAAMQ,mBAAmBA,CAACV,OAAO;AAAA,EAAEC;AAAAA,EAAUU;AAAK,MAAM;AACtD,QAAMT,YAAwCD,SAASE,oBACnDX,aAAamB,KAAKlB,MAAM,IACxB;AAEG,SAAA,CAACO,OAAOE,SAAS;AAC1B;AAEA,MAAMU,qBAAqBA,CAACC,gBAAgB;AAAA,EAAEZ;AAAS,MAAM;AACrDa,QAAAA,iCAAiBC;AAEvBF,iBAAehC,QAAQ,CAAC;AAAA,IAAEmC;AAAAA,EAAAA,MAAa;AACrC,QAAIA,UAAU,QAAQ,CAACF,WAAWG,IAAID,MAAM,GAAG;AAC7CF,iBAAWI,IAAIF,MAAM;AAAA,IACvB;AAAA,EAAA,CACD;AAEKb,QAAAA,oBAAoBW,WAAWK,OAAO;AAC5C,MAAIhB,mBAAmB;AACVtB,eAAAA,QAAQ,CAACmC,WAAgB;AAClCA,aAAOI,QAAQ;AACfJ,aAAOpB,oBAAoB;AAC3BoB,aAAOlB,qBAAqB;AAEtB,YAAA;AAAA,QAAEuB;AAAAA,MAAYL,IAAAA;AACZ,cAAA,CAAC,EAAEpB,oBAAoB;AAC/ByB,cAAQA,QAAQ1C,SAAS,CAAC,EAAEmB,qBAAqB;AAAA,IAAA,CAClD;AAAA,EACH;AAEAwB,SAAOC,OAAOtB,UAAU;AAAA,IAAEE;AAAAA,EAAAA,CAAmB;AAEtCU,SAAAA;AACT;AAEA,MAAMW,kBAAmBvB,CAAa,aAAA;AACpC,MAAIA,SAASE,mBAAmB;AAC9BjC,8BAA0B+B,SAAS9B,YAAY;AAAA,EACjD;AACF;AAEA,MAAMsD,kBAA2CC,CAAU,UAAA;AACnDb,QAAAA,eAAec,KAAKf,kBAAkB;AACtCgB,QAAAA,YAAYD,KAAKH,eAAe;AAGhCK,QAAAA,eAAeF,KAAK5B,kBAAkB;AAEtCP,QAAAA,aAAamC,KAAKjB,gBAAgB;AAC1C;AAEAe,gBAAgBK,aAAa;AAE7B,MAAA,oBAAeL;;"}
+{"version":3,"file":"useHeaderGroups.cjs","sources":["../../../../../src/components/Table/hooks/useHeaderGroups.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvHeaderGroupsInstance {\n  hasGroupedColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvHeaderGroupsColumnProps {\n  style?: CSSProperties;\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvHeaderGroupsCellProps {\n  groupColumnMostLeft?: boolean;\n  groupColumnMostRight?: boolean;\n}\n\nexport type UseHvHeaderGroupsProps = (<\n  D extends object = Record<string, unknown>\n>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\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(\n    (h) => h.placeholderOf != null\n  );\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\n          .slice(position)\n          .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>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps: UseHvHeaderGroupsColumnProps = instance.hasGroupedColumns\n    ? getCellProps(column, true)\n    : {};\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>\nconst getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps: UseHvHeaderGroupsCellProps = instance.hasGroupedColumns\n    ? getCellProps(cell.column)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst 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: any) => {\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\nconst useInstanceHook = (instance) => {\n  if (instance.hasGroupedColumns) {\n    replaceHeaderPlaceholders(instance.headerGroups);\n  }\n};\n\nconst useHeaderGroups: UseHvHeaderGroupsProps = (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"],"names":[],"mappings":";;AAwCA,MAAM,4BAA4B,CAAC,iBAAiB;AAC5C,QAAA,CAAC,WAAW,IAAI;AAEhB,QAAA,wBAAwB,YAAY,QAAQ;AAAA,IAChD,CAAC,MAAM,EAAE,iBAAiB;AAAA,EAAA;AAE5B,MAAI,CAAC,uBAAuB;AAC1B;AAAA,EACF;AAEM,QAAA,WAAW,aAAa,SAAS;AACjC,QAAA,YAAY,aAAa,QAAQ;AAEvC,cAAY,QAAQ,QAAQ,CAAC,QAAQ,aAAa;AAC1C,UAAA,EAAE,cAAkB,IAAA;AAE1B,UAAM,sBAAsB,iBAAiB;AAC7C,QAAI,qBAAqB;AAEvB,YAAM,YACJ,UAAU,QACP,MAAM,QAAQ,EACd,UAAU,CAAC,EAAE,GAAG,MAAM,OAAO,cAAc,EAAE,IAAI;AAGtD,aAAO,UAAU,cAAc;AAC/B,aAAO,QAAQ;AACL,gBAAA,QAAQ,SAAS,IAAI;AAG/B,oBAAc,UAAU,WAAW;AACvB,kBAAA,QAAQ,QAAQ,IAAI;AAAA,IAClC;AAAA,EAAA,CACD;AACH;AAEA,MAAM,eAAe,CAAC,QAAQ,eAAe,WAAW;AAAA,EACtD,qBAAqB,OAAO;AAAA,EAC5B,sBAAsB,OAAO;AAAA,EAC7B,SAAS,gBAAgB,OAAO,WAAW,OAAO,OAAO,UAAU;AACrE;AAGA,MAAM,qBAAqB,CAAC,OAAO,EAAE,UAAU,aAAa;AAC1D,QAAM,YAA0C,SAAS,oBACrD,aAAa,QAAQ,IAAI,IACzB;AAEJ,MAAI,SAAS,mBAAmB;AACxB,UAAA,gBAAgB,OAAO,iBAAiB;AAE9C,cAAU,QAAQ;AAAA,MAChB,SAAS,gBAAgB,SAAS,MAAM,OAAO;AAAA,IAAA;AAGjD,QAAI,SAAS,kBAAkB;AAC7B,UAAI,eAAe;AACjB,kBAAU,MAAM,aAAa;AAAA,MAC/B;AAEI,UAAA,OAAO,UAAU,GAAG;AAEtB,kBAAU,MAAM,SAAS,4DACvB,OAAO,UAAU,CACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEO,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,mBAAmB,CAAC,OAAO,EAAE,UAAU,WAAW;AACtD,QAAM,YAAwC,SAAS,oBACnD,aAAa,KAAK,MAAM,IACxB;AAEG,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,qBAAqB,CAAC,gBAAgB,EAAE,eAAe;AACrD,QAAA,iCAAiB;AAEvB,iBAAe,QAAQ,CAAC,EAAE,aAAa;AACrC,QAAI,UAAU,QAAQ,CAAC,WAAW,IAAI,MAAM,GAAG;AAC7C,iBAAW,IAAI,MAAM;AAAA,IACvB;AAAA,EAAA,CACD;AAEK,QAAA,oBAAoB,WAAW,OAAO;AAC5C,MAAI,mBAAmB;AACV,eAAA,QAAQ,CAAC,WAAgB;AAClC,aAAO,QAAQ;AACf,aAAO,oBAAoB;AAC3B,aAAO,qBAAqB;AAEtB,YAAA,EAAE,QAAY,IAAA;AACZ,cAAA,CAAC,EAAE,oBAAoB;AAC/B,cAAQ,QAAQ,SAAS,CAAC,EAAE,qBAAqB;AAAA,IAAA,CAClD;AAAA,EACH;AAEA,SAAO,OAAO,UAAU,EAAE,kBAAmB,CAAA;AAEtC,SAAA;AACT;AAEA,MAAM,kBAAkB,CAAC,aAAa;AACpC,MAAI,SAAS,mBAAmB;AAC9B,8BAA0B,SAAS,YAAY;AAAA,EACjD;AACF;AAEA,MAAM,kBAA0C,CAAC,UAAU;AACnD,QAAA,eAAe,KAAK,kBAAkB;AACtC,QAAA,YAAY,KAAK,eAAe;AAGhC,QAAA,eAAe,KAAK,kBAAkB;AAEtC,QAAA,aAAa,KAAK,gBAAgB;AAC1C;AAEA,gBAAgB,aAAa;AAE7B,MAAA,oBAAe;;"}

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

@@ -2,28 +2,37 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const reactTable = require("react-table");
 const useInstanceHook = (instance) => {
-  reactTable.ensurePluginOrder(instance.plugins, ["usePagination", "useHvGlobalFilter", "useHvFilters", "useGroupBy", "useHvSortBy", "useHvRowExpand"], "useHvPagination");
+  reactTable.ensurePluginOrder(
+    instance.plugins,
+    [
+      "usePagination",
+      "useHvGlobalFilter",
+      "useHvFilters",
+      "useGroupBy",
+      "useHvSortBy",
+      "useHvRowExpand"
+    ],
+    "useHvPagination"
+  );
   const getInstance = reactTable.useGetLatest(instance);
-  const getHvPaginationProps = reactTable.makePropGetter(instance.getHooks().getHvPaginationProps, {
-    instance: getInstance()
-  });
+  const getHvPaginationProps = reactTable.makePropGetter(
+    instance.getHooks().getHvPaginationProps,
+    {
+      instance: getInstance()
+    }
+  );
   Object.assign(instance, {
     getHvPaginationProps
   });
 };
-const defaultGetHvPaginationProps = (props, {
-  instance
-}) => {
+const defaultGetHvPaginationProps = (props, { instance }) => {
   const {
     canPreviousPage,
     canNextPage,
     pageOptions,
     gotoPage,
     setPageSize,
-    state: {
-      pageSize,
-      pageIndex
-    },
+    state: { pageSize, pageIndex },
     labels
   } = instance;
   const nextProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.cjs","sources":["../../../../../src/components/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":["useInstanceHook","instance","plugins","getInstance","useGetLatest","getHvPaginationProps","makePropGetter","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":";;;AA2CA,MAAMA,kBAAmBC,CAAa,aAAA;AAElCA,aAAAA,kBAAAA,SAASC,SACT,CACE,iBACA,qBACA,gBACA,cACA,eACA,gBAAgB,GAElB,iBACF;AAEMC,QAAAA,cAAcC,wBAAaH,QAAQ;AACzC,QAAMI,uBAAuBC,WAAAA,eAC3BL,SAASM,SAAAA,EAAWF,sBACpB;AAAA,IACEJ,UAAUE,YAAY;AAAA,EAAA,CAE1B;AAEAK,SAAOC,OAAOR,UAAU;AAAA,IACtBI;AAAAA,EAAAA,CACD;AACH;AAEaK,MAAAA,8BAA8BA,CAACC,OAAO;AAAA,EAAEV;AAAS,MAAM;AAC5D,QAAA;AAAA,IACJW;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,MAAEC;AAAAA,MAAUC;AAAAA,IAAU;AAAA,IAC7BC;AAAAA,EACEnB,IAAAA;AAEJ,QAAMoB,YAAoC;AAAA,IACxCC,aAAaV;AAAAA,IACbW,SAASV;AAAAA,IACTW,OAAOV,YAAYW;AAAAA,IACnBC,MAAMP;AAAAA,IACND;AAAAA,IACAS,cAAcZ;AAAAA,IACda,kBAAkBZ;AAAAA,IAClBI;AAAAA,EAAAA;AAGK,SAAA,CAACT,OAAOU,SAAS;AAC1B;AAEA,MAAMQ,gBAAqCC,CAAU,UAAA;AAC7CzB,QAAAA,uBAAuB,CAACK,2BAA2B;AAEnDqB,QAAAA,YAAYC,KAAKhC,eAAe;AACxC;AAEA6B,cAAcI,aAAa;AAE3B,MAAA,kBAAeJ;;;"}
+{"version":3,"file":"usePagination.cjs","sources":["../../../../../src/components/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/components/Table/hooks/useResizeColumns.cjs

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const reactTable = require("react-table");
-const getHeaderPropsHook = (props, {
-  column
-}) => {
+const getHeaderPropsHook = (props, { column }) => {
   const resizerProps = column.getResizerProps?.() || {};
   const nextProps = {
     resizable: column.canResize,
@@ -12,9 +10,7 @@ const getHeaderPropsHook = (props, {
   };
   return [props, nextProps];
 };
-const getCellPropsHook = (props, {
-  cell
-}) => {
+const getCellPropsHook = (props, { cell }) => {
   const nextProps = {
     resizable: cell.column.canResize,
     resizing: cell.column.isResizing
@@ -22,7 +18,11 @@ const getCellPropsHook = (props, {
   return [props, nextProps];
 };
 const useInstanceHook = (instance) => {
-  reactTable.ensurePluginOrder(instance.plugins, ["useResizeColumns"], "useHvResizeColumns");
+  reactTable.ensurePluginOrder(
+    instance.plugins,
+    ["useResizeColumns"],
+    "useHvResizeColumns"
+  );
 };
 const useResizeColumns = (hooks) => {
   hooks.getHeaderProps.push(getHeaderPropsHook);

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeColumns.cjs","sources":["../../../../../src/components/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":["getHeaderPropsHook","props","column","resizerProps","getResizerProps","nextProps","resizable","canResize","resizing","isResizing","getCellPropsHook","cell","useInstanceHook","instance","ensurePluginOrder","plugins","useResizeColumns","hooks","getHeaderProps","push","getCellProps","useInstance","pluginName"],"mappings":";;;AAyBA,MAAMA,qBAAqBA,CAACC,OAAO;AAAA,EAAEC;AAAO,MAAM;AAChD,QAAMC,eAAuCD,OAAOE,kBAAkB,KAAK,CAAA;AAE3E,QAAMC,YAAY;AAAA,IAChBC,WAAWJ,OAAOK;AAAAA,IAClBC,UAAUN,OAAOO;AAAAA,IACjBN;AAAAA,EAAAA;AAGK,SAAA,CAACF,OAAOI,SAAS;AAC1B;AAGA,MAAMK,mBAAmBA,CAACT,OAAO;AAAA,EAAEU;AAAK,MAAM;AAC5C,QAAMN,YAAuC;AAAA,IAC3CC,WAAWK,KAAKT,OAAOK;AAAAA,IACvBC,UAAUG,KAAKT,OAAOO;AAAAA,EAAAA;AAGjB,SAAA,CAACR,OAAOI,SAAS;AAC1B;AAEA,MAAMO,kBAAmBC,CAAa,aAAA;AACpCC,aAAAA,kBACED,SAASE,SACT,CAAC,kBAAkB,GACnB,oBACF;AACF;AAEA,MAAMC,mBAA6CC,CAAU,UAAA;AAErDC,QAAAA,eAAeC,KAAKnB,kBAAkB;AAEtCoB,QAAAA,aAAaD,KAAKT,gBAAgB;AAElCW,QAAAA,YAAYF,KAAKP,eAAe;AACxC;AAEAI,iBAAiBM,aAAa;AAE9B,MAAA,qBAAeN;;"}
+{"version":3,"file":"useResizeColumns.cjs","sources":["../../../../../src/components/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/components/Table/hooks/useRowExpand.cjs

@@ -9,27 +9,30 @@ const DEFAULT_LABELS = {
   expandRowButtonAriaLabel: "Expand this row",
   collapseRowButtonAriaLabel: "Collapse this row"
 };
-const CellWithExpandButton = ({
-  row,
-  cell,
-  labels: labelsProp
-}) => {
+const CellWithExpandButton = ({ row, cell, labels: labelsProp }) => {
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-  const {
-    onClick
-  } = row.getToggleRowExpandedProps();
+  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, {}) }),
+    /* @__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
-}) => {
+const visibleColumnsHook = (columns, { instance }) => {
   if (instance.disableCreateExpandButton) {
     return columns;
   }
-  const firstDataColumnIndex = columns.findIndex((c) => c.id?.indexOf("_hv_") !== 0);
+  const firstDataColumnIndex = columns.findIndex(
+    (c) => c.id?.indexOf("_hv_") !== 0
+  );
   if (firstDataColumnIndex !== -1) {
     const firstDataColumn = columns[firstDataColumnIndex];
     if (firstDataColumn.Cell == null) {
@@ -48,12 +51,14 @@ const visibleColumnsHook = (columns, {
     Cell: CellWithExpandButton
   };
   const columnsCopy = [...columns];
-  columnsCopy.splice(firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0, 0, expandColumn);
+  columnsCopy.splice(
+    firstDataColumnIndex !== -1 ? firstDataColumnIndex : 0,
+    0,
+    expandColumn
+  );
   return columnsCopy;
 };
-const getRowPropsHook = (props, {
-  row
-}) => {
+const getRowPropsHook = (props, { row }) => {
   const nextProps = {
     expanded: row.isExpanded
   };

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

@@ -1 +1 @@
-{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/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 \"@core/components/Typography\";\nimport { HvButton } from \"@core/components/Button\";\n\nimport { useLabels } from \"@core/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":["DEFAULT_LABELS","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","CellWithExpandButton","row","cell","labels","labelsProp","useLabels","onClick","getToggleRowExpandedProps","jsxs","Fragment","jsx","HvButton","isExpanded","DropDownXS","DropUpXS","value","HvTypography","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":";;;;;;;AA0CA,MAAMA,iBAAiB;AAAA,EACrBC,0BAA0B;AAAA,EAC1BC,4BAA4B;AAC9B;AAEO,MAAMC,uBAAuBA,CAAC;AAAA,EAAEC;AAAAA,EAAKC;AAAAA,EAAMC,QAAQC;AAAW,MAAM;AACnED,QAAAA,SAASE,UAAAA,UAAUR,gBAAgBO,UAAU;AAE7C,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYL,IAAIM;AAExB,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACC,2BAAAA,IAAAC,OAAA,UAAA,EACC,MAAI,MACJ,cACEV,IAAIW,aACAT,OAAOJ,6BACPI,OAAOL,0BAEb,iBAAeG,IAAIW,YACnB,SAECX,UAAIW,IAAAA,4CAAcC,4BAAa,CAAA,CAAA,IAAIH,2BAAA,IAAAI,0BAAA,CAAA,CAAW,EACjD,CAAA;AAAA,IACCZ,MAAMa,SACJL,+BAAAM,WAAAA,cAAA,EAAa,SAAQ,SAAQ,WAAU,QACrCd,UAAAA,KAAKa,MACR,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAME,qBAAqBA,CAACC,SAAS;AAAA,EAAEC;AAAS,MAAM;AACpD,MAAIA,SAASC,2BAA2B;AAC/BF,WAAAA;AAAAA,EACT;AAIMG,QAAAA,uBAAuBH,QAAQI,UAClCC,CAAAA,MAAMA,EAAEC,IAAIC,QAAQ,MAAM,MAAM,CACnC;AAEA,MAAIJ,yBAAyB,IAAI;AACzBK,UAAAA,kBAAkBR,QAAQG,oBAAoB;AAEhDK,QAAAA,gBAAgBC,QAAQ,MAAM;AAChCD,sBAAgBC,OAAO3B;AACvB0B,sBAAgBE,UAAU;AAEnBV,aAAAA;AAAAA,IACT;AAAA,EACF;AAEA,QAAMW,eAAe;AAAA,IACnBL,IAAI;AAAA,IACJI,SAAS;AAAA,IAETE,OAAO;AAAA;AAAA;AAAA,IAIPC,QAAQ;AAAA,IAERJ,MAAM3B;AAAAA,EAAAA;AAGFgC,QAAAA,cAAc,CAAC,GAAGd,OAAO;AAC/Bc,cAAYC,OACVZ,yBAAyB,KAAKA,uBAAuB,GACrD,GACAQ,YACF;AAEOG,SAAAA;AACT;AAEA,MAAME,kBAAkBA,CAACC,OAAO;AAAA,EAAElC;AAAI,MAAM;AAC1C,QAAMmC,YAAyC;AAAA,IAC7CC,UAAUpC,IAAIW;AAAAA,EAAAA;AAGT,SAAA,CAACuB,OAAOC,SAAS;AAC1B;AAEA,MAAME,eAAmCC,CAAU,UAAA;AAC3CC,QAAAA,eAAeC,KAAKxB,kBAAkB;AACtCyB,QAAAA,YAAYD,KAAKP,eAAe;AACxC;AACAI,aAAaK,aAAa;AAE1B,MAAA,iBAAeL;;;"}
+{"version":3,"file":"useRowExpand.cjs","sources":["../../../../../src/components/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 \"@core/components/Typography\";\nimport { HvButton } from \"@core/components/Button\";\n\nimport { useLabels } from \"@core/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;;;"}