@hitachivantara/uikit-react-core 5.66.11 → 5.66.13

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

@@ -1 +1 @@
-{"version":3,"file":"useHeaderGroups.js","sources":["../../../../src/Table/hooks/useHeaderGroups.ts"],"sourcesContent":["import { 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?: React.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.display = \"inline-flex\";\n        nextProps.style.visibility = \"hidden\";\n      }\n\n      if (column.parent || isPlaceholder) {\n        nextProps.style.marginTop = `calc(var(--cell-height) * -1)`;\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":"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"}
+{"version":3,"file":"useHeaderGroups.js","sources":["../../../../src/Table/hooks/useHeaderGroups.ts"],"sourcesContent":["import { 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?: React.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: any) => {\n  const [headerGroup] = headerGroups;\n\n  const hasPlaceholderHeaders = headerGroup.headers.some(\n    (h: any) => 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: any, position: any) => {\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 }: any) => 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: any, 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: any, { instance, column }: any) => {\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.display = \"inline-flex\";\n        nextProps.style.visibility = \"hidden\";\n      }\n\n      if (column.parent || isPlaceholder) {\n        nextProps.style.marginTop = `calc(var(--cell-height) * -1)`;\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: any, { instance, cell }: any) => {\n  const nextProps: UseHvHeaderGroupsCellProps = instance.hasGroupedColumns\n    ? getCellProps(cell.column)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst visibleColumnsHook = (visibleColumns: any, { instance }: any) => {\n  const parentList = new Set();\n\n  visibleColumns.forEach(({ parent }: { parent: any }) => {\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: any) => {\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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../src/Table/hooks/usePagination.ts"],"sourcesContent":["import {\n  ensurePluginOrder,\n  Hooks,\n  makePropGetter,\n  PropGetter,\n  TableCommonProps,\n  useGetLatest,\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":[],"mappings":";AA2CA,MAAM,kBAAkB,CAAC,aAAa;AACpC;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,cAAc,aAAa,QAAQ;AACzC,QAAM,uBAAuB;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;"}
+{"version":3,"file":"usePagination.js","sources":["../../../../src/Table/hooks/usePagination.ts"],"sourcesContent":["import {\n  ensurePluginOrder,\n  Hooks,\n  makePropGetter,\n  PropGetter,\n  TableCommonProps,\n  useGetLatest,\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: any) => {\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: any, { instance }: any) => {\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":[],"mappings":";AA2CA,MAAM,kBAAkB,CAAC,aAAkB;AACzC;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,cAAc,aAAa,QAAQ;AACzC,QAAM,uBAAuB;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,OAAY,EAAE,eAAoB;AACtE,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/esm/Table/hooks/useResizeColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeColumns.js","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  resizerProps?: React.HTMLAttributes<HTMLDivElement>;\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: NonNullable<UseHvResizeColumnProps[\"resizerProps\"]> =\n    column.getResizerProps?.() || {};\n\n  resizerProps.onClick = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\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":[],"mappings":";AA0BA,MAAM,qBAAqB,CAAC,OAAO,EAAE,aAAa;AAChD,QAAM,eACJ,OAAO,kBAAkB,KAAK,CAAA;AAEnB,eAAA,UAAU,CAAC,MAAM;AAC5B,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EAAA;AAGpB,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;AACpC;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;"}
+{"version":3,"file":"useResizeColumns.js","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  resizerProps?: React.HTMLAttributes<HTMLDivElement>;\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: any, { column }: any) => {\n  const resizerProps: NonNullable<UseHvResizeColumnProps[\"resizerProps\"]> =\n    column.getResizerProps?.() || {};\n\n  resizerProps.onClick = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\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: any, { cell }: any) => {\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: any) => {\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":[],"mappings":";AA0BA,MAAM,qBAAqB,CAAC,OAAY,EAAE,aAAkB;AAC1D,QAAM,eACJ,OAAO,kBAAkB,KAAK,CAAA;AAEnB,eAAA,UAAU,CAAC,MAAM;AAC5B,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EAAA;AAGpB,QAAM,YAAY;AAAA,IAChB,WAAW,OAAO;AAAA,IAClB,UAAU,OAAO;AAAA,IACjB;AAAA,EAAA;AAGK,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,mBAAmB,CAAC,OAAY,EAAE,WAAgB;AACtD,QAAM,YAAuC;AAAA,IAC3C,WAAW,KAAK,OAAO;AAAA,IACvB,UAAU,KAAK,OAAO;AAAA,EAAA;AAGjB,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,kBAAkB,CAAC,aAAkB;AACzC;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/esm/Table/hooks/useRowExpand.js

@@ -7,7 +7,11 @@ 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(DEFAULT_LABELS, labelsProp);
   const { onClick } = row.getToggleRowExpandedProps();
   return /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"useRowExpand.js","sources":["../../../../src/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../../Button\";\nimport { useLabels } from \"../../hooks/useLabels\";\nimport { HvTypography } from \"../../Typography\";\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?: React.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":[],"mappings":";;;;;AAuCA,MAAM,iBAAiB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,4BAA4B;AAC9B;AAEO,MAAM,uBAAuB,CAAC,EAAE,KAAK,MAAM,QAAQ,iBAAiB;AACnE,QAAA,SAAS,UAAU,gBAAgB,UAAU;AAEnD,QAAM,EAAE,QAAA,IAAY,IAAI,0BAA0B;AAElD,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,cACE,IAAI,aACA,OAAO,6BACP,OAAO;AAAA,QAEb,iBAAe,IAAI;AAAA,QACnB;AAAA,QAEC,cAAI,aAAa,oBAAC,YAAW,CAAA,CAAA,wBAAM,UAAS,EAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,IACC,MAAM,SACJ,oBAAA,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;"}
+{"version":3,"file":"useRowExpand.js","sources":["../../../../src/Table/hooks/useRowExpand.tsx"],"sourcesContent":["import {\n  Hooks,\n  TableExpandedToggleProps,\n  UseExpandedRowProps,\n} from \"react-table\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../../Button\";\nimport { useLabels } from \"../../hooks/useLabels\";\nimport { HvTypography } from \"../../Typography\";\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?: React.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 = ({\n  row,\n  cell,\n  labels: labelsProp,\n}: any) => {\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: any, { instance }: any) => {\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: any) => 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: any, { row }: any) => {\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":[],"mappings":";;;;;AAuCA,MAAM,iBAAiB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,4BAA4B;AAC9B;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAW;AACH,QAAA,SAAS,UAAU,gBAAgB,UAAU;AAEnD,QAAM,EAAE,QAAA,IAAY,IAAI,0BAA0B;AAElD,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,cACE,IAAI,aACA,OAAO,6BACP,OAAO;AAAA,QAEb,iBAAe,IAAI;AAAA,QACnB;AAAA,QAEC,cAAI,aAAa,oBAAC,YAAW,CAAA,CAAA,wBAAM,UAAS,EAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,IACC,MAAM,SACJ,oBAAA,cAAA,EAAa,SAAQ,SAAQ,WAAU,QACrC,UAAA,KAAK,MACR,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC,SAAc,EAAE,eAAoB;AAC9D,MAAI,SAAS,2BAA2B;AAC/B,WAAA;AAAA,EACT;AAIA,QAAM,uBAAuB,QAAQ;AAAA,IACnC,CAAC,MAAW,EAAE,IAAI,QAAQ,MAAM,MAAM;AAAA,EAAA;AAGxC,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,OAAY,EAAE,UAAe;AACpD,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/esm/Table/hooks/useRowSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowSelection.js","sources":["../../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  actions,\n  ensurePluginOrder,\n  Hooks,\n  IdType,\n  makePropGetter,\n  PropGetter,\n  Row,\n  useGetLatest,\n  useMountedLayoutEffect,\n} from \"react-table\";\n\nimport { HvCheckBox } from \"../../CheckBox\";\nimport { useLabels } from \"../../hooks/useLabels\";\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: React.ChangeEvent, checked?: boolean) => void;\n  checked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}\n\nexport interface UseHvRowSelectionBulkCheckboxProps {\n  onChange?: (e: React.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?.[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?.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?.length && 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?.length &&\n            page\n              .filter(({ id }) => !lockedSelectionRowIds[id])\n              .some(({ id }) => !selectedRowIds[id])\n          );\n\n        isAllSelectablePageRowsUnselected =\n          !existsLockedRows ||\n          !(\n            page?.length &&\n            page\n              .filter(({ id }) => !lockedSelectionRowIds[id])\n              .some(({ id }) => selectedRowIds[id])\n          );\n\n        isNoPageRowsSelected = !(\n          page?.length && 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":[],"mappings":"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"}
+{"version":3,"file":"useRowSelection.js","sources":["../../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  actions,\n  ensurePluginOrder,\n  Hooks,\n  IdType,\n  makePropGetter,\n  PropGetter,\n  Row,\n  useGetLatest,\n  useMountedLayoutEffect,\n} from \"react-table\";\n\nimport { HvCheckBox } from \"../../CheckBox\";\nimport { useLabels } from \"../../hooks/useLabels\";\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: React.ChangeEvent, checked?: boolean) => void;\n  checked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n}\n\nexport interface UseHvRowSelectionBulkCheckboxProps {\n  onChange?: (e: React.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 }: any) => {\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: any) => {\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: any, { column }: any) => {\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: any, { row }: any) => {\n  const nextProps: UseHvRowSelectionTableRowProps = {\n    selected: row.isSelected,\n  };\n\n  return [props, nextProps];\n};\n\nexport const defaultGetToggleRowSelectedProps = (props: any, meta: any) => {\n  const { instance, row } = meta;\n  const { manualRowSelectedKey = \"isSelected\" } = instance;\n  let checked = false;\n\n  if (row.original?.[manualRowSelectedKey]) {\n    checked = true;\n  } else {\n    checked = row.isSelected;\n  }\n\n  return [\n    props,\n    {\n      onChange: (e: any, check: any) => {\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 = (\n  props: any,\n  { instance }: any,\n) => [\n  props,\n  {\n    onChange: (e: any) => {\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: any,\n  { instance }: any,\n) => [\n  props,\n  {\n    onChange(e: any) {\n      instance.toggleAllPageRowsSelected(e.target.checked);\n    },\n    checked: instance.isAllPageRowsSelected,\n    indeterminate: Boolean(\n      !instance.isAllPageRowsSelected &&\n        instance.page.some(({ id }: any) => instance.state.selectedRowIds[id]),\n    ),\n  },\n];\n\nexport function reducer(\n  state: any,\n  action: any,\n  previousState: any,\n  instance: any,\n) {\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: any) => {\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: any) => {\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: any) => {\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: any) => {\n          handleRowById(subrow.id);\n        });\n      }\n    };\n\n    page.forEach((row: any) => 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: any) => {\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: any) => {\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: any, selectedRowIds: any, getSubRows: any) {\n  if (selectedRowIds[row.id]) {\n    return true;\n  }\n\n  const subRows = getSubRows(row);\n\n  if (subRows?.length) {\n    let allChildrenSelected = true;\n    let someSelected = false;\n\n    subRows.forEach((subRow: any) => {\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: any) {\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: any) => {\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?.length && page.some(({ id }: any) => !selectedRowIds[id])\n      );\n\n      if (isAllPageRowsSelected) {\n        isAllSelectablePageRowsSelected = true;\n\n        isAllSelectablePageRowsUnselected =\n          existsLockedRows &&\n          page &&\n          page.length &&\n          page.filter(({ id }: any) => !lockedSelectionRowIds[id]).length === 0;\n\n        isNoPageRowsSelected = false;\n      } else {\n        isAllSelectablePageRowsSelected =\n          existsLockedRows &&\n          !(\n            page?.length &&\n            page\n              .filter(({ id }: any) => !lockedSelectionRowIds[id])\n              .some(({ id }: any) => !selectedRowIds[id])\n          );\n\n        isAllSelectablePageRowsUnselected =\n          !existsLockedRows ||\n          !(\n            page?.length &&\n            page\n              .filter(({ id }: any) => !lockedSelectionRowIds[id])\n              .some(({ id }: any) => selectedRowIds[id])\n          );\n\n        isNoPageRowsSelected = !(\n          page?.length && page.some(({ id }: any) => 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: any) => dispatch({ type: actions.toggleAllRowsSelected, value }),\n    [dispatch],\n  );\n\n  const toggleAllPageRowsSelected = useCallback(\n    (value: any) =>\n      dispatch({ type: actions.toggleAllPageRowsSelected, value }),\n    [dispatch],\n  );\n\n  const toggleRowSelected = useCallback(\n    (id: any, value: any) =>\n      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: any, value: any) =>\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: any, { instance }: any) {\n  row.toggleRowSelected = (set: any) => 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: any) =>\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":[],"mappings":"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"}

package/dist/esm/Table/hooks/useSortBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortBy.js","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":[],"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;AACpC,oBAAkB,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;"}
+{"version":3,"file":"useSortBy.js","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: any, { instance, column }: any) => {\n  const { isMultiSortEvent = (e: any) => 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: any, { cell }: any) => {\n  const nextProps: UseHvSortByTableCellProps = {\n    sorted: cell.column.isSorted,\n  };\n\n  return [props, nextProps];\n};\n\nconst useInstanceHook = (instance: any) => {\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":[],"mappings":";AAwBA,MAAM,qBAAqB,CAAC,OAAY,EAAE,UAAU,aAAkB;AACpE,QAAM,EAAE,mBAAmB,CAAC,MAAW,EAAE,SAAa,IAAA;AAEhD,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,OAAY,EAAE,WAAgB;AACtD,QAAM,YAAuC;AAAA,IAC3C,QAAQ,KAAK,OAAO;AAAA,EAAA;AAGf,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,kBAAkB,CAAC,aAAkB;AACzC,oBAAkB,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;"}

package/dist/esm/Table/hooks/useSticky.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSticky.js","sources":["../../../../src/Table/hooks/useSticky.ts"],"sourcesContent":["import {\n  Hooks,\n  makePropGetter,\n  PropGetter,\n  TableCommonProps,\n  useGetLatest,\n} from \"react-table\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvTableStickyTableHeadProps extends TableCommonProps {\n  stickyHeader?: boolean;\n}\n\nexport type HvTableHeadPropGetter<D extends object> = PropGetter<\n  D,\n  UseHvTableStickyTableHeadProps\n>;\n\nexport type UseHvTableStickyTableOptions = {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n};\n\nexport interface UseHvTableStickyHooks<D extends object> {\n  getTableHeadProps: Array<HvTableHeadPropGetter<D>>;\n}\n\nexport interface UseHvTableStickyTableInstance<D extends object> {\n  getTableHeadProps: (\n    propGetter?: HvTableHeadPropGetter<D>,\n  ) => UseHvTableStickyTableHeadProps;\n\n  totalRight?: number;\n  hasStickyColumns?: boolean;\n}\n\n// props target: <table>\nexport interface UseHvTableStickyTableProps {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvTableStickyColumnProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvTableStickyCellProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\nexport type UseHvTableSticky = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>,\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst isSticky = (value) => /left|right/i.test(value);\n\nconst getStickyValue = ({ sticky, parent }) => {\n  if (isSticky(sticky)) {\n    return sticky;\n  }\n\n  if (parent != null) {\n    // check if parent is sticky\n    sticky = getStickyValue(parent);\n    if (isSticky(sticky)) {\n      return sticky;\n    }\n\n    const { columns } = parent;\n    // check if any column in the same group is sticky\n    if (columns?.length > 0) {\n      sticky = columns?.find((col) => col.sticky != null)?.sticky;\n      if (isSticky(sticky)) {\n        return sticky;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nconst updateColumnAndParent = (column, props) => {\n  Object.assign(column, props);\n\n  if (column.parent != null) {\n    updateColumnAndParent(column.parent, props);\n  }\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  const toTheLeft: any[] = [];\n  const toTheRight: any[] = [];\n  const others: any[] = [];\n\n  columns.forEach((column) => {\n    const sticky = getStickyValue(column)?.toLowerCase();\n\n    updateColumnAndParent(column, { sticky });\n\n    if (sticky === \"left\") {\n      toTheLeft.push(column);\n    } else if (sticky === \"right\") {\n      toTheRight.push(column);\n    } else {\n      others.push(column);\n    }\n  });\n\n  if (others.length > 0) {\n    const [firstNotSticky] = others;\n    updateColumnAndParent(firstNotSticky, { isFirstNotSticky: true });\n\n    const lastNotSticky = others[others.length - 1];\n    updateColumnAndParent(lastNotSticky, { isLastNotSticky: true });\n  }\n\n  const hasLeftSticky = toTheLeft.length > 0;\n  if (hasLeftSticky) {\n    const lastLeftSticky = toTheLeft[toTheLeft.length - 1];\n\n    updateColumnAndParent(lastLeftSticky, { isLastLeftSticky: true });\n  }\n\n  const hasRightSticky = toTheRight.length > 0;\n  if (hasRightSticky) {\n    const [firstRightSticky] = toTheRight;\n\n    updateColumnAndParent(firstRightSticky, { isFirstRightSticky: true });\n  }\n\n  instance.hasStickyColumns = hasLeftSticky || hasRightSticky;\n\n  return [...toTheLeft, ...others, ...toTheRight];\n};\n\nconst calculateHeaderWidthsToTheRight = (headers, right = 0) => {\n  if (!headers?.length) {\n    return;\n  }\n\n  for (let i = headers.length - 1; i !== -1; i -= 1) {\n    const header = headers[i];\n\n    header.totalRight = right;\n\n    const { headers: subHeaders } = header;\n    if (subHeaders?.length > 0) {\n      calculateHeaderWidthsToTheRight(subHeaders, right);\n    }\n\n    if (header.isVisible) {\n      right += header.totalWidth;\n    }\n  }\n};\n\nconst useInstanceHook = (instance) => {\n  calculateHeaderWidthsToTheRight(instance.headers);\n\n  const getInstance = useGetLatest(instance);\n  instance.getTableHeadProps = makePropGetter(\n    instance.getHooks().getTableHeadProps,\n    {\n      instance: getInstance(),\n    },\n  );\n};\n\nconst getRowProps = () => ({\n  style: {\n    display: \"flex\",\n    flex: \"1 0 auto\",\n  },\n});\n\nconst getCellProps = (header, isHeaderCell: boolean) => {\n  const props: UseHvTableStickyCellProps & { style: React.CSSProperties } = {\n    style: {\n      display: \"inline-flex\",\n      flex: `${header.totalWidth} ${header.totalMinWidth} auto`,\n      alignItems: isHeaderCell ? \"start\" : \"center\",\n      justifyContent: header.align,\n\n      width: `${header.totalWidth}px`,\n      minWidth: `${header.totalMinWidth}px`,\n      ...(isHeaderCell && { backgroundColor: theme.colors.atmo2 }),\n    },\n  };\n\n  if (header.sticky != null) {\n    props.stickyColumn = true;\n\n    const margin =\n      header.sticky === \"left\" ? header.totalLeft : header.totalRight;\n\n    props.style[header.sticky] = `${margin}px`;\n\n    if (header.isLastLeftSticky) {\n      props.stickyColumnMostLeft = true;\n    }\n\n    if (header.isFirstRightSticky) {\n      props.stickyColumnLeastRight = true;\n    }\n  } else {\n    if (header.isFirstNotSticky) {\n      props.style.borderLeft = 0;\n    }\n\n    if (header.isLastNotSticky) {\n      props.style.borderRight = 0;\n    }\n  }\n\n  return props;\n};\n\n/*\n * STICKY POSITION MANAGEMENT\n *   <thead>: sticky if stickyHeader: true\n *   <tr>: never sticky\n *   <th>: sticky only if that particular column is sticky (left or right)\n */\n\n/*\n * We need to hide the last non sticky column right border, to avoid issues with double borders.\n *\n * This could be done with css, using the `:has()` selector:\n *  - \".not-sticky:has(+ .first-right-sticky)\": { border-right: 0 }\n *\n * Until the `:has()` selector is supported by modern browsers,\n * that at the moment is just a proposal https://developer.mozilla.org/en-US/docs/Web/CSS/:has,\n * we need to override the last not sticky column \"borderRight\" here.\n */\n\n// props target: <table>\nconst getTablePropsHook = (props, { instance }) => {\n  const nextProps: UseHvTableStickyTableProps = {\n    stickyHeader: instance.stickyHeader,\n    stickyColumns: instance.hasStickyColumns,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead>\nexport const getTableHeadPropsHook = (props, { instance }) => {\n  const nextProps = {\n    stickyHeader: instance.stickyHeader,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr>\nexport const getHeaderGroupPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps: UseHvTableStickyCellProps = instance.hasStickyColumns\n    ? getCellProps(cell.column, false)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst useSticky: UseHvTableSticky = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead>\n  hooks.getTableHeadProps = [getTableHeadPropsHook];\n  // props target: <table><thead><tr>\n  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseSticky.pluginName = \"useHvTableSticky\";\n\nexport default useSticky;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSticky.js","sources":["../../../../src/Table/hooks/useSticky.ts"],"sourcesContent":["import {\n  Hooks,\n  makePropGetter,\n  PropGetter,\n  TableCommonProps,\n  useGetLatest,\n} from \"react-table\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvTableStickyTableHeadProps extends TableCommonProps {\n  stickyHeader?: boolean;\n}\n\nexport type HvTableHeadPropGetter<D extends object> = PropGetter<\n  D,\n  UseHvTableStickyTableHeadProps\n>;\n\nexport type UseHvTableStickyTableOptions = {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n};\n\nexport interface UseHvTableStickyHooks<D extends object> {\n  getTableHeadProps: Array<HvTableHeadPropGetter<D>>;\n}\n\nexport interface UseHvTableStickyTableInstance<D extends object> {\n  getTableHeadProps: (\n    propGetter?: HvTableHeadPropGetter<D>,\n  ) => UseHvTableStickyTableHeadProps;\n\n  totalRight?: number;\n  hasStickyColumns?: boolean;\n}\n\n// props target: <table>\nexport interface UseHvTableStickyTableProps {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvTableStickyColumnProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvTableStickyCellProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\nexport type UseHvTableSticky = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>,\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst isSticky = (value: any) => /left|right/i.test(value);\n\nconst getStickyValue = ({ sticky, parent }: any) => {\n  if (isSticky(sticky)) {\n    return sticky;\n  }\n\n  if (parent != null) {\n    // check if parent is sticky\n    sticky = getStickyValue(parent);\n    if (isSticky(sticky)) {\n      return sticky;\n    }\n\n    const { columns } = parent;\n    // check if any column in the same group is sticky\n    if (columns?.length > 0) {\n      sticky = columns?.find((col: any) => col.sticky != null)?.sticky;\n      if (isSticky(sticky)) {\n        return sticky;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nconst updateColumnAndParent = (column: any, props: any) => {\n  Object.assign(column, props);\n\n  if (column.parent != null) {\n    updateColumnAndParent(column.parent, props);\n  }\n};\n\nconst visibleColumnsHook = (columns: any, { instance }: any) => {\n  const toTheLeft: any[] = [];\n  const toTheRight: any[] = [];\n  const others: any[] = [];\n\n  columns.forEach((column: any) => {\n    const sticky = getStickyValue(column)?.toLowerCase();\n\n    updateColumnAndParent(column, { sticky });\n\n    if (sticky === \"left\") {\n      toTheLeft.push(column);\n    } else if (sticky === \"right\") {\n      toTheRight.push(column);\n    } else {\n      others.push(column);\n    }\n  });\n\n  if (others.length > 0) {\n    const [firstNotSticky] = others;\n    updateColumnAndParent(firstNotSticky, { isFirstNotSticky: true });\n\n    const lastNotSticky = others[others.length - 1];\n    updateColumnAndParent(lastNotSticky, { isLastNotSticky: true });\n  }\n\n  const hasLeftSticky = toTheLeft.length > 0;\n  if (hasLeftSticky) {\n    const lastLeftSticky = toTheLeft[toTheLeft.length - 1];\n\n    updateColumnAndParent(lastLeftSticky, { isLastLeftSticky: true });\n  }\n\n  const hasRightSticky = toTheRight.length > 0;\n  if (hasRightSticky) {\n    const [firstRightSticky] = toTheRight;\n\n    updateColumnAndParent(firstRightSticky, { isFirstRightSticky: true });\n  }\n\n  instance.hasStickyColumns = hasLeftSticky || hasRightSticky;\n\n  return [...toTheLeft, ...others, ...toTheRight];\n};\n\nconst calculateHeaderWidthsToTheRight = (headers: any, right = 0) => {\n  if (!headers?.length) {\n    return;\n  }\n\n  for (let i = headers.length - 1; i !== -1; i -= 1) {\n    const header = headers[i];\n\n    header.totalRight = right;\n\n    const { headers: subHeaders } = header;\n    if (subHeaders?.length > 0) {\n      calculateHeaderWidthsToTheRight(subHeaders, right);\n    }\n\n    if (header.isVisible) {\n      right += header.totalWidth;\n    }\n  }\n};\n\nconst useInstanceHook = (instance: any) => {\n  calculateHeaderWidthsToTheRight(instance.headers);\n\n  const getInstance = useGetLatest(instance);\n  instance.getTableHeadProps = makePropGetter(\n    instance.getHooks().getTableHeadProps,\n    {\n      instance: getInstance(),\n    },\n  );\n};\n\nconst getRowProps = () => ({\n  style: {\n    display: \"flex\",\n    flex: \"1 0 auto\",\n  },\n});\n\nconst getCellProps = (header: any, isHeaderCell: boolean) => {\n  const props: UseHvTableStickyCellProps & { style: React.CSSProperties } = {\n    style: {\n      display: \"inline-flex\",\n      flex: `${header.totalWidth} ${header.totalMinWidth} auto`,\n      alignItems: isHeaderCell ? \"start\" : \"center\",\n      justifyContent: header.align,\n\n      width: `${header.totalWidth}px`,\n      minWidth: `${header.totalMinWidth}px`,\n      ...(isHeaderCell && { backgroundColor: theme.colors.atmo2 }),\n    },\n  };\n\n  if (header.sticky != null) {\n    props.stickyColumn = true;\n\n    const margin =\n      header.sticky === \"left\" ? header.totalLeft : header.totalRight;\n\n    // @ts-ignore\n    props.style[header.sticky] = `${margin}px`;\n\n    if (header.isLastLeftSticky) {\n      props.stickyColumnMostLeft = true;\n    }\n\n    if (header.isFirstRightSticky) {\n      props.stickyColumnLeastRight = true;\n    }\n  } else {\n    if (header.isFirstNotSticky) {\n      props.style.borderLeft = 0;\n    }\n\n    if (header.isLastNotSticky) {\n      props.style.borderRight = 0;\n    }\n  }\n\n  return props;\n};\n\n/*\n * STICKY POSITION MANAGEMENT\n *   <thead>: sticky if stickyHeader: true\n *   <tr>: never sticky\n *   <th>: sticky only if that particular column is sticky (left or right)\n */\n\n/*\n * We need to hide the last non sticky column right border, to avoid issues with double borders.\n *\n * This could be done with css, using the `:has()` selector:\n *  - \".not-sticky:has(+ .first-right-sticky)\": { border-right: 0 }\n *\n * Until the `:has()` selector is supported by modern browsers,\n * that at the moment is just a proposal https://developer.mozilla.org/en-US/docs/Web/CSS/:has,\n * we need to override the last not sticky column \"borderRight\" here.\n */\n\n// props target: <table>\nconst getTablePropsHook = (props: any, { instance }: any) => {\n  const nextProps: UseHvTableStickyTableProps = {\n    stickyHeader: instance.stickyHeader,\n    stickyColumns: instance.hasStickyColumns,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead>\nexport const getTableHeadPropsHook = (props: any, { instance }: any) => {\n  const nextProps = {\n    stickyHeader: instance.stickyHeader,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr>\nexport const getHeaderGroupPropsHook = (props: any, { instance }: any) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props: any, { instance, column }: any) => {\n  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props: any, { instance }: any) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props: any, { instance, cell }: any) => {\n  const nextProps: UseHvTableStickyCellProps = instance.hasStickyColumns\n    ? getCellProps(cell.column, false)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst useSticky: UseHvTableSticky = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead>\n  hooks.getTableHeadProps = [getTableHeadPropsHook];\n  // props target: <table><thead><tr>\n  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseSticky.pluginName = \"useHvTableSticky\";\n\nexport default useSticky;\n"],"names":[],"mappings":"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"}

package/dist/esm/Table/hooks/useTableStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyles.js","sources":["../../../../src/Table/hooks/useTableStyles.ts"],"sourcesContent":["import { Hooks } from \"react-table\";\nimport { clsx } from \"clsx\";\n\n// #region ##### TYPES #####\n\nexport type UseHvTableStylesTableOptions = {\n  style?: React.CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  component?: any;\n};\n\n// column definition:\nexport interface UseHvTableStylesColumnOptions {\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n\n  style?: React.CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n\n  headerStyle?: React.CSSProperties;\n  headerClassName?: string;\n  headerClasses?: Record<string, string>;\n\n  cellStyle?: React.CSSProperties;\n  cellClassName?: string;\n  cellClasses?: Record<string, string>;\n}\n\n// PROPS:\nexport interface UseHvTableStylesTableRowProps {\n  hover?: boolean;\n}\n\nexport interface UseHvTableStylesTableCellProps {\n  style?: React.CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n}\n\nexport type UseTableStylesProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>,\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table>\nconst getTablePropsHook = (props, { instance }) => {\n  const nextProps: UseHvTableStylesTableOptions = {\n    component: instance.tableComponent,\n  };\n\n  if (instance.style != null) {\n    nextProps.style = instance.style;\n  }\n\n  if (instance.className != null) {\n    nextProps.className = instance.className;\n  }\n\n  if (instance.classes != null) {\n    nextProps.classes = instance.classes;\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nexport const getHeaderFooterPropsHook = (props, { column }) => {\n  const nextProps: UseHvTableStylesColumnOptions = {\n    variant: column.variant,\n    align: column.align,\n  };\n\n  if (column.style != null || column.headerStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...column.style,\n      ...column.headerStyle,\n    };\n  }\n\n  if (column.className != null || column.headerClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      column.className,\n      column.headerClassName,\n    );\n  }\n\n  if (column.classes != null || column.headerClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...column.classes,\n      ...column.headerClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props) => {\n  const nextProps: UseHvTableStylesTableRowProps = {\n    hover: true,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { cell }) => {\n  const nextProps: UseHvTableStylesTableCellProps = {\n    variant: cell.column.variant,\n    align: cell.column.align,\n  };\n\n  if (cell.column.style != null || cell.column.cellStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...cell.column.style,\n      ...cell.column.cellStyle,\n    };\n  }\n\n  if (cell.column.className != null || cell.column.cellClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      cell.column.className,\n      cell.column.cellClassName,\n    );\n  }\n\n  if (cell.column.classes != null || cell.column.cellClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...cell.column.classes,\n      ...cell.column.cellClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\nconst useTableStyles: UseTableStylesProps = (hooks) => {\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tfoot><tr><td>\n  hooks.getFooterProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseTableStyles.pluginName = \"useHvTableStyles\";\n\nexport default useTableStyles;\n"],"names":[],"mappings":";AAkDA,MAAM,oBAAoB,CAAC,OAAO,EAAE,eAAe;AACjD,QAAM,YAA0C;AAAA,IAC9C,WAAW,SAAS;AAAA,EAAA;AAGlB,MAAA,SAAS,SAAS,MAAM;AAC1B,cAAU,QAAQ,SAAS;AAAA,EAC7B;AAEI,MAAA,SAAS,aAAa,MAAM;AAC9B,cAAU,YAAY,SAAS;AAAA,EACjC;AAEI,MAAA,SAAS,WAAW,MAAM;AAC5B,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEO,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGO,MAAM,2BAA2B,CAAC,OAAO,EAAE,aAAa;AAC7D,QAAM,YAA2C;AAAA,IAC/C,SAAS,OAAO;AAAA,IAChB,OAAO,OAAO;AAAA,EAAA;AAGhB,MAAI,OAAO,SAAS,QAAQ,OAAO,eAAe,MAAM;AACtD,cAAU,QAAQ;AAAA,MAChB,GAAG,MAAM;AAAA,MACT,GAAG,OAAO;AAAA,MACV,GAAG,OAAO;AAAA,IAAA;AAAA,EAEd;AAEA,MAAI,OAAO,aAAa,QAAQ,OAAO,mBAAmB,MAAM;AAC9D,cAAU,YAAY;AAAA,MACpB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAEA,MAAI,OAAO,WAAW,QAAQ,OAAO,eAAe;AAClD,cAAU,UAAU;AAAA,MAClB,GAAG,MAAM;AAAA,MACT,GAAG,OAAO;AAAA,MACV,GAAG,OAAO;AAAA,IAAA;AAAA,EAEd;AAEO,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,kBAAkB,CAAC,UAAU;AACjC,QAAM,YAA2C;AAAA,IAC/C,OAAO;AAAA,EAAA;AAGF,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,mBAAmB,CAAC,OAAO,EAAE,WAAW;AAC5C,QAAM,YAA4C;AAAA,IAChD,SAAS,KAAK,OAAO;AAAA,IACrB,OAAO,KAAK,OAAO;AAAA,EAAA;AAGrB,MAAI,KAAK,OAAO,SAAS,QAAQ,KAAK,OAAO,aAAa,MAAM;AAC9D,cAAU,QAAQ;AAAA,MAChB,GAAG,MAAM;AAAA,MACT,GAAG,KAAK,OAAO;AAAA,MACf,GAAG,KAAK,OAAO;AAAA,IAAA;AAAA,EAEnB;AAEA,MAAI,KAAK,OAAO,aAAa,QAAQ,KAAK,OAAO,iBAAiB,MAAM;AACtE,cAAU,YAAY;AAAA,MACpB,MAAM;AAAA,MACN,KAAK,OAAO;AAAA,MACZ,KAAK,OAAO;AAAA,IAAA;AAAA,EAEhB;AAEA,MAAI,KAAK,OAAO,WAAW,QAAQ,KAAK,OAAO,aAAa;AAC1D,cAAU,UAAU;AAAA,MAClB,GAAG,MAAM;AAAA,MACT,GAAG,KAAK,OAAO;AAAA,MACf,GAAG,KAAK,OAAO;AAAA,IAAA;AAAA,EAEnB;AAEO,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,iBAAsC,CAAC,UAAU;AAE/C,QAAA,cAAc,KAAK,iBAAiB;AAEpC,QAAA,eAAe,KAAK,wBAAwB;AAE5C,QAAA,eAAe,KAAK,wBAAwB;AAE5C,QAAA,YAAY,KAAK,eAAe;AAEhC,QAAA,aAAa,KAAK,gBAAgB;AAC1C;AAEA,eAAe,aAAa;AAE5B,MAAA,mBAAe;"}
+{"version":3,"file":"useTableStyles.js","sources":["../../../../src/Table/hooks/useTableStyles.ts"],"sourcesContent":["import { Hooks } from \"react-table\";\nimport { clsx } from \"clsx\";\n\n// #region ##### TYPES #####\n\nexport type UseHvTableStylesTableOptions = {\n  style?: React.CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  component?: any;\n};\n\n// column definition:\nexport interface UseHvTableStylesColumnOptions {\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n\n  style?: React.CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n\n  headerStyle?: React.CSSProperties;\n  headerClassName?: string;\n  headerClasses?: Record<string, string>;\n\n  cellStyle?: React.CSSProperties;\n  cellClassName?: string;\n  cellClasses?: Record<string, string>;\n}\n\n// PROPS:\nexport interface UseHvTableStylesTableRowProps {\n  hover?: boolean;\n}\n\nexport interface UseHvTableStylesTableCellProps {\n  style?: React.CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n}\n\nexport type UseTableStylesProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>,\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table>\nconst getTablePropsHook = (props: any, { instance }: any) => {\n  const nextProps: UseHvTableStylesTableOptions = {\n    component: instance.tableComponent,\n  };\n\n  if (instance.style != null) {\n    nextProps.style = instance.style;\n  }\n\n  if (instance.className != null) {\n    nextProps.className = instance.className;\n  }\n\n  if (instance.classes != null) {\n    nextProps.classes = instance.classes;\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nexport const getHeaderFooterPropsHook = (props: any, { column }: any) => {\n  const nextProps: UseHvTableStylesColumnOptions = {\n    variant: column.variant,\n    align: column.align,\n  };\n\n  if (column.style != null || column.headerStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...column.style,\n      ...column.headerStyle,\n    };\n  }\n\n  if (column.className != null || column.headerClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      column.className,\n      column.headerClassName,\n    );\n  }\n\n  if (column.classes != null || column.headerClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...column.classes,\n      ...column.headerClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props: any) => {\n  const nextProps: UseHvTableStylesTableRowProps = {\n    hover: true,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props: any, { cell }: any) => {\n  const nextProps: UseHvTableStylesTableCellProps = {\n    variant: cell.column.variant,\n    align: cell.column.align,\n  };\n\n  if (cell.column.style != null || cell.column.cellStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...cell.column.style,\n      ...cell.column.cellStyle,\n    };\n  }\n\n  if (cell.column.className != null || cell.column.cellClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      cell.column.className,\n      cell.column.cellClassName,\n    );\n  }\n\n  if (cell.column.classes != null || cell.column.cellClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...cell.column.classes,\n      ...cell.column.cellClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\nconst useTableStyles: UseTableStylesProps = (hooks) => {\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tfoot><tr><td>\n  hooks.getFooterProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseTableStyles.pluginName = \"useHvTableStyles\";\n\nexport default useTableStyles;\n"],"names":[],"mappings":";AAkDA,MAAM,oBAAoB,CAAC,OAAY,EAAE,eAAoB;AAC3D,QAAM,YAA0C;AAAA,IAC9C,WAAW,SAAS;AAAA,EAAA;AAGlB,MAAA,SAAS,SAAS,MAAM;AAC1B,cAAU,QAAQ,SAAS;AAAA,EAC7B;AAEI,MAAA,SAAS,aAAa,MAAM;AAC9B,cAAU,YAAY,SAAS;AAAA,EACjC;AAEI,MAAA,SAAS,WAAW,MAAM;AAC5B,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEO,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGO,MAAM,2BAA2B,CAAC,OAAY,EAAE,aAAkB;AACvE,QAAM,YAA2C;AAAA,IAC/C,SAAS,OAAO;AAAA,IAChB,OAAO,OAAO;AAAA,EAAA;AAGhB,MAAI,OAAO,SAAS,QAAQ,OAAO,eAAe,MAAM;AACtD,cAAU,QAAQ;AAAA,MAChB,GAAG,MAAM;AAAA,MACT,GAAG,OAAO;AAAA,MACV,GAAG,OAAO;AAAA,IAAA;AAAA,EAEd;AAEA,MAAI,OAAO,aAAa,QAAQ,OAAO,mBAAmB,MAAM;AAC9D,cAAU,YAAY;AAAA,MACpB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAEA,MAAI,OAAO,WAAW,QAAQ,OAAO,eAAe;AAClD,cAAU,UAAU;AAAA,MAClB,GAAG,MAAM;AAAA,MACT,GAAG,OAAO;AAAA,MACV,GAAG,OAAO;AAAA,IAAA;AAAA,EAEd;AAEO,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,kBAAkB,CAAC,UAAe;AACtC,QAAM,YAA2C;AAAA,IAC/C,OAAO;AAAA,EAAA;AAGF,SAAA,CAAC,OAAO,SAAS;AAC1B;AAGA,MAAM,mBAAmB,CAAC,OAAY,EAAE,WAAgB;AACtD,QAAM,YAA4C;AAAA,IAChD,SAAS,KAAK,OAAO;AAAA,IACrB,OAAO,KAAK,OAAO;AAAA,EAAA;AAGrB,MAAI,KAAK,OAAO,SAAS,QAAQ,KAAK,OAAO,aAAa,MAAM;AAC9D,cAAU,QAAQ;AAAA,MAChB,GAAG,MAAM;AAAA,MACT,GAAG,KAAK,OAAO;AAAA,MACf,GAAG,KAAK,OAAO;AAAA,IAAA;AAAA,EAEnB;AAEA,MAAI,KAAK,OAAO,aAAa,QAAQ,KAAK,OAAO,iBAAiB,MAAM;AACtE,cAAU,YAAY;AAAA,MACpB,MAAM;AAAA,MACN,KAAK,OAAO;AAAA,MACZ,KAAK,OAAO;AAAA,IAAA;AAAA,EAEhB;AAEA,MAAI,KAAK,OAAO,WAAW,QAAQ,KAAK,OAAO,aAAa;AAC1D,cAAU,UAAU;AAAA,MAClB,GAAG,MAAM;AAAA,MACT,GAAG,KAAK,OAAO;AAAA,MACf,GAAG,KAAK,OAAO;AAAA,IAAA;AAAA,EAEnB;AAEO,SAAA,CAAC,OAAO,SAAS;AAC1B;AAEA,MAAM,iBAAsC,CAAC,UAAU;AAE/C,QAAA,cAAc,KAAK,iBAAiB;AAEpC,QAAA,eAAe,KAAK,wBAAwB;AAE5C,QAAA,eAAe,KAAK,wBAAwB;AAE5C,QAAA,YAAY,KAAK,eAAe;AAEhC,QAAA,aAAa,KAAK,gBAAgB;AAC1C;AAEA,eAAe,aAAa;AAE5B,MAAA,mBAAe;"}

package/dist/esm/Table/utils/fallbacks.js

@@ -6,8 +6,7 @@ const hvNumberFallback = (value) => {
   return typeof value === "number" ? value : LONG_DASH;
 };
 const hvNodeFallback = (value) => {
-  if (!value)
-    return LONG_DASH;
+  if (!value) return LONG_DASH;
   return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;
 };
 export {

package/dist/esm/Table/utils/fallbacks.js.map

@@ -1 +1 @@
-{"version":3,"file":"fallbacks.js","sources":["../../../../src/Table/utils/fallbacks.ts"],"sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value: any) => {\n  return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value: any) => {\n  return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value: any) => {\n  if (!value) return LONG_DASH;\n  return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"names":[],"mappings":"AAAA,MAAM,YAAY;AAEL,MAAA,mBAAmB,CAAC,UAAe;AAC9C,SAAO,OAAO,UAAU,YAAY,UAAU,KAAK,QAAQ;AAC7D;AAEa,MAAA,mBAAmB,CAAC,UAAe;AACvC,SAAA,OAAO,UAAU,WAAW,QAAQ;AAC7C;AAEa,MAAA,iBAAiB,CAAC,UAAe;AAC5C,MAAI,CAAC;AAAc,WAAA;AACnB,SAAO,iBAAiB,OAAO,SAAA,CAAU,MAAM,YAAY,YAAY;AACzE;"}
+{"version":3,"file":"fallbacks.js","sources":["../../../../src/Table/utils/fallbacks.ts"],"sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value: any) => {\n  return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value: any) => {\n  return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value: any) => {\n  if (!value) return LONG_DASH;\n  return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"names":[],"mappings":"AAAA,MAAM,YAAY;AAEL,MAAA,mBAAmB,CAAC,UAAe;AAC9C,SAAO,OAAO,UAAU,YAAY,UAAU,KAAK,QAAQ;AAC7D;AAEa,MAAA,mBAAmB,CAAC,UAAe;AACvC,SAAA,OAAO,UAAU,WAAW,QAAQ;AAC7C;AAEa,MAAA,iBAAiB,CAAC,UAAe;AACxC,MAAA,CAAC,MAAc,QAAA;AACnB,SAAO,iBAAiB,OAAO,SAAA,CAAU,MAAM,YAAY,YAAY;AACzE;"}

package/dist/esm/Tag/Tag.js

@@ -83,10 +83,8 @@ const HvTag = forwardRef((props, ref) => {
       deleteIcon: deleteIcon || defaultDeleteIcon,
       onDelete: disabled ? void 0 : onDelete,
       onClick: (event) => {
-        if (disabled)
-          return;
-        if (selectable)
-          setIsSelected(!isSelected);
+        if (disabled) return;
+        if (selectable) setIsSelected(!isSelected);
         onClick?.(event, !isSelected);
       },
       "aria-pressed": isSelected,

package/dist/esm/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport Chip, { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport {\n  Checkbox,\n  CheckboxCheck,\n  CloseXS,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { getColor, HvColorAny } from \"@hitachivantara/uikit-styles\";\n\nimport { useControlled } from \"../hooks/useControlled\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { useTheme } from \"../hooks/useTheme\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { staticClasses, useClasses } from \"./Tag.styles\";\n\nexport { staticClasses as tagClasses };\n\nexport type HvTagClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTagProps\n  extends Omit<MuiChipProps, \"color\" | \"classes\" | \"onSelect\"> {\n  /** The label of the tag element. */\n  label?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** The type of the tag element. A tag can be of semantic or categoric type. */\n  type?: \"semantic\" | \"categorical\";\n  /** Background color to be applied to the tag */\n  color?: HvColorAny;\n  /** Icon used to customize the delete icon in the Chip element */\n  deleteIcon?: React.ReactElement;\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component, in order to render the delete icon\n   * */\n  onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Callback triggered when any item is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLElement>, selected?: boolean) => void;\n  /** Aria properties to apply to delete button in tag\n   * @deprecated no longer used\n   */\n  deleteButtonArialLabel?: string;\n  /** Props to apply to delete icon */\n  deleteButtonProps?: React.HTMLAttributes<HTMLDivElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTagClasses;\n  /** @ignore */\n  ref?: MuiChipProps[\"ref\"];\n  /** @ignore */\n  component?: MuiChipProps[\"component\"];\n  /** Determines whether or not the tag is selectable. */\n  selectable?: boolean;\n  /** Defines if the tag is selected. When defined the tag state becomes controlled. */\n  selected?: boolean;\n  /** When uncontrolled, defines the initial selected state. */\n  defaultSelected?: boolean;\n}\n\nconst getCategoricalColor = (customColor?: HvColorAny, colors?: any) => {\n  return (customColor && colors?.[customColor]) || customColor || colors?.cat1;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = forwardRef<HTMLDivElement, HvTagProps>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    style,\n    label,\n    disabled,\n    type = \"semantic\",\n    selectable,\n    selected,\n    defaultSelected = false,\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    // TODO: remove from API\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = useDefaultProps(\"HvTag\", props);\n  const { colors } = useTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const [isSelected, setIsSelected] = useControlled(\n    selected,\n    Boolean(defaultSelected),\n  );\n\n  const defaultDeleteIcon = (\n    <CloseXS\n      className={cx(classes.button, classes.tagButton)}\n      iconSize=\"XS\"\n      {...deleteButtonProps}\n    />\n  );\n\n  const categoricalBackgroundColor =\n    type === \"categorical\" ? getCategoricalColor(color, colors) : undefined;\n\n  const backgroundColor =\n    (type === \"semantic\" && getColor(color, \"neutral_20\")) ||\n    (type === \"categorical\" && `${categoricalBackgroundColor}30`) ||\n    undefined;\n\n  const isClickable = !!(onClick || onDelete) && !disabled;\n\n  const clickableClass = css({\n    \"&:hover\": {\n      boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`,\n    },\n  });\n\n  const colorOverride = (disabled && [\"atmo3\", \"secondary_60\"]) || undefined;\n\n  const avatarIcon = isSelected ? (\n    <CheckboxCheck color={colorOverride} iconSize=\"XS\" />\n  ) : (\n    <Checkbox color={colorOverride} iconSize=\"XS\" />\n  );\n\n  return (\n    <Chip\n      ref={ref}\n      label={label}\n      disabled={disabled}\n      className={cx({ [clickableClass]: isClickable }, className)}\n      style={{\n        ...(disabled ? null : { backgroundColor }),\n        ...style,\n      }}\n      classes={{\n        root: cx(classes.root, classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: isClickable,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: cx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={deleteIcon || defaultDeleteIcon}\n      onDelete={disabled ? undefined : onDelete}\n      onClick={(event) => {\n        if (disabled) return;\n        if (selectable) setIsSelected(!isSelected);\n        onClick?.(event, !isSelected);\n      }}\n      aria-pressed={isSelected}\n      {...(selectable &&\n        type === \"semantic\" && {\n          avatar: avatarIcon,\n        })}\n      {...others}\n    />\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;AA0DA,MAAM,sBAAsB,CAAC,aAA0B,WAAiB;AACtE,SAAQ,eAAe,SAAS,WAAW,KAAM,eAAe,QAAQ;AAC1E;AAUO,MAAM,QAAQ,WAAuC,CAAC,OAAO,QAAQ;AACpE,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,yBAAyB;AAAA,IACzB,oBAAoB,CAAC;AAAA,IACrB,GAAG;AAAA,EAAA,IACD,gBAAgB,SAAS,KAAK;AAC5B,QAAA,EAAE,WAAW;AACnB,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,WAAW,WAAW;AAE7C,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,IACA,QAAQ,eAAe;AAAA,EAAA;AAGzB,QAAM,oBACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AAAA,MAC/C,UAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAIR,QAAM,6BACJ,SAAS,gBAAgB,oBAAoB,OAAO,MAAM,IAAI;AAE1D,QAAA,kBACH,SAAS,cAAc,SAAS,OAAO,YAAY,KACnD,SAAS,iBAAiB,GAAG,0BAA0B,QACxD;AAEF,QAAM,cAAc,CAAC,EAAE,WAAW,aAAa,CAAC;AAEhD,QAAM,iBAAiB,IAAI;AAAA,IACzB,WAAW;AAAA,MACT,WAAW,aAAa,0BAA0B;AAAA,IACpD;AAAA,EAAA,CACD;AAED,QAAM,gBAAiB,YAAY,CAAC,SAAS,cAAc,KAAM;AAEjE,QAAM,aAAa,aAChB,oBAAA,eAAA,EAAc,OAAO,eAAe,UAAS,KAAK,CAAA,IAElD,oBAAA,UAAA,EAAS,OAAO,eAAe,UAAS,KAAK,CAAA;AAI9C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,EAAE,CAAC,cAAc,GAAG,YAAA,GAAe,SAAS;AAAA,MAC1D,OAAO;AAAA,QACL,GAAI,WAAW,OAAO,EAAE,gBAAgB;AAAA,QACxC,GAAG;AAAA,MACL;AAAA,MACA,SAAS;AAAA,QACP,MAAM,GAAG,QAAQ,MAAM,QAAQ,UAAU;AAAA,UACvC,CAAC,QAAQ,QAAQ,GAAG;AAAA,UACpB,CAAC,QAAQ,SAAS,GAAG;AAAA,UACrB,CAAC,QAAQ,WAAW,GAAG,SAAS;AAAA,UAChC,CAAC,QAAQ,gBAAgB,GAAG,SAAS,iBAAiB,CAAC;AAAA,UACvD,CAAC,QAAQ,mBAAmB,GAAG,SAAS,iBAAiB;AAAA,QAAA,CAC1D;AAAA,QACD,OAAO,QAAQ;AAAA,QACf,YAAY,GAAG,QAAQ,YAAY;AAAA,UACjC,CAAC,QAAQ,kBAAkB,GAAG;AAAA,QAAA,CAC/B;AAAA,MACH;AAAA,MACA,YAAY,cAAc;AAAA,MAC1B,UAAU,WAAW,SAAY;AAAA,MACjC,SAAS,CAAC,UAAU;AACd,YAAA;AAAU;AACV,YAAA;AAAY,wBAAc,CAAC,UAAU;AAC/B,kBAAA,OAAO,CAAC,UAAU;AAAA,MAC9B;AAAA,MACA,gBAAc;AAAA,MACb,GAAI,cACH,SAAS,cAAc;AAAA,QACrB,QAAQ;AAAA,MACV;AAAA,MACD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport Chip, { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport {\n  Checkbox,\n  CheckboxCheck,\n  CloseXS,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { getColor, HvColorAny } from \"@hitachivantara/uikit-styles\";\n\nimport { useControlled } from \"../hooks/useControlled\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { useTheme } from \"../hooks/useTheme\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { staticClasses, useClasses } from \"./Tag.styles\";\n\nexport { staticClasses as tagClasses };\n\nexport type HvTagClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTagProps\n  extends Omit<MuiChipProps, \"color\" | \"classes\" | \"onSelect\"> {\n  /** The label of the tag element. */\n  label?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** The type of the tag element. A tag can be of semantic or categoric type. */\n  type?: \"semantic\" | \"categorical\";\n  /** Background color to be applied to the tag */\n  color?: HvColorAny;\n  /** Icon used to customize the delete icon in the Chip element */\n  deleteIcon?: React.ReactElement;\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component, in order to render the delete icon\n   * */\n  onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Callback triggered when any item is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLElement>, selected?: boolean) => void;\n  /** Aria properties to apply to delete button in tag\n   * @deprecated no longer used\n   */\n  deleteButtonArialLabel?: string;\n  /** Props to apply to delete icon */\n  deleteButtonProps?: React.HTMLAttributes<HTMLDivElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTagClasses;\n  /** @ignore */\n  ref?: MuiChipProps[\"ref\"];\n  /** @ignore */\n  component?: MuiChipProps[\"component\"];\n  /** Determines whether or not the tag is selectable. */\n  selectable?: boolean;\n  /** Defines if the tag is selected. When defined the tag state becomes controlled. */\n  selected?: boolean;\n  /** When uncontrolled, defines the initial selected state. */\n  defaultSelected?: boolean;\n}\n\nconst getCategoricalColor = (customColor?: HvColorAny, colors?: any) => {\n  return (customColor && colors?.[customColor]) || customColor || colors?.cat1;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = forwardRef<HTMLDivElement, HvTagProps>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    style,\n    label,\n    disabled,\n    type = \"semantic\",\n    selectable,\n    selected,\n    defaultSelected = false,\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    // TODO: remove from API\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = useDefaultProps(\"HvTag\", props);\n  const { colors } = useTheme();\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const [isSelected, setIsSelected] = useControlled(\n    selected,\n    Boolean(defaultSelected),\n  );\n\n  const defaultDeleteIcon = (\n    <CloseXS\n      className={cx(classes.button, classes.tagButton)}\n      iconSize=\"XS\"\n      {...deleteButtonProps}\n    />\n  );\n\n  const categoricalBackgroundColor =\n    type === \"categorical\" ? getCategoricalColor(color, colors) : undefined;\n\n  const backgroundColor =\n    (type === \"semantic\" && getColor(color, \"neutral_20\")) ||\n    (type === \"categorical\" && `${categoricalBackgroundColor}30`) ||\n    undefined;\n\n  const isClickable = !!(onClick || onDelete) && !disabled;\n\n  const clickableClass = css({\n    \"&:hover\": {\n      boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`,\n    },\n  });\n\n  const colorOverride = (disabled && [\"atmo3\", \"secondary_60\"]) || undefined;\n\n  const avatarIcon = isSelected ? (\n    <CheckboxCheck color={colorOverride} iconSize=\"XS\" />\n  ) : (\n    <Checkbox color={colorOverride} iconSize=\"XS\" />\n  );\n\n  return (\n    <Chip\n      ref={ref}\n      label={label}\n      disabled={disabled}\n      className={cx({ [clickableClass]: isClickable }, className)}\n      style={{\n        ...(disabled ? null : { backgroundColor }),\n        ...style,\n      }}\n      classes={{\n        root: cx(classes.root, classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: isClickable,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: cx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={deleteIcon || defaultDeleteIcon}\n      onDelete={disabled ? undefined : onDelete}\n      onClick={(event) => {\n        if (disabled) return;\n        if (selectable) setIsSelected(!isSelected);\n        onClick?.(event, !isSelected);\n      }}\n      aria-pressed={isSelected}\n      {...(selectable &&\n        type === \"semantic\" && {\n          avatar: avatarIcon,\n        })}\n      {...others}\n    />\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;AA0DA,MAAM,sBAAsB,CAAC,aAA0B,WAAiB;AACtE,SAAQ,eAAe,SAAS,WAAW,KAAM,eAAe,QAAQ;AAC1E;AAUO,MAAM,QAAQ,WAAuC,CAAC,OAAO,QAAQ;AACpE,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,yBAAyB;AAAA,IACzB,oBAAoB,CAAC;AAAA,IACrB,GAAG;AAAA,EAAA,IACD,gBAAgB,SAAS,KAAK;AAC5B,QAAA,EAAE,WAAW;AACnB,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,WAAW,WAAW;AAE7C,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,IACA,QAAQ,eAAe;AAAA,EAAA;AAGzB,QAAM,oBACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AAAA,MAC/C,UAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAIR,QAAM,6BACJ,SAAS,gBAAgB,oBAAoB,OAAO,MAAM,IAAI;AAE1D,QAAA,kBACH,SAAS,cAAc,SAAS,OAAO,YAAY,KACnD,SAAS,iBAAiB,GAAG,0BAA0B,QACxD;AAEF,QAAM,cAAc,CAAC,EAAE,WAAW,aAAa,CAAC;AAEhD,QAAM,iBAAiB,IAAI;AAAA,IACzB,WAAW;AAAA,MACT,WAAW,aAAa,0BAA0B;AAAA,IACpD;AAAA,EAAA,CACD;AAED,QAAM,gBAAiB,YAAY,CAAC,SAAS,cAAc,KAAM;AAEjE,QAAM,aAAa,aAChB,oBAAA,eAAA,EAAc,OAAO,eAAe,UAAS,KAAK,CAAA,IAElD,oBAAA,UAAA,EAAS,OAAO,eAAe,UAAS,KAAK,CAAA;AAI9C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,EAAE,CAAC,cAAc,GAAG,YAAA,GAAe,SAAS;AAAA,MAC1D,OAAO;AAAA,QACL,GAAI,WAAW,OAAO,EAAE,gBAAgB;AAAA,QACxC,GAAG;AAAA,MACL;AAAA,MACA,SAAS;AAAA,QACP,MAAM,GAAG,QAAQ,MAAM,QAAQ,UAAU;AAAA,UACvC,CAAC,QAAQ,QAAQ,GAAG;AAAA,UACpB,CAAC,QAAQ,SAAS,GAAG;AAAA,UACrB,CAAC,QAAQ,WAAW,GAAG,SAAS;AAAA,UAChC,CAAC,QAAQ,gBAAgB,GAAG,SAAS,iBAAiB,CAAC;AAAA,UACvD,CAAC,QAAQ,mBAAmB,GAAG,SAAS,iBAAiB;AAAA,QAAA,CAC1D;AAAA,QACD,OAAO,QAAQ;AAAA,QACf,YAAY,GAAG,QAAQ,YAAY;AAAA,UACjC,CAAC,QAAQ,kBAAkB,GAAG;AAAA,QAAA,CAC/B;AAAA,MACH;AAAA,MACA,YAAY,cAAc;AAAA,MAC1B,UAAU,WAAW,SAAY;AAAA,MACjC,SAAS,CAAC,UAAU;AAClB,YAAI,SAAU;AACV,YAAA,WAA0B,eAAA,CAAC,UAAU;AAC/B,kBAAA,OAAO,CAAC,UAAU;AAAA,MAC9B;AAAA,MACA,gBAAc;AAAA,MACb,GAAI,cACH,SAAS,cAAc;AAAA,QACrB,QAAQ;AAAA,MACV;AAAA,MACD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/esm/TagsInput/TagsInput.js

@@ -155,8 +155,7 @@ const HvTagsInput = forwardRef(
         const element = containerRef?.current?.children[tagCursorPos];
         setTimeout(() => {
           const container = containerRef.current;
-          if (container == null)
-            return;
+          if (container == null) return;
           container.scrollLeft = element ? element.offsetLeft - container.getBoundingClientRect().width / 2 + element.getBoundingClientRect().width / 2 : 0;
         }, 50);
         element?.focus();
@@ -213,7 +212,7 @@ const HvTagsInput = forwardRef(
       }
     };
     const onChangeHandler = useCallback(
-      (_, input) => {
+      (event, input) => {
         setTagInput(input);
         if (canShowSuggestions) {
           suggestionHandler(input);