@hitachivantara/uikit-react-core 5.60.0 → 5.62.0

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

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../src/Table/hooks/useTable.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n  useTable,\n  usePagination,\n  useExpanded,\n  useSortBy,\n  useResizeColumns,\n  Cell,\n  ColumnInstance,\n  ColumnInterface,\n  Hooks,\n  Renderer,\n  Row,\n  TableCellProps,\n  TableFooterProps,\n  TableHeaderProps,\n  TableInstance,\n  TableOptions,\n  TableProps,\n  TableRowProps,\n  TableState,\n  UseColumnOrderInstanceProps,\n  UseColumnOrderState,\n  UseExpandedHooks,\n  UseExpandedInstanceProps,\n  UseExpandedOptions,\n  UseExpandedState,\n  UseFiltersColumnOptions,\n  UseFiltersColumnProps,\n  UseFiltersInstanceProps,\n  UseFiltersOptions,\n  UseFiltersState,\n  UseGlobalFiltersInstanceProps,\n  UseGlobalFiltersOptions,\n  UseGlobalFiltersState,\n  UseGroupByCellProps,\n  UseGroupByColumnOptions,\n  UseGroupByColumnProps,\n  UseGroupByHooks,\n  UseGroupByInstanceProps,\n  UseGroupByOptions,\n  UseGroupByRowProps,\n  UseGroupByState,\n  UsePaginationInstanceProps,\n  UsePaginationOptions,\n  UsePaginationState,\n  UseResizeColumnsColumnOptions,\n  UseResizeColumnsColumnProps,\n  UseResizeColumnsOptions,\n  UseResizeColumnsState,\n  UseSortByColumnOptions,\n  UseSortByColumnProps,\n  UseSortByHooks,\n  UseSortByInstanceProps,\n  UseSortByOptions,\n  UseSortByState,\n  UseRowStateState,\n  UseRowStateOptions,\n  UseGlobalFiltersColumnOptions,\n  UseRowStateInstanceProps,\n  UseRowStateRowProps,\n  UseTableHeaderGroupProps,\n  PluginHook,\n  ActionType,\n  ReducerTableState,\n} from \"react-table\";\n\nimport useHvTableStyles, {\n  UseHvTableStylesTableOptions,\n  UseHvTableStylesColumnOptions,\n  UseHvTableStylesTableCellProps,\n  UseHvTableStylesTableRowProps,\n} from \"./useTableStyles\";\nimport {\n  UseHvTableStickyCellProps,\n  UseHvTableStickyColumnProps,\n  UseHvTableStickyHooks,\n  UseHvTableStickyTableInstance,\n  UseHvTableStickyTableOptions,\n  UseHvTableStickyTableProps,\n} from \"./useSticky\";\nimport { UseHvSortByColumnProps, UseHvSortByTableCellProps } from \"./useSortBy\";\nimport {\n  UseHvRowSelectionHooks,\n  UseHvRowSelectionRowInstance,\n  UseHvRowSelectionState,\n  UseHvRowSelectionTableInstance,\n  UseHvRowSelectionTableOptions,\n  UseHvRowSelectionTableRowProps,\n} from \"./useRowSelection\";\nimport {\n  UseHvPaginationHooks,\n  UseHvPaginationTableInstance,\n} from \"./usePagination\";\nimport {\n  UseHvBulkActionsHooks,\n  UseHvBulkActionsTableInstanceProps,\n  UseHvBulkActionsTableOptions,\n} from \"./useBulkActions\";\nimport {\n  UseHvRowExpandTableOptions,\n  UseHvRowExpandRowInstance,\n  UseHvRowExpandTableRowProps,\n} from \"./useRowExpand\";\nimport {\n  UseHvHeaderGroupsColumnProps,\n  UseHvHeaderGroupsCellProps,\n  UseHvHeaderGroupsInstance,\n} from \"./useHeaderGroups\";\nimport {\n  UseHvResizeColumnProps,\n  UseHvResizeTableCellProps,\n} from \"./useResizeColumns\";\nimport { HvTableRowProps } from \"../TableRow\";\nimport { HvTableProps } from \"../Table\";\nimport { HvTableCellProps } from \"../TableCell\";\nimport { HvTableHeaderProps } from \"../TableHeader\";\n\n// #region ##### TYPES #####\n\ntype Accessor<D extends object> = (\n  originalRow: D,\n  index: number,\n  sub: {\n    subRows: D[];\n    depth: number;\n    data: D[];\n  }\n) => CellValue;\n\ntype ValueOf<T> = T[keyof T];\ntype StringKey<D> = Extract<keyof D, string>;\ntype IdType<D> = StringKey<D> | string;\ntype CellValue<V = any> = V;\n\ntype HvHeaderProps<D extends object = Record<string, unknown>> =\n  HvTableInstance<D> & {\n    column: HvColumnInstance<D>;\n  };\n\ninterface HvMetaBase<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> {\n  instance: HvTableInstance<D, H>;\n  userProps: any;\n}\n\nexport type HvMeta<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  Extension = never,\n  M = HvMetaBase<D, H>\n> = [Extension] extends [never] ? M : M & Extension;\n\nexport type HvPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  Props extends object = Record<string, unknown>,\n  T extends object = never,\n  P = Partial<Props>\n> = ((props: P, meta: HvMeta<D, H, T>) => P | P[]) | P | P[];\n\nexport type HvTableHeaderRenderer<D extends object = Record<string, unknown>> =\n  Renderer<HvHeaderProps<D>>;\n\ntype HvFooterProps<D extends object = Record<string, unknown>> =\n  HvTableInstance<D> & {\n    column: HvColumnInstance<D>;\n  };\n\ninterface HvHeaderGroup<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> extends HvColumnInstance<D, H>,\n    Omit<UseTableHeaderGroupProps<D>, \"headers\"> {\n  headers: Array<HvHeaderGroup<D, H>>;\n}\n\ntype HvRowPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvPropGetter<D, H, HvUseTableRowProps, { row: HvRowInstance<D, H> }>;\n\ntype HvTablePropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvPropGetter<D, H, HvUseTableProps>;\n\ntype HvCellPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvPropGetter<D, H, HvUseTableCellProps, { cell: HvCellInstance<D, H> }>;\n\ntype HvHeaderPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvPropGetter<D, H, HvUseTableHeaderProps, { column: HvHeaderGroup<D, H> }>;\n\ntype HvFooterPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvPropGetter<D, H, HvUseTableFooterProps, { column: HvHeaderGroup<D, H> }>;\n\nexport interface HvCellProps<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  V = any\n> extends HvTableInstance<D, H> {\n  column: HvColumnInstance<D, H>;\n  row: HvRowInstance<D, H>;\n  cell: HvCellInstance<D, H, V>;\n  value: CellValue<V>;\n}\n\nexport type HvTableDefinitionConfig<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvTableOptions<D, H>;\n\ninterface HvColumnInterfaceBasedOnValue<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  V = any\n> {\n  Cell?: Renderer<HvCellProps<D, H, V>>;\n}\n\ninterface HvColumnGroupInterface<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> {\n  columns: Array<HvTableColumnConfig<D, H>>;\n}\n\ntype HvColumnGroup<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvTableColumnOptions<D, H> &\n  HvColumnGroupInterface<D, H> &\n  (\n    | { Header: H }\n    | ({ id: IdType<D> } & {\n        Header: H;\n      })\n  ) & { accessor?: Accessor<D> };\n\ntype HvColumnWithStrictAccessor<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvTableColumnOptions<D, H> &\n  ValueOf<{\n    [K in keyof D]: {\n      accessor: K;\n    } & HvColumnInterfaceBasedOnValue<D, H, D[K]>;\n  }>;\n\ntype HvColumnWithLooseAccessor<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> = HvTableColumnOptions<D, H> &\n  HvColumnInterfaceBasedOnValue<D, H> &\n  (\n    | { Header: H }\n    | { id: IdType<D> }\n    | { accessor: keyof D extends never ? IdType<D> : never }\n  ) & {\n    accessor?: keyof D extends never ? IdType<D> | Accessor<D> : Accessor<D>;\n  };\n\nexport type HvTableColumnConfig<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> =\n  | HvColumnGroup<D, H>\n  | HvColumnWithLooseAccessor<D, H>\n  | HvColumnWithStrictAccessor<D, H>;\n\n// #region HOOKS\nexport interface HvHooks<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> extends Omit<Hooks<D>, \"useOptions\">,\n    Partial<UseExpandedHooks<D>>,\n    Partial<UseGroupByHooks<D>>,\n    Partial<UseSortByHooks<D>>,\n    Partial<UseHvRowSelectionHooks<D>>,\n    Partial<UseHvTableStickyHooks<D>>,\n    Partial<UseHvPaginationHooks<D>>,\n    Partial<UseHvBulkActionsHooks<D>> {\n  useOptions: Array<\n    (\n      options: HvTableOptions<D, H>,\n      args: HvTableOptions<D, H>\n    ) => HvTableOptions<D, H>\n  >;\n  stateReducers: Array<\n    (\n      newState: HvTableState<D>,\n      action: ActionType,\n      previousState?: HvTableState<D>,\n      instance?: HvTableState<D>\n    ) => ReducerTableState<D> | undefined\n  >;\n  columns: Array<\n    (\n      columns: Array<HvTableColumnConfig<D, H>>,\n      meta: HvMeta<D, H>\n    ) => Array<HvTableColumnConfig<D, H>>\n  >;\n  allColumns: Array<\n    (\n      allColumns: Array<HvColumnInstance<D, H>>,\n      meta: HvMeta<D, H>\n    ) => Array<HvTableColumnConfig<D, H>>\n  >;\n  visibleColumns: Array<\n    (\n      allColumns: Array<HvColumnInstance<D, H>>,\n      meta: HvMeta<D, H>\n    ) => Array<HvTableColumnConfig<D, H>>\n  >;\n  headerGroups: Array<\n    (\n      allColumns: Array<HvHeaderGroup<D, H>>,\n      meta: HvMeta<D, H>\n    ) => Array<HvHeaderGroup<D, H>>\n  >;\n  useInstanceBeforeDimensions: Array<(instance: HvTableInstance<D, H>) => void>;\n  useInstance: Array<(instance: HvTableInstance<D, H>) => void>;\n  useControlledState: Array<\n    (state: HvTableState<D>, meta: HvMeta<D, H>) => HvTableState<D>\n  >;\n  getTableProps: Array<HvTablePropGetter<D, H>>;\n  getHeaderProps: Array<HvHeaderPropGetter<D>>;\n  getFooterProps: Array<HvFooterPropGetter<D>>;\n  getRowProps: Array<HvRowPropGetter<D>>;\n  getCellProps: Array<HvCellPropGetter<D>>;\n  useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;\n}\n// #endregion\n\n// #region STATE\nexport interface HvTableState<D extends object = Record<string, unknown>>\n  extends TableState<D>,\n    Partial<UseColumnOrderState<D>>,\n    Partial<UseExpandedState<D>>,\n    Partial<UseFiltersState<D>>,\n    Partial<UseGlobalFiltersState<D>>,\n    Partial<UseGroupByState<D>>,\n    Partial<UsePaginationState<D>>,\n    Partial<UseResizeColumnsState<D>>,\n    Partial<UseSortByState<D>>,\n    Partial<UseRowStateState<D>>,\n    Partial<UseHvRowSelectionState<D>> {\n  rowCount: number;\n}\n// #endregion\n\n// #region OPTIONS\nexport interface HvTableOptions<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> extends Omit<\n      TableOptions<D>,\n      | \"columns\"\n      | \"data\"\n      | \"defaultColumn\"\n      | \"stateReducer\"\n      | \"useControlledState\"\n      | \"getRowId\"\n    >,\n    Partial<UseExpandedOptions<D>>,\n    Partial<UseFiltersOptions<D>>,\n    Partial<UseGlobalFiltersOptions<D>>,\n    Partial<UseGroupByOptions<D>>,\n    Partial<UsePaginationOptions<D>>,\n    Partial<UseResizeColumnsOptions<D>>,\n    Partial<UseSortByOptions<D>>,\n    Partial<UseRowStateOptions<D>>,\n    Partial<UseHvTableStylesTableOptions>,\n    Partial<UseHvRowSelectionTableOptions>,\n    Partial<UseHvTableStickyTableOptions>,\n    Partial<UseHvBulkActionsTableOptions>,\n    Partial<UseHvRowExpandTableOptions> {\n  columns?: Array<HvTableColumnConfig<D, H>>;\n  data?: D[];\n  initialState?: Partial<HvTableState<D>>;\n  labels?: Record<string, string>;\n  defaultColumn?: Partial<HvTableColumnConfig<D, H>>;\n  stateReducer?: (\n    newState: HvTableState<D>,\n    action: ActionType,\n    previousState: HvTableState<D>,\n    instance?: HvTableInstance<D, H>\n  ) => HvTableState<D>;\n  useControlledState?: (\n    state: HvTableState<D>,\n    meta: HvMeta<D, H>\n  ) => HvTableState<D>;\n  getRowId?: (\n    originalRow: D,\n    relativeIndex: number,\n    parent?: HvRowInstance<D, H>\n  ) => string;\n}\n\nexport interface HvTableColumnOptions<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> extends Omit<ColumnInterface<D>, \"Header\" | \"Footer\">,\n    Partial<UseFiltersColumnOptions<D>>,\n    Partial<UseGroupByColumnOptions<D>>,\n    Partial<UseResizeColumnsColumnOptions<D>>,\n    Partial<UseSortByColumnOptions<D>>,\n    Partial<UseGlobalFiltersColumnOptions<D>>,\n    Partial<UseHvTableStylesColumnOptions> {\n  Header?: H;\n  Footer?: Renderer<HvFooterProps<D>>;\n  originalId?: IdType<D>;\n}\n// #endregion\n\n// #region INSTANCE\nexport interface HvTableInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> extends Omit<\n      TableInstance<D>,\n      | \"pageCount\"\n      | \"data\"\n      | \"columns\"\n      | \"rows\"\n      | \"allColumns\"\n      | \"visibleColumns\"\n      | \"headers\"\n      | \"flatHeaders\"\n      | \"rowsById\"\n      | \"prepareRow\"\n      | \"flatRows\"\n      | \"headerGroups\"\n      | \"footerGroups\"\n      | \"defaultColumn\"\n      | \"stateReducer\"\n      | \"useControlledState\"\n      | \"getRowId\"\n      | \"getHooks\"\n      | \"getTableProps\"\n    >,\n    Omit<HvTableOptions<D, H>, \"pageCount\" | \"columns\">,\n    Partial<UseColumnOrderInstanceProps<D>>,\n    Partial<Omit<UseExpandedInstanceProps<D>, \"rows\">>,\n    Partial<Omit<UseFiltersInstanceProps<D>, \"rows\" | \"rowsById\" | \"flatRows\">>,\n    Partial<\n      Omit<UseGlobalFiltersInstanceProps<D>, \"rows\" | \"rowsById\" | \"flatRows\">\n    >,\n    Partial<Omit<UseGroupByInstanceProps<D>, \"rows\" | \"rowsById\" | \"flatRows\">>,\n    Partial<Omit<UsePaginationInstanceProps<D>, \"page\">>,\n    Partial<Omit<UseSortByInstanceProps<D>, \"rows\">>,\n    Partial<UseRowStateInstanceProps<D>>,\n    Partial<Omit<UseHvRowSelectionTableInstance<D>, \"selectedFlatRows\">>,\n    Partial<UseHvTableStickyTableInstance<D>>,\n    Partial<UseHvHeaderGroupsInstance>,\n    Partial<UseHvPaginationTableInstance<D>>,\n    Partial<UseHvBulkActionsTableInstanceProps<D>> {\n  initialState: Partial<HvTableState<D>>;\n  state: HvTableState<D>;\n  columns: Array<HvColumnInstance<D, H>>;\n  allColumns: Array<HvColumnInstance<D, H>>;\n  visibleColumns: Array<HvColumnInstance<D, H>>;\n  headers: Array<HvColumnInstance<D, H>>;\n  flatHeaders: Array<HvColumnInstance<D, H>>;\n  rows: Array<HvRowInstance<D, H>>;\n  page: Array<HvRowInstance<D, H>>;\n  rowsById: Record<string, HvRowInstance<D, H>>;\n  flatRows: Array<HvRowInstance<D, H>>;\n  getHooks: () => HvHooks<D>;\n  getTableProps: (propGetter?: HvTablePropGetter<D, H>) => HvUseTableProps;\n  prepareRow: (row: HvRowInstance<D, H>) => void;\n  selectedFlatRows: Array<HvRowInstance<D, H>>;\n  initialRows: Array<HvRowInstance<D, H>>;\n  initialRowsById: Record<string, HvRowInstance<D, H>>;\n  labels: Record<string, string>;\n  headerGroups: Array<HvHeaderGroup<D, H>>;\n  footerGroups: Array<HvHeaderGroup<D, H>>;\n}\n\nexport interface HvColumnInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> extends Omit<\n      ColumnInstance<D>,\n      | \"Cell\"\n      | \"columns\"\n      | \"parent\"\n      | \"placeholderOf\"\n      | \"id\"\n      | \"Header\"\n      | \"getHeaderProps\"\n      | \"getFooterProps\"\n      | \"Footer\"\n    >,\n    HvTableColumnOptions<D, H>,\n    Partial<UseFiltersColumnProps<D>>,\n    Partial<UseGroupByColumnProps<D>>,\n    Partial<UseResizeColumnsColumnProps<D>>,\n    Partial<UseSortByColumnProps<D>> {\n  Cell?: Renderer<HvCellProps<D, H>>;\n  columns: Array<HvColumnInstance<D, H>>;\n  parent: HvColumnInstance<D, H>;\n  placeholderOf?: HvColumnInstance<D, H>;\n  getHeaderProps: (\n    propGetter?: HvHeaderPropGetter<D, H>\n  ) => HvUseTableHeaderProps;\n  getFooterProps: (\n    propGetter?: HvFooterPropGetter<D, H>\n  ) => HvUseTableFooterProps;\n}\n\nexport interface HvRowInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n> extends Omit<Row<D>, \"cells\" | \"allCells\" | \"subRows\" | \"getRowProps\">,\n    Partial<Omit<UseGroupByRowProps<D>, \"subRows\" | \"values\">>,\n    Partial<UseRowStateRowProps<D>>,\n    Partial<Omit<UseHvRowExpandRowInstance<D>, \"subRows\">>,\n    Partial<UseHvRowSelectionRowInstance> {\n  cells: Array<HvCellInstance<D, H>>;\n  allCells: Array<HvCellInstance<D, H>>;\n  getRowProps: (propGetter?: HvRowPropGetter<D, H>) => HvUseTableRowProps;\n  index: number;\n  original: D;\n  id: string;\n  subRows: Array<HvRowInstance<D, H>>;\n}\n\nexport interface HvCellInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  V = any\n> extends Omit<Cell<D, V>, \"column\" | \"row\" | \"getCellProps\">,\n    Partial<UseGroupByCellProps<D>> {\n  column: HvColumnInstance<D, H>;\n  row: HvRowInstance<D, H>;\n  getCellProps: (propGetter?: HvCellPropGetter<D, H>) => HvUseTableCellProps;\n}\n// #endregion\n\n// #region PROPS\nexport interface HvUseTableProps\n  extends Omit<TableProps, \"role\">,\n    UseHvTableStickyTableProps,\n    HvTableProps {}\n\nexport interface HvUseTableHeaderProps\n  extends Omit<TableHeaderProps, \"role\">,\n    Omit<UseHvTableStylesTableCellProps, \"classes\">,\n    UseHvTableStickyColumnProps,\n    UseHvHeaderGroupsColumnProps,\n    UseHvResizeColumnProps,\n    Omit<UseHvSortByColumnProps, \"sortDirection\">,\n    HvTableHeaderProps {}\n\nexport interface HvUseTableFooterProps\n  extends TableFooterProps,\n    UseHvTableStylesTableCellProps {}\n\nexport interface HvUseTableRowProps\n  extends Omit<TableRowProps, \"role\">,\n    UseHvTableStylesTableRowProps,\n    UseHvRowSelectionTableRowProps,\n    UseHvRowExpandTableRowProps,\n    HvTableRowProps {}\n\nexport interface HvUseTableCellProps\n  extends Omit<TableCellProps, \"role\">,\n    Omit<UseHvTableStylesTableCellProps, \"variant\" | \"classes\">,\n    UseHvTableStickyCellProps,\n    UseHvHeaderGroupsCellProps,\n    UseHvResizeTableCellProps,\n    UseHvSortByTableCellProps,\n    HvTableCellProps {}\n\n// #endregion\n\nexport type UseHvTableProps = <\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  options: HvTableOptions<D, H>,\n  ...plugins: Array<PluginHook<D>>\n) => HvTableInstance<D, H>;\n\nexport type { PluginHook as HvTablePluginHook };\n\n// #endregion ##### TYPES #####\n\nconst toTitleCase = (str: string) => {\n  return str\n    .replace(/([^A-Z])([A-Z])/g, \"$1 $2\") // split cameCase\n    .replace(/[_-]+/g, \" \") // split snake_case and lisp-case\n    .toLowerCase()\n    .replace(/(^\\w|\\b\\w)/g, (m) => m.toUpperCase()) // title case words\n    .replace(/\\s+/g, \" \") // collapse repeated whitespace\n    .trim(); // remove leading/trailing whitespace\n};\n\nfunction useDefaultData<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(data?: HvTableOptions<D, H>[\"data\"]) {\n  return useMemo(() => {\n    return data || [];\n  }, [data]);\n}\n\nfunction useDefaultColumns<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  data: NonNullable<HvTableOptions<D, H>[\"data\"]>,\n  columns?: HvTableOptions<D, H>[\"columns\"]\n) {\n  return useMemo(() => {\n    if (columns != null) {\n      return columns;\n    }\n\n    const uniqueKeys = Object.keys(Object.assign({}, ...data));\n\n    return uniqueKeys\n      .filter((key) => ![\"subRows\", \"subComponent\"].includes(key))\n      .map((key) => ({\n        accessor: key,\n        Header: toTitleCase(key),\n      }));\n  }, [columns, data]);\n}\n\nfunction ensureCorePluginInstallation<\n  D extends object = Record<string, unknown>\n>(\n  plugins: PluginHook<D>[],\n  hvPluginName: string,\n  corePluginToInstall: PluginHook<D>\n) {\n  const indexOfCorePlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === corePluginToInstall.pluginName\n  );\n  const indexOfHvPlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === hvPluginName\n  );\n\n  if (\n    indexOfHvPlugin !== -1 &&\n    (indexOfCorePlugin === -1 || indexOfCorePlugin > indexOfHvPlugin)\n  ) {\n    if (indexOfCorePlugin > -1) {\n      plugins.splice(indexOfCorePlugin, 1);\n    }\n\n    plugins.splice(indexOfHvPlugin, 0, corePluginToInstall);\n  }\n}\n\nfunction useInstanceHook<D extends object = Record<string, unknown>>(\n  instance: TableInstance<D>\n) {\n  const { rowsById } = instance;\n\n  Object.assign(instance, {\n    initialRowsById: rowsById,\n  });\n}\n\nfunction useHvTableSetup<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) {\n  hooks.useInstance.push(useInstanceHook);\n}\nuseHvTableSetup.pluginName = \"useHvTableSetup\";\n\nfunction useHvTable<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  options: HvTableOptions<D, H>,\n  ...plugins: PluginHook<D>[]\n): HvTableInstance<D, H> {\n  const { data: dataProp, columns: columnsProp, ...others } = options;\n\n  const data = useDefaultData<D, H>(dataProp);\n  const columns = useDefaultColumns<D, H>(data, columnsProp);\n\n  ensureCorePluginInstallation<D>(plugins, \"useHvPagination\", usePagination);\n  ensureCorePluginInstallation<D>(plugins, \"useHvRowExpand\", useExpanded);\n  ensureCorePluginInstallation<D>(plugins, \"useHvSortBy\", useSortBy);\n  ensureCorePluginInstallation<D>(\n    plugins,\n    \"useHvResizeColumns\",\n    useResizeColumns\n  );\n\n  const indexOfHvTableStylesPlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === \"useHvTableStyles\"\n  );\n  if (indexOfHvTableStylesPlugin === -1) {\n    plugins.push(useHvTableStyles);\n  }\n\n  // Main hook call\n  return useTable<D>(\n    {\n      data,\n      columns,\n      ...others,\n    } as any,\n    useHvTableSetup,\n    ...plugins\n  ) as any;\n}\n\nexport default useHvTable;\n"],"names":[],"mappings":";;;AAqlBA,MAAM,cAAc,CAAC,QAAgB;AAC5B,SAAA,IACJ,QAAQ,oBAAoB,OAAO,EACnC,QAAQ,UAAU,GAAG,EACrB,cACA,QAAQ,eAAe,CAAC,MAAM,EAAE,YAAa,CAAA,EAC7C,QAAQ,QAAQ,GAAG,EACnB;AACL;AAEA,SAAS,eAGP,MAAqC;AACrC,SAAO,QAAQ,MAAM;AACnB,WAAO,QAAQ,CAAA;AAAA,EAAC,GACf,CAAC,IAAI,CAAC;AACX;AAEA,SAAS,kBAIP,MACA,SACA;AACA,SAAO,QAAQ,MAAM;AACnB,QAAI,WAAW,MAAM;AACZ,aAAA;AAAA,IACT;AAEM,UAAA,aAAa,OAAO,KAAK,OAAO,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC;AAEzD,WAAO,WACJ,OAAO,CAAC,QAAQ,CAAC,CAAC,WAAW,cAAc,EAAE,SAAS,GAAG,CAAC,EAC1D,IAAI,CAAC,SAAS;AAAA,MACb,UAAU;AAAA,MACV,QAAQ,YAAY,GAAG;AAAA,IACvB,EAAA;AAAA,EAAA,GACH,CAAC,SAAS,IAAI,CAAC;AACpB;AAEA,SAAS,6BAGP,SACA,cACA,qBACA;AACA,QAAM,oBAAoB,QAAQ;AAAA,IAChC,CAAC,WAAW,OAAO,eAAe,oBAAoB;AAAA,EAAA;AAExD,QAAM,kBAAkB,QAAQ;AAAA,IAC9B,CAAC,WAAW,OAAO,eAAe;AAAA,EAAA;AAGpC,MACE,oBAAoB,OACnB,sBAAsB,MAAM,oBAAoB,kBACjD;AACA,QAAI,oBAAoB,IAAI;AAClB,cAAA,OAAO,mBAAmB,CAAC;AAAA,IACrC;AAEQ,YAAA,OAAO,iBAAiB,GAAG,mBAAmB;AAAA,EACxD;AACF;AAEA,SAAS,gBACP,UACA;AACM,QAAA,EAAE,SAAa,IAAA;AAErB,SAAO,OAAO,UAAU;AAAA,IACtB,iBAAiB;AAAA,EAAA,CAClB;AACH;AAEA,SAAS,gBACP,OACA;AACM,QAAA,YAAY,KAAK,eAAe;AACxC;AACA,gBAAgB,aAAa;AAE7B,SAAS,WAIP,YACG,SACoB;AACvB,QAAM,EAAE,MAAM,UAAU,SAAS,aAAa,GAAG,OAAW,IAAA;AAEtD,QAAA,OAAO,eAAqB,QAAQ;AACpC,QAAA,UAAU,kBAAwB,MAAM,WAAW;AAEzB,+BAAA,SAAS,mBAAmB,aAAa;AACzC,+BAAA,SAAS,kBAAkB,WAAW;AACtC,+BAAA,SAAS,eAAe,SAAS;AACjE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,6BAA6B,QAAQ;AAAA,IACzC,CAAC,WAAW,OAAO,eAAe;AAAA,EAAA;AAEpC,MAAI,+BAA+B,IAAI;AACrC,YAAQ,KAAK,gBAAgB;AAAA,EAC/B;AAGO,SAAA;AAAA,IACL;AAAA,MACE;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"useTable.js","sources":["../../../../src/Table/hooks/useTable.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n  ActionType,\n  Cell,\n  ColumnInstance,\n  ColumnInterface,\n  Hooks,\n  PluginHook,\n  ReducerTableState,\n  Renderer,\n  Row,\n  TableCellProps,\n  TableFooterProps,\n  TableHeaderProps,\n  TableInstance,\n  TableOptions,\n  TableProps,\n  TableRowProps,\n  TableState,\n  UseColumnOrderInstanceProps,\n  UseColumnOrderState,\n  useExpanded,\n  UseExpandedHooks,\n  UseExpandedInstanceProps,\n  UseExpandedOptions,\n  UseExpandedState,\n  UseFiltersColumnOptions,\n  UseFiltersColumnProps,\n  UseFiltersInstanceProps,\n  UseFiltersOptions,\n  UseFiltersState,\n  UseGlobalFiltersColumnOptions,\n  UseGlobalFiltersInstanceProps,\n  UseGlobalFiltersOptions,\n  UseGlobalFiltersState,\n  UseGroupByCellProps,\n  UseGroupByColumnOptions,\n  UseGroupByColumnProps,\n  UseGroupByHooks,\n  UseGroupByInstanceProps,\n  UseGroupByOptions,\n  UseGroupByRowProps,\n  UseGroupByState,\n  usePagination,\n  UsePaginationInstanceProps,\n  UsePaginationOptions,\n  UsePaginationState,\n  useResizeColumns,\n  UseResizeColumnsColumnOptions,\n  UseResizeColumnsColumnProps,\n  UseResizeColumnsOptions,\n  UseResizeColumnsState,\n  UseRowStateInstanceProps,\n  UseRowStateOptions,\n  UseRowStateRowProps,\n  UseRowStateState,\n  useSortBy,\n  UseSortByColumnOptions,\n  UseSortByColumnProps,\n  UseSortByHooks,\n  UseSortByInstanceProps,\n  UseSortByOptions,\n  UseSortByState,\n  useTable,\n  UseTableHeaderGroupProps,\n} from \"react-table\";\n\nimport { HvTableProps } from \"../Table\";\nimport { HvTableCellProps } from \"../TableCell\";\nimport { HvTableHeaderProps } from \"../TableHeader\";\nimport { HvTableRowProps } from \"../TableRow\";\nimport {\n  UseHvBulkActionsHooks,\n  UseHvBulkActionsTableInstanceProps,\n  UseHvBulkActionsTableOptions,\n} from \"./useBulkActions\";\nimport {\n  UseHvHeaderGroupsCellProps,\n  UseHvHeaderGroupsColumnProps,\n  UseHvHeaderGroupsInstance,\n} from \"./useHeaderGroups\";\nimport {\n  UseHvPaginationHooks,\n  UseHvPaginationTableInstance,\n} from \"./usePagination\";\nimport {\n  UseHvResizeColumnProps,\n  UseHvResizeTableCellProps,\n} from \"./useResizeColumns\";\nimport {\n  UseHvRowExpandRowInstance,\n  UseHvRowExpandTableOptions,\n  UseHvRowExpandTableRowProps,\n} from \"./useRowExpand\";\nimport {\n  UseHvRowSelectionHooks,\n  UseHvRowSelectionRowInstance,\n  UseHvRowSelectionState,\n  UseHvRowSelectionTableInstance,\n  UseHvRowSelectionTableOptions,\n  UseHvRowSelectionTableRowProps,\n} from \"./useRowSelection\";\nimport { UseHvSortByColumnProps, UseHvSortByTableCellProps } from \"./useSortBy\";\nimport {\n  UseHvTableStickyCellProps,\n  UseHvTableStickyColumnProps,\n  UseHvTableStickyHooks,\n  UseHvTableStickyTableInstance,\n  UseHvTableStickyTableOptions,\n  UseHvTableStickyTableProps,\n} from \"./useSticky\";\nimport useHvTableStyles, {\n  UseHvTableStylesColumnOptions,\n  UseHvTableStylesTableCellProps,\n  UseHvTableStylesTableOptions,\n  UseHvTableStylesTableRowProps,\n} from \"./useTableStyles\";\n\n// #region ##### TYPES #####\n\ntype Accessor<D extends object> = (\n  originalRow: D,\n  index: number,\n  sub: {\n    subRows: D[];\n    depth: number;\n    data: D[];\n  },\n) => CellValue;\n\ntype ValueOf<T> = T[keyof T];\ntype StringKey<D> = Extract<keyof D, string>;\ntype IdType<D> = StringKey<D> | string;\ntype CellValue<V = any> = V;\n\ntype HvHeaderProps<D extends object = Record<string, unknown>> =\n  HvTableInstance<D> & {\n    column: HvColumnInstance<D>;\n  };\n\ninterface HvMetaBase<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> {\n  instance: HvTableInstance<D, H>;\n  userProps: any;\n}\n\nexport type HvMeta<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  Extension = never,\n  M = HvMetaBase<D, H>,\n> = [Extension] extends [never] ? M : M & Extension;\n\nexport type HvPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  Props extends object = Record<string, unknown>,\n  T extends object = never,\n  P = Partial<Props>,\n> = ((props: P, meta: HvMeta<D, H, T>) => P | P[]) | P | P[];\n\nexport type HvTableHeaderRenderer<D extends object = Record<string, unknown>> =\n  Renderer<HvHeaderProps<D>>;\n\ntype HvFooterProps<D extends object = Record<string, unknown>> =\n  HvTableInstance<D> & {\n    column: HvColumnInstance<D>;\n  };\n\ninterface HvHeaderGroup<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> extends HvColumnInstance<D, H>,\n    Omit<UseTableHeaderGroupProps<D>, \"headers\"> {\n  headers: Array<HvHeaderGroup<D, H>>;\n}\n\ntype HvRowPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvPropGetter<D, H, HvUseTableRowProps, { row: HvRowInstance<D, H> }>;\n\ntype HvTablePropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvPropGetter<D, H, HvUseTableProps>;\n\ntype HvCellPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvPropGetter<D, H, HvUseTableCellProps, { cell: HvCellInstance<D, H> }>;\n\ntype HvHeaderPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvPropGetter<D, H, HvUseTableHeaderProps, { column: HvHeaderGroup<D, H> }>;\n\ntype HvFooterPropGetter<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvPropGetter<D, H, HvUseTableFooterProps, { column: HvHeaderGroup<D, H> }>;\n\nexport interface HvCellProps<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  V = any,\n> extends HvTableInstance<D, H> {\n  column: HvColumnInstance<D, H>;\n  row: HvRowInstance<D, H>;\n  cell: HvCellInstance<D, H, V>;\n  value: CellValue<V>;\n}\n\nexport type HvTableDefinitionConfig<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvTableOptions<D, H>;\n\ninterface HvColumnInterfaceBasedOnValue<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  V = any,\n> {\n  Cell?: Renderer<HvCellProps<D, H, V>>;\n}\n\ninterface HvColumnGroupInterface<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> {\n  columns: Array<HvTableColumnConfig<D, H>>;\n}\n\ntype HvColumnGroup<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvTableColumnOptions<D, H> &\n  HvColumnGroupInterface<D, H> &\n  (\n    | { Header: H }\n    | ({ id: IdType<D> } & {\n        Header: H;\n      })\n  ) & { accessor?: Accessor<D> };\n\ntype HvColumnWithStrictAccessor<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvTableColumnOptions<D, H> &\n  ValueOf<{\n    [K in keyof D]: {\n      accessor: K;\n    } & HvColumnInterfaceBasedOnValue<D, H, D[K]>;\n  }>;\n\ntype HvColumnWithLooseAccessor<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> = HvTableColumnOptions<D, H> &\n  HvColumnInterfaceBasedOnValue<D, H> &\n  (\n    | { Header: H }\n    | { id: IdType<D> }\n    | { accessor: keyof D extends never ? IdType<D> : never }\n  ) & {\n    accessor?: keyof D extends never ? IdType<D> | Accessor<D> : Accessor<D>;\n  };\n\nexport type HvTableColumnConfig<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> =\n  | HvColumnGroup<D, H>\n  | HvColumnWithLooseAccessor<D, H>\n  | HvColumnWithStrictAccessor<D, H>;\n\n// #region HOOKS\nexport interface HvHooks<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> extends Omit<Hooks<D>, \"useOptions\">,\n    Partial<UseExpandedHooks<D>>,\n    Partial<UseGroupByHooks<D>>,\n    Partial<UseSortByHooks<D>>,\n    Partial<UseHvRowSelectionHooks<D>>,\n    Partial<UseHvTableStickyHooks<D>>,\n    Partial<UseHvPaginationHooks<D>>,\n    Partial<UseHvBulkActionsHooks<D>> {\n  useOptions: Array<\n    (\n      options: HvTableOptions<D, H>,\n      args: HvTableOptions<D, H>,\n    ) => HvTableOptions<D, H>\n  >;\n  stateReducers: Array<\n    (\n      newState: HvTableState<D>,\n      action: ActionType,\n      previousState?: HvTableState<D>,\n      instance?: HvTableState<D>,\n    ) => ReducerTableState<D> | undefined\n  >;\n  columns: Array<\n    (\n      columns: Array<HvTableColumnConfig<D, H>>,\n      meta: HvMeta<D, H>,\n    ) => Array<HvTableColumnConfig<D, H>>\n  >;\n  allColumns: Array<\n    (\n      allColumns: Array<HvColumnInstance<D, H>>,\n      meta: HvMeta<D, H>,\n    ) => Array<HvTableColumnConfig<D, H>>\n  >;\n  visibleColumns: Array<\n    (\n      allColumns: Array<HvColumnInstance<D, H>>,\n      meta: HvMeta<D, H>,\n    ) => Array<HvTableColumnConfig<D, H>>\n  >;\n  headerGroups: Array<\n    (\n      allColumns: Array<HvHeaderGroup<D, H>>,\n      meta: HvMeta<D, H>,\n    ) => Array<HvHeaderGroup<D, H>>\n  >;\n  useInstanceBeforeDimensions: Array<(instance: HvTableInstance<D, H>) => void>;\n  useInstance: Array<(instance: HvTableInstance<D, H>) => void>;\n  useControlledState: Array<\n    (state: HvTableState<D>, meta: HvMeta<D, H>) => HvTableState<D>\n  >;\n  getTableProps: Array<HvTablePropGetter<D, H>>;\n  getHeaderProps: Array<HvHeaderPropGetter<D>>;\n  getFooterProps: Array<HvFooterPropGetter<D>>;\n  getRowProps: Array<HvRowPropGetter<D>>;\n  getCellProps: Array<HvCellPropGetter<D>>;\n  useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;\n}\n// #endregion\n\n// #region STATE\nexport interface HvTableState<D extends object = Record<string, unknown>>\n  extends TableState<D>,\n    Partial<UseColumnOrderState<D>>,\n    Partial<UseExpandedState<D>>,\n    Partial<UseFiltersState<D>>,\n    Partial<UseGlobalFiltersState<D>>,\n    Partial<UseGroupByState<D>>,\n    Partial<UsePaginationState<D>>,\n    Partial<UseResizeColumnsState<D>>,\n    Partial<UseSortByState<D>>,\n    Partial<UseRowStateState<D>>,\n    Partial<UseHvRowSelectionState<D>> {\n  rowCount: number;\n}\n// #endregion\n\n// #region OPTIONS\nexport interface HvTableOptions<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> extends Omit<\n      TableOptions<D>,\n      | \"columns\"\n      | \"data\"\n      | \"defaultColumn\"\n      | \"stateReducer\"\n      | \"useControlledState\"\n      | \"getRowId\"\n    >,\n    Partial<UseExpandedOptions<D>>,\n    Partial<UseFiltersOptions<D>>,\n    Partial<UseGlobalFiltersOptions<D>>,\n    Partial<UseGroupByOptions<D>>,\n    Partial<UsePaginationOptions<D>>,\n    Partial<UseResizeColumnsOptions<D>>,\n    Partial<UseSortByOptions<D>>,\n    Partial<UseRowStateOptions<D>>,\n    Partial<UseHvTableStylesTableOptions>,\n    Partial<UseHvRowSelectionTableOptions>,\n    Partial<UseHvTableStickyTableOptions>,\n    Partial<UseHvBulkActionsTableOptions>,\n    Partial<UseHvRowExpandTableOptions> {\n  columns?: Array<HvTableColumnConfig<D, H>>;\n  data?: D[];\n  initialState?: Partial<HvTableState<D>>;\n  labels?: Record<string, string>;\n  defaultColumn?: Partial<HvTableColumnConfig<D, H>>;\n  stateReducer?: (\n    newState: HvTableState<D>,\n    action: ActionType,\n    previousState: HvTableState<D>,\n    instance?: HvTableInstance<D, H>,\n  ) => HvTableState<D>;\n  useControlledState?: (\n    state: HvTableState<D>,\n    meta: HvMeta<D, H>,\n  ) => HvTableState<D>;\n  getRowId?: (\n    originalRow: D,\n    relativeIndex: number,\n    parent?: HvRowInstance<D, H>,\n  ) => string;\n}\n\nexport interface HvTableColumnOptions<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> extends Omit<ColumnInterface<D>, \"Header\" | \"Footer\">,\n    Partial<UseFiltersColumnOptions<D>>,\n    Partial<UseGroupByColumnOptions<D>>,\n    Partial<UseResizeColumnsColumnOptions<D>>,\n    Partial<UseSortByColumnOptions<D>>,\n    Partial<UseGlobalFiltersColumnOptions<D>>,\n    Partial<UseHvTableStylesColumnOptions> {\n  Header?: H;\n  Footer?: Renderer<HvFooterProps<D>>;\n  originalId?: IdType<D>;\n}\n// #endregion\n\n// #region INSTANCE\nexport interface HvTableInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> extends Omit<\n      TableInstance<D>,\n      | \"pageCount\"\n      | \"data\"\n      | \"columns\"\n      | \"rows\"\n      | \"allColumns\"\n      | \"visibleColumns\"\n      | \"headers\"\n      | \"flatHeaders\"\n      | \"rowsById\"\n      | \"prepareRow\"\n      | \"flatRows\"\n      | \"headerGroups\"\n      | \"footerGroups\"\n      | \"defaultColumn\"\n      | \"stateReducer\"\n      | \"useControlledState\"\n      | \"getRowId\"\n      | \"getHooks\"\n      | \"getTableProps\"\n    >,\n    Omit<HvTableOptions<D, H>, \"pageCount\" | \"columns\">,\n    Partial<UseColumnOrderInstanceProps<D>>,\n    Partial<Omit<UseExpandedInstanceProps<D>, \"rows\">>,\n    Partial<Omit<UseFiltersInstanceProps<D>, \"rows\" | \"rowsById\" | \"flatRows\">>,\n    Partial<\n      Omit<UseGlobalFiltersInstanceProps<D>, \"rows\" | \"rowsById\" | \"flatRows\">\n    >,\n    Partial<Omit<UseGroupByInstanceProps<D>, \"rows\" | \"rowsById\" | \"flatRows\">>,\n    Partial<Omit<UsePaginationInstanceProps<D>, \"page\">>,\n    Partial<Omit<UseSortByInstanceProps<D>, \"rows\">>,\n    Partial<UseRowStateInstanceProps<D>>,\n    Partial<Omit<UseHvRowSelectionTableInstance<D>, \"selectedFlatRows\">>,\n    Partial<UseHvTableStickyTableInstance<D>>,\n    Partial<UseHvHeaderGroupsInstance>,\n    Partial<UseHvPaginationTableInstance<D>>,\n    Partial<UseHvBulkActionsTableInstanceProps<D>> {\n  initialState: Partial<HvTableState<D>>;\n  state: HvTableState<D>;\n  columns: Array<HvColumnInstance<D, H>>;\n  allColumns: Array<HvColumnInstance<D, H>>;\n  visibleColumns: Array<HvColumnInstance<D, H>>;\n  headers: Array<HvColumnInstance<D, H>>;\n  flatHeaders: Array<HvColumnInstance<D, H>>;\n  rows: Array<HvRowInstance<D, H>>;\n  page: Array<HvRowInstance<D, H>>;\n  rowsById: Record<string, HvRowInstance<D, H>>;\n  flatRows: Array<HvRowInstance<D, H>>;\n  getHooks: () => HvHooks<D>;\n  getTableProps: (propGetter?: HvTablePropGetter<D, H>) => HvUseTableProps;\n  prepareRow: (row: HvRowInstance<D, H>) => void;\n  selectedFlatRows: Array<HvRowInstance<D, H>>;\n  initialRows: Array<HvRowInstance<D, H>>;\n  initialRowsById: Record<string, HvRowInstance<D, H>>;\n  labels: Record<string, string>;\n  headerGroups: Array<HvHeaderGroup<D, H>>;\n  footerGroups: Array<HvHeaderGroup<D, H>>;\n}\n\nexport interface HvColumnInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> extends Omit<\n      ColumnInstance<D>,\n      | \"Cell\"\n      | \"columns\"\n      | \"parent\"\n      | \"placeholderOf\"\n      | \"id\"\n      | \"Header\"\n      | \"getHeaderProps\"\n      | \"getFooterProps\"\n      | \"Footer\"\n    >,\n    HvTableColumnOptions<D, H>,\n    Partial<UseFiltersColumnProps<D>>,\n    Partial<UseGroupByColumnProps<D>>,\n    Partial<UseResizeColumnsColumnProps<D>>,\n    Partial<UseSortByColumnProps<D>> {\n  Cell?: Renderer<HvCellProps<D, H>>;\n  columns: Array<HvColumnInstance<D, H>>;\n  parent: HvColumnInstance<D, H>;\n  placeholderOf?: HvColumnInstance<D, H>;\n  getHeaderProps: (\n    propGetter?: HvHeaderPropGetter<D, H>,\n  ) => HvUseTableHeaderProps;\n  getFooterProps: (\n    propGetter?: HvFooterPropGetter<D, H>,\n  ) => HvUseTableFooterProps;\n}\n\nexport interface HvRowInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n> extends Omit<Row<D>, \"cells\" | \"allCells\" | \"subRows\" | \"getRowProps\">,\n    Partial<Omit<UseGroupByRowProps<D>, \"subRows\" | \"values\">>,\n    Partial<UseRowStateRowProps<D>>,\n    Partial<Omit<UseHvRowExpandRowInstance<D>, \"subRows\">>,\n    Partial<UseHvRowSelectionRowInstance> {\n  cells: Array<HvCellInstance<D, H>>;\n  allCells: Array<HvCellInstance<D, H>>;\n  getRowProps: (propGetter?: HvRowPropGetter<D, H>) => HvUseTableRowProps;\n  index: number;\n  original: D;\n  id: string;\n  subRows: Array<HvRowInstance<D, H>>;\n}\n\nexport interface HvCellInstance<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  V = any,\n> extends Omit<Cell<D, V>, \"column\" | \"row\" | \"getCellProps\">,\n    Partial<UseGroupByCellProps<D>> {\n  column: HvColumnInstance<D, H>;\n  row: HvRowInstance<D, H>;\n  getCellProps: (propGetter?: HvCellPropGetter<D, H>) => HvUseTableCellProps;\n}\n// #endregion\n\n// #region PROPS\nexport interface HvUseTableProps\n  extends Omit<TableProps, \"role\">,\n    UseHvTableStickyTableProps,\n    HvTableProps {}\n\nexport interface HvUseTableHeaderProps\n  extends Omit<TableHeaderProps, \"role\">,\n    Omit<UseHvTableStylesTableCellProps, \"classes\">,\n    UseHvTableStickyColumnProps,\n    UseHvHeaderGroupsColumnProps,\n    UseHvResizeColumnProps,\n    Omit<UseHvSortByColumnProps, \"sortDirection\">,\n    HvTableHeaderProps {}\n\nexport interface HvUseTableFooterProps\n  extends TableFooterProps,\n    UseHvTableStylesTableCellProps {}\n\nexport interface HvUseTableRowProps\n  extends Omit<TableRowProps, \"role\">,\n    UseHvTableStylesTableRowProps,\n    UseHvRowSelectionTableRowProps,\n    UseHvRowExpandTableRowProps,\n    HvTableRowProps {}\n\nexport interface HvUseTableCellProps\n  extends Omit<TableCellProps, \"role\">,\n    Omit<UseHvTableStylesTableCellProps, \"variant\" | \"classes\">,\n    UseHvTableStickyCellProps,\n    UseHvHeaderGroupsCellProps,\n    UseHvResizeTableCellProps,\n    UseHvSortByTableCellProps,\n    HvTableCellProps {}\n\n// #endregion\n\nexport type UseHvTableProps = <\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  options: HvTableOptions<D, H>,\n  ...plugins: Array<PluginHook<D>>\n) => HvTableInstance<D, H>;\n\nexport type { PluginHook as HvTablePluginHook };\n\n// #endregion ##### TYPES #####\n\nconst toTitleCase = (str: string) => {\n  return str\n    .replace(/([^A-Z])([A-Z])/g, \"$1 $2\") // split cameCase\n    .replace(/[_-]+/g, \" \") // split snake_case and lisp-case\n    .toLowerCase()\n    .replace(/(^\\w|\\b\\w)/g, (m) => m.toUpperCase()) // title case words\n    .replace(/\\s+/g, \" \") // collapse repeated whitespace\n    .trim(); // remove leading/trailing whitespace\n};\n\nfunction useDefaultData<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(data?: HvTableOptions<D, H>[\"data\"]) {\n  return useMemo(() => {\n    return data || [];\n  }, [data]);\n}\n\nfunction useDefaultColumns<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  data: NonNullable<HvTableOptions<D, H>[\"data\"]>,\n  columns?: HvTableOptions<D, H>[\"columns\"],\n) {\n  return useMemo(() => {\n    if (columns != null) {\n      return columns;\n    }\n\n    const uniqueKeys = Object.keys(Object.assign({}, ...data));\n\n    return uniqueKeys\n      .filter((key) => ![\"subRows\", \"subComponent\"].includes(key))\n      .map((key) => ({\n        accessor: key,\n        Header: toTitleCase(key),\n      }));\n  }, [columns, data]);\n}\n\nfunction ensureCorePluginInstallation<\n  D extends object = Record<string, unknown>,\n>(\n  plugins: PluginHook<D>[],\n  hvPluginName: string,\n  corePluginToInstall: PluginHook<D>,\n) {\n  const indexOfCorePlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === corePluginToInstall.pluginName,\n  );\n  const indexOfHvPlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === hvPluginName,\n  );\n\n  if (\n    indexOfHvPlugin !== -1 &&\n    (indexOfCorePlugin === -1 || indexOfCorePlugin > indexOfHvPlugin)\n  ) {\n    if (indexOfCorePlugin > -1) {\n      plugins.splice(indexOfCorePlugin, 1);\n    }\n\n    plugins.splice(indexOfHvPlugin, 0, corePluginToInstall);\n  }\n}\n\nfunction useInstanceHook<D extends object = Record<string, unknown>>(\n  instance: TableInstance<D>,\n) {\n  const { rowsById } = instance;\n\n  Object.assign(instance, {\n    initialRowsById: rowsById,\n  });\n}\n\nfunction useHvTableSetup<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>,\n) {\n  hooks.useInstance.push(useInstanceHook);\n}\nuseHvTableSetup.pluginName = \"useHvTableSetup\";\n\nfunction useHvTable<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  options: HvTableOptions<D, H>,\n  ...plugins: PluginHook<D>[]\n): HvTableInstance<D, H> {\n  const { data: dataProp, columns: columnsProp, ...others } = options;\n\n  const data = useDefaultData<D, H>(dataProp);\n  const columns = useDefaultColumns<D, H>(data, columnsProp);\n\n  ensureCorePluginInstallation<D>(plugins, \"useHvPagination\", usePagination);\n  ensureCorePluginInstallation<D>(plugins, \"useHvRowExpand\", useExpanded);\n  ensureCorePluginInstallation<D>(plugins, \"useHvSortBy\", useSortBy);\n  ensureCorePluginInstallation<D>(\n    plugins,\n    \"useHvResizeColumns\",\n    useResizeColumns,\n  );\n\n  const indexOfHvTableStylesPlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === \"useHvTableStyles\",\n  );\n  if (indexOfHvTableStylesPlugin === -1) {\n    plugins.push(useHvTableStyles);\n  }\n\n  // Main hook call\n  return useTable<D>(\n    {\n      data,\n      columns,\n      ...others,\n    } as any,\n    useHvTableSetup,\n    ...plugins,\n  ) as any;\n}\n\nexport default useHvTable;\n"],"names":[],"mappings":";;;AAqlBA,MAAM,cAAc,CAAC,QAAgB;AAC5B,SAAA,IACJ,QAAQ,oBAAoB,OAAO,EACnC,QAAQ,UAAU,GAAG,EACrB,cACA,QAAQ,eAAe,CAAC,MAAM,EAAE,YAAa,CAAA,EAC7C,QAAQ,QAAQ,GAAG,EACnB;AACL;AAEA,SAAS,eAGP,MAAqC;AACrC,SAAO,QAAQ,MAAM;AACnB,WAAO,QAAQ,CAAA;AAAA,EAAC,GACf,CAAC,IAAI,CAAC;AACX;AAEA,SAAS,kBAIP,MACA,SACA;AACA,SAAO,QAAQ,MAAM;AACnB,QAAI,WAAW,MAAM;AACZ,aAAA;AAAA,IACT;AAEM,UAAA,aAAa,OAAO,KAAK,OAAO,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC;AAEzD,WAAO,WACJ,OAAO,CAAC,QAAQ,CAAC,CAAC,WAAW,cAAc,EAAE,SAAS,GAAG,CAAC,EAC1D,IAAI,CAAC,SAAS;AAAA,MACb,UAAU;AAAA,MACV,QAAQ,YAAY,GAAG;AAAA,IACvB,EAAA;AAAA,EAAA,GACH,CAAC,SAAS,IAAI,CAAC;AACpB;AAEA,SAAS,6BAGP,SACA,cACA,qBACA;AACA,QAAM,oBAAoB,QAAQ;AAAA,IAChC,CAAC,WAAW,OAAO,eAAe,oBAAoB;AAAA,EAAA;AAExD,QAAM,kBAAkB,QAAQ;AAAA,IAC9B,CAAC,WAAW,OAAO,eAAe;AAAA,EAAA;AAGpC,MACE,oBAAoB,OACnB,sBAAsB,MAAM,oBAAoB,kBACjD;AACA,QAAI,oBAAoB,IAAI;AAClB,cAAA,OAAO,mBAAmB,CAAC;AAAA,IACrC;AAEQ,YAAA,OAAO,iBAAiB,GAAG,mBAAmB;AAAA,EACxD;AACF;AAEA,SAAS,gBACP,UACA;AACM,QAAA,EAAE,SAAa,IAAA;AAErB,SAAO,OAAO,UAAU;AAAA,IACtB,iBAAiB;AAAA,EAAA,CAClB;AACH;AAEA,SAAS,gBACP,OACA;AACM,QAAA,YAAY,KAAK,eAAe;AACxC;AACA,gBAAgB,aAAa;AAE7B,SAAS,WAIP,YACG,SACoB;AACvB,QAAM,EAAE,MAAM,UAAU,SAAS,aAAa,GAAG,OAAW,IAAA;AAEtD,QAAA,OAAO,eAAqB,QAAQ;AACpC,QAAA,UAAU,kBAAwB,MAAM,WAAW;AAEzB,+BAAA,SAAS,mBAAmB,aAAa;AACzC,+BAAA,SAAS,kBAAkB,WAAW;AACtC,+BAAA,SAAS,eAAe,SAAS;AACjE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,6BAA6B,QAAQ;AAAA,IACzC,CAAC,WAAW,OAAO,eAAe;AAAA,EAAA;AAEpC,MAAI,+BAA+B,IAAI;AACrC,YAAQ,KAAK,gBAAgB;AAAA,EAC/B;AAGO,SAAA;AAAA,IACL;AAAA,MACE;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA;AAEP;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTableStyles.js","sources":["../../../../src/Table/hooks/useTableStyles.ts"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Hooks } from \"react-table\";\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, { 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;"}

package/dist/esm/Table/renderers/DateColumnCell/DateColumnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateColumnCell.js","sources":["../../../../../src/Table/renderers/DateColumnCell/DateColumnCell.tsx"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport dayjs from \"dayjs\";\n\nimport { HvOverflowTooltip } from \"../../../OverflowTooltip\";\n\nexport interface HvDateColumnCellProp {\n  /** The date's text representation format. */\n  dateFormat?: string;\n  /** Date to render. */\n  date?: string;\n}\n\nexport const HvDateColumnCell = ({\n  date,\n  dateFormat,\n}: HvDateColumnCellProp): JSX.Element => {\n  const formattedDate = useMemo(() => {\n    if (date)\n      return dayjs(date).format(\n        dateFormat !== \"ISO8601\" ? dateFormat : undefined\n      );\n    return \"—\";\n  }, [date, dateFormat]);\n\n  return <HvOverflowTooltip data={formattedDate} />;\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAAyC;AACjC,QAAA,gBAAgB,QAAQ,MAAM;AAC9B,QAAA;AACK,aAAA,MAAM,IAAI,EAAE;AAAA,QACjB,eAAe,YAAY,aAAa;AAAA,MAAA;AAErC,WAAA;AAAA,EAAA,GACN,CAAC,MAAM,UAAU,CAAC;AAEd,SAAA,oBAAC,mBAAkB,EAAA,MAAM,cAAe,CAAA;AACjD;"}
+{"version":3,"file":"DateColumnCell.js","sources":["../../../../../src/Table/renderers/DateColumnCell/DateColumnCell.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport dayjs from \"dayjs\";\n\nimport { HvOverflowTooltip } from \"../../../OverflowTooltip\";\n\nexport interface HvDateColumnCellProp {\n  /** The date's text representation format. */\n  dateFormat?: string;\n  /** Date to render. */\n  date?: string;\n}\n\nexport const HvDateColumnCell = ({\n  date,\n  dateFormat,\n}: HvDateColumnCellProp): JSX.Element => {\n  const formattedDate = useMemo(() => {\n    if (date)\n      return dayjs(date).format(\n        dateFormat !== \"ISO8601\" ? dateFormat : undefined,\n      );\n    return \"—\";\n  }, [date, dateFormat]);\n\n  return <HvOverflowTooltip data={formattedDate} />;\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAAyC;AACjC,QAAA,gBAAgB,QAAQ,MAAM;AAC9B,QAAA;AACK,aAAA,MAAM,IAAI,EAAE;AAAA,QACjB,eAAe,YAAY,aAAa;AAAA,MAAA;AAErC,WAAA;AAAA,EAAA,GACN,CAAC,MAAM,UAAU,CAAC;AAEd,SAAA,oBAAC,mBAAkB,EAAA,MAAM,cAAe,CAAA;AACjD;"}

package/dist/esm/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownColumnCell.js","sources":["../../../../../src/Table/renderers/DropdownColumnCell/DropdownColumnCell.tsx"],"sourcesContent":["import { HvDropdownProps, HvDropdown } from \"../../../Dropdown\";\nimport { HvListValue } from \"../../../List\";\n\nexport interface HvDropdownColumnCellProp {\n  /** Values to render in the dropdown. */\n  values?: HvListValue[];\n  /** Placeholder text for when the dropdown is empty. */\n  placeholder?: string;\n  /** Whether the dropdown is disabled. */\n  disabled?: boolean;\n  /** Function called when there is change on the dropdown. */\n  onChange?: (value: HvListValue) => void;\n  /** Extra props to be passed onto the dropdown. */\n  dropdownProps?: HvDropdownProps;\n}\n\nexport const HvDropdownColumnCell = ({\n  values,\n  disabled,\n  onChange,\n  placeholder,\n  dropdownProps,\n}: HvDropdownColumnCellProp): JSX.Element => {\n  return (\n    <HvDropdown\n      onChange={(item) => {\n        onChange?.(item as HvListValue);\n      }}\n      placeholder={placeholder}\n      disabled={disabled}\n      values={values}\n      {...dropdownProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;AAgBO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;AAEzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU,CAAC,SAAS;AAClB,mBAAW,IAAmB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"DropdownColumnCell.js","sources":["../../../../../src/Table/renderers/DropdownColumnCell/DropdownColumnCell.tsx"],"sourcesContent":["import { HvDropdown, HvDropdownProps } from \"../../../Dropdown\";\nimport { HvListValue } from \"../../../List\";\n\nexport interface HvDropdownColumnCellProp {\n  /** Values to render in the dropdown. */\n  values?: HvListValue[];\n  /** Placeholder text for when the dropdown is empty. */\n  placeholder?: string;\n  /** Whether the dropdown is disabled. */\n  disabled?: boolean;\n  /** Function called when there is change on the dropdown. */\n  onChange?: (value: HvListValue) => void;\n  /** Extra props to be passed onto the dropdown. */\n  dropdownProps?: HvDropdownProps;\n}\n\nexport const HvDropdownColumnCell = ({\n  values,\n  disabled,\n  onChange,\n  placeholder,\n  dropdownProps,\n}: HvDropdownColumnCellProp): JSX.Element => {\n  return (\n    <HvDropdown\n      onChange={(item) => {\n        onChange?.(item as HvListValue);\n      }}\n      placeholder={placeholder}\n      disabled={disabled}\n      values={values}\n      {...dropdownProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;AAgBO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;AAEzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU,CAAC,SAAS;AAClB,mBAAW,IAAmB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../src/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-ProgressColumnCell\",\n  {\n    root: { display: \"flex\", width: \"100%\" },\n    linearProgressContainer: { width: \"100%\", margin: \"auto\" },\n    linearProgress: {\n      height: 8,\n    },\n    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },\n    linearProgressColorPrimary: {\n      backgroundColor: theme.colors.atmo4,\n    },\n    linearProgressBarColorPrimary: {\n      backgroundColor: theme.colors.positive,\n    },\n    linearProgressBarColorSecondary: {\n      backgroundColor: theme.colors.secondary,\n    },\n  }\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM,EAAE,SAAS,QAAQ,OAAO,OAAO;AAAA,IACvC,yBAAyB,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IACzD,gBAAgB;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB,EAAE,iBAAiB,MAAM,OAAO,MAAM;AAAA,IAC1D,4BAA4B;AAAA,MAC1B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,+BAA+B;AAAA,MAC7B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,iCAAiC;AAAA,MAC/B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,EACF;AACF;"}
+{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../src/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-ProgressColumnCell\",\n  {\n    root: { display: \"flex\", width: \"100%\" },\n    linearProgressContainer: { width: \"100%\", margin: \"auto\" },\n    linearProgress: {\n      height: 8,\n    },\n    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },\n    linearProgressColorPrimary: {\n      backgroundColor: theme.colors.atmo4,\n    },\n    linearProgressBarColorPrimary: {\n      backgroundColor: theme.colors.positive,\n    },\n    linearProgressBarColorSecondary: {\n      backgroundColor: theme.colors.secondary,\n    },\n  },\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM,EAAE,SAAS,QAAQ,OAAO,OAAO;AAAA,IACvC,yBAAyB,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,IACzD,gBAAgB;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB,EAAE,iBAAiB,MAAM,OAAO,MAAM;AAAA,IAC1D,4BAA4B;AAAA,MAC1B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,+BAA+B;AAAA,MAC7B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,iCAAiC;AAAA,MAC/B,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,EACF;AACF;"}

package/dist/esm/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../src/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"../../../BaseSwitch\";\nimport { HvTypography } from \"../../../Typography\";\n\nimport { useClasses } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchNo}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch\n        checked={checked}\n        value={value}\n        {...switchProps}\n        inputProps={{ \"aria-label\": switchLabel, ...switchProps?.inputProps }}\n      />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchYes}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2C;AACnC,QAAA,EAAE,YAAY;AAEpB,SAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,cAAc,QACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,SAAQ;AAAA,QACR,WAAW,QAAQ;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ,YAAY,EAAE,cAAc,aAAa,GAAG,aAAa,WAAW;AAAA,MAAA;AAAA,IACtE;AAAA,IACC,aAAa,QACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,SAAQ;AAAA,QACR,WAAW,QAAQ;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../src/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"../../../BaseSwitch\";\nimport { HvTypography } from \"../../../Typography\";\nimport { useClasses } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchNo}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch\n        checked={checked}\n        value={value}\n        {...switchProps}\n        inputProps={{ \"aria-label\": switchLabel, ...switchProps?.inputProps }}\n      />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchYes}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2C;AACnC,QAAA,EAAE,YAAY;AAEpB,SAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,cAAc,QACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,SAAQ;AAAA,QACR,WAAW,QAAQ;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ,YAAY,EAAE,cAAc,aAAa,GAAG,aAAa,WAAW;AAAA,MAAA;AAAA,IACtE;AAAA,IACC,aAAa,QACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,SAAQ;AAAA,QACR,WAAW,QAAQ;AAAA,QAElB,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../src/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"../../../utils/classes\";\n\nconst switchStyle = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  marginLeft: \"10px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-SwitchColumnCell\",\n  {\n    switchNo: {\n      ...switchStyle,\n    },\n    switchYes: {\n      ...switchStyle,\n    },\n  }\n);\n"],"names":[],"mappings":";AAEA,MAAM,cAAc;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AACd;AAEa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF;AACF;"}
+{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../src/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"../../../utils/classes\";\n\nconst switchStyle = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  marginLeft: \"10px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-SwitchColumnCell\",\n  {\n    switchNo: {\n      ...switchStyle,\n    },\n    switchYes: {\n      ...switchStyle,\n    },\n  },\n);\n"],"names":[],"mappings":";AAEA,MAAM,cAAc;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AACd;AAEa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF;AACF;"}

package/dist/esm/Table/renderers/renderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderers.js","sources":["../../../../src/Table/renderers/renderers.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"../../utils/setId\";\nimport { HvTag, HvTagProps } from \"../../Tag\";\nimport { HvButton } from \"../../Button\";\nimport { HvTypography } from \"../../Typography\";\nimport {\n  HvOverflowTooltip,\n  HvOverflowTooltipProps,\n} from \"../../OverflowTooltip\";\nimport { HvBaseSwitchProps } from \"../../BaseSwitch\";\nimport { HvListValue } from \"../../List\";\n\nimport {\n  HvTableHeaderRenderer,\n  HvCellProps,\n  HvTableColumnConfig,\n  HvRowInstance,\n} from \"../hooks/useTable\";\nimport { HvDateColumnCell } from \"./DateColumnCell\";\nimport { HvSwitchColumnCell } from \"./SwitchColumnCell\";\nimport { HvProgressColumnCell } from \"./ProgressColumnCell\";\nimport { HvDropdownColumnCell } from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\nimport { HvDropdownProps } from \"../../Dropdown\";\n\nexport function hvTextColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  overflowTooltipProps: Omit<HvOverflowTooltipProps, \"data\"> = {}\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvOverflowTooltip\n        data={hvStringFallback(value)}\n        {...overflowTooltipProps}\n      />\n    ),\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => <>{hvNumberFallback(value)}</>,\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function hvDateColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  dateFormat?: string\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvDateColumnCell date={value} dateFormat={dateFormat} />\n    ),\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n}\n\nexport function hvExpandColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  expandRowButtonAriaLabel: string,\n  collapseRowButtonAriaLabel: string,\n  getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean,\n  ExpandedIcon: React.ReactNode = <DropUpXS />,\n  CollapsedIcon: React.ReactNode = <DropDownXS />\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      const expandedProps = row.getToggleRowExpandedProps?.();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <ClassNames>\n          {({ css }) => (\n            <>\n              {hasContent && (\n                <HvButton\n                  icon\n                  aria-label={\n                    row.isExpanded\n                      ? collapseRowButtonAriaLabel\n                      : expandRowButtonAriaLabel\n                  }\n                  aria-expanded={row.isExpanded}\n                  onClick={expandedProps?.onClick}\n                  classes={{\n                    root: css({\n                      position: \"absolute\",\n                      left: 0,\n                      top: \"50%\",\n                      transform: \"translateY(-50%)\",\n                    }),\n                  }}\n                >\n                  {row.isExpanded ? ExpandedIcon : CollapsedIcon}\n                </HvButton>\n              )}\n\n              <HvOverflowTooltip data={hvStringFallback(value)} />\n            </>\n          )}\n        </ClassNames>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  A extends object = Record<string, unknown>\n>(\n  col: HvTableColumnConfig<D, H>,\n  valueDataKey: keyof A,\n  colorDataKey: keyof A,\n  textColorDataKey: keyof A,\n  fromRowData: boolean = false,\n  tagProps?: HvTagProps\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return <>—</>;\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"body\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\n// TODO - Review accessibility on the next renderers because they all differ\n\nexport function hvSwitchColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  switchLabel: string,\n  falseLabel?: string,\n  trueLabel?: string,\n  switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      return (\n        <HvSwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  id: string | undefined,\n  placeholder: string,\n  disabledPlaceholder: string,\n  onChange?: (identifier: string, value: HvListValue) => void,\n  dropdownProps?: HvDropdownProps\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row, column } = cellProps;\n      const disabled =\n        !Array.isArray(value) || (Array.isArray(value) && value.length < 1);\n      return (\n        <HvDropdownColumnCell\n          values={value}\n          placeholder={disabled ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={disabled}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id) || column.id || id, // TODO - to be reviewed because it doesn't make much sense\n            ...dropdownProps,\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n  col: HvTableColumnConfig<D, H>,\n  getPartial?: (row: HvRowInstance<D, H>) => number,\n  getTotal?: (row: HvRowInstance<D, H>) => number,\n  color?: \"primary\" | \"secondary\"\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { row, column } = cellProps;\n      const partial = getPartial?.(row) || 0;\n      const total = getTotal?.(row);\n\n      if (total) {\n        return (\n          <HvProgressColumnCell\n            partial={partial}\n            total={total}\n            color={color}\n            aria-labelledby={column.id}\n          />\n        );\n      }\n\n      return <>—</>;\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderers.js","sources":["../../../../src/Table/renderers/renderers.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseSwitchProps } from \"../../BaseSwitch\";\nimport { HvButton } from \"../../Button\";\nimport { HvDropdownProps } from \"../../Dropdown\";\nimport { HvListValue } from \"../../List\";\nimport {\n  HvOverflowTooltip,\n  HvOverflowTooltipProps,\n} from \"../../OverflowTooltip\";\nimport { HvTag, HvTagProps } from \"../../Tag\";\nimport { HvTypography } from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport {\n  HvCellProps,\n  HvRowInstance,\n  HvTableColumnConfig,\n  HvTableHeaderRenderer,\n} from \"../hooks/useTable\";\nimport { hvNumberFallback, hvStringFallback } from \"../utils\";\nimport { HvDateColumnCell } from \"./DateColumnCell\";\nimport { HvDropdownColumnCell } from \"./DropdownColumnCell\";\nimport { HvProgressColumnCell } from \"./ProgressColumnCell\";\nimport { HvSwitchColumnCell } from \"./SwitchColumnCell\";\n\nexport function hvTextColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  col: HvTableColumnConfig<D, H>,\n  overflowTooltipProps: Omit<HvOverflowTooltipProps, \"data\"> = {},\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvOverflowTooltip\n        data={hvStringFallback(value)}\n        {...overflowTooltipProps}\n      />\n    ),\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => <>{hvNumberFallback(value)}</>,\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function hvDateColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  col: HvTableColumnConfig<D, H>,\n  dateFormat?: string,\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: ({ value }: HvCellProps<D, H>) => (\n      <HvDateColumnCell date={value} dateFormat={dateFormat} />\n    ),\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n}\n\nexport function hvExpandColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  col: HvTableColumnConfig<D, H>,\n  expandRowButtonAriaLabel: string,\n  collapseRowButtonAriaLabel: string,\n  getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean,\n  ExpandedIcon: React.ReactNode = <DropUpXS />,\n  CollapsedIcon: React.ReactNode = <DropDownXS />,\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      const expandedProps = row.getToggleRowExpandedProps?.();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <ClassNames>\n          {({ css }) => (\n            <>\n              {hasContent && (\n                <HvButton\n                  icon\n                  aria-label={\n                    row.isExpanded\n                      ? collapseRowButtonAriaLabel\n                      : expandRowButtonAriaLabel\n                  }\n                  aria-expanded={row.isExpanded}\n                  onClick={expandedProps?.onClick}\n                  classes={{\n                    root: css({\n                      position: \"absolute\",\n                      left: 0,\n                      top: \"50%\",\n                      transform: \"translateY(-50%)\",\n                    }),\n                  }}\n                >\n                  {row.isExpanded ? ExpandedIcon : CollapsedIcon}\n                </HvButton>\n              )}\n\n              <HvOverflowTooltip data={hvStringFallback(value)} />\n            </>\n          )}\n        </ClassNames>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n  A extends object = Record<string, unknown>,\n>(\n  col: HvTableColumnConfig<D, H>,\n  valueDataKey: keyof A,\n  colorDataKey: keyof A,\n  textColorDataKey: keyof A,\n  fromRowData: boolean = false,\n  tagProps?: HvTagProps,\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return <>—</>;\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"body\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\n// TODO - Review accessibility on the next renderers because they all differ\n\nexport function hvSwitchColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  col: HvTableColumnConfig<D, H>,\n  switchLabel: string,\n  falseLabel?: string,\n  trueLabel?: string,\n  switchProps?: HvBaseSwitchProps,\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row } = cellProps;\n      return (\n        <HvSwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  col: HvTableColumnConfig<D, H>,\n  id: string | undefined,\n  placeholder: string,\n  disabledPlaceholder: string,\n  onChange?: (identifier: string, value: HvListValue) => void,\n  dropdownProps?: HvDropdownProps,\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { value, row, column } = cellProps;\n      const disabled =\n        !Array.isArray(value) || (Array.isArray(value) && value.length < 1);\n      return (\n        <HvDropdownColumnCell\n          values={value}\n          placeholder={disabled ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={disabled}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id) || column.id || id, // TODO - to be reviewed because it doesn't make much sense\n            ...dropdownProps,\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn<\n  D extends object = Record<string, unknown>,\n  H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n>(\n  col: HvTableColumnConfig<D, H>,\n  getPartial?: (row: HvRowInstance<D, H>) => number,\n  getTotal?: (row: HvRowInstance<D, H>) => number,\n  color?: \"primary\" | \"secondary\",\n): HvTableColumnConfig<D, H> {\n  return {\n    Cell: (cellProps: HvCellProps<D, H>) => {\n      const { row, column } = cellProps;\n      const partial = getPartial?.(row) || 0;\n      const total = getTotal?.(row);\n\n      if (total) {\n        return (\n          <HvProgressColumnCell\n            partial={partial}\n            total={total}\n            color={color}\n            aria-labelledby={column.id}\n          />\n        );\n      }\n\n      return <>—</>;\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/TableSection/TableSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSection.js","sources":["../../../src/TableSection/TableSection.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { ExtractNames } from \"../utils/classes\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { useUniqueId } from \"../hooks/useUniqueId\";\nimport { staticClasses, useClasses } from \"./TableSection.styles\";\nimport { HvSection, HvSectionProps } from \"../Section\";\n\nexport { staticClasses as tableSectionClasses };\n\nexport type HvTableSectionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableSectionProps extends HvSectionProps {}\n\n/**\n * The `TableSection` component is a wrapper for the `Section` component that applies\n * specific stylings for tables that follow the latest DS specifications.\n */\nexport const HvTableSection = forwardRef<HTMLDivElement, HvTableSectionProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes: classesProp,\n      children,\n      ...others\n    } = useDefaultProps(\"HvTableSection\", props);\n\n    const { classes } = useClasses(classesProp);\n    const elementId = useUniqueId(id);\n\n    return (\n      <HvSection id={elementId} ref={ref} classes={classes} {...others}>\n        {children}\n      </HvSection>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,iBAAiB;AAAA,EAC5B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,kBAAkB,KAAK;AAE3C,UAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AACpC,UAAA,YAAY,YAAY,EAAE;AAG9B,WAAA,oBAAC,aAAU,IAAI,WAAW,KAAU,SAAmB,GAAG,QACvD,SACH,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"TableSection.js","sources":["../../../src/TableSection/TableSection.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { useUniqueId } from \"../hooks/useUniqueId\";\nimport { HvSection, HvSectionProps } from \"../Section\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { staticClasses, useClasses } from \"./TableSection.styles\";\n\nexport { staticClasses as tableSectionClasses };\n\nexport type HvTableSectionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableSectionProps extends HvSectionProps {}\n\n/**\n * The `TableSection` component is a wrapper for the `Section` component that applies\n * specific stylings for tables that follow the latest DS specifications.\n */\nexport const HvTableSection = forwardRef<HTMLDivElement, HvTableSectionProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes: classesProp,\n      children,\n      ...others\n    } = useDefaultProps(\"HvTableSection\", props);\n\n    const { classes } = useClasses(classesProp);\n    const elementId = useUniqueId(id);\n\n    return (\n      <HvSection id={elementId} ref={ref} classes={classes} {...others}>\n        {children}\n      </HvSection>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,iBAAiB;AAAA,EAC5B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,kBAAkB,KAAK;AAE3C,UAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AACpC,UAAA,YAAY,YAAY,EAAE;AAG9B,WAAA,oBAAC,aAAU,IAAI,WAAW,KAAU,SAAmB,GAAG,QACvD,SACH,CAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/TableSection/TableSection.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSection.styles.js","sources":["../../../src/TableSection/TableSection.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { bulkActionsClasses } from \"../BulkActions\";\nimport { paginationClasses } from \"../Pagination\";\nimport { tableCellClasses } from \"../Table/TableCell\";\nimport { tableContainerClasses } from \"../Table/TableContainer\";\nimport { tableHeaderClasses } from \"../Table/TableHeader\";\nimport { createClasses } from \"../utils/classes\";\nimport { tableRowClasses } from \"../Table/TableRow\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableSection\", {\n  root: {},\n  header: {\n    // Only apply the border to divide the header and content when both are displayed\n    \"+ div\": { borderTop: `1px solid ${theme.colors.atmo3}` },\n  },\n  actions: {\n    right: theme.space.sm,\n  },\n  content: {\n    marginTop: 0,\n    padding: 0,\n\n    // Apply border radius to the first child if there's not an header\n    \"&:first-of-type\": {\n      \"& > :first-of-type\": {\n        borderTopLeftRadius: theme.radii.round,\n        borderTopRightRadius: theme.radii.round,\n      },\n    },\n\n    \"& > :last-child\": {\n      borderBottomLeftRadius: theme.radii.round,\n      borderBottomRightRadius: theme.radii.round,\n    },\n\n    [`& .${tableContainerClasses.root}`]: {\n      paddingBottom: 0,\n    },\n\n    [`& .${tableHeaderClasses.head}`]: {\n      backgroundColor: theme.colors.atmo2,\n      borderBottomColor: theme.colors.atmo3,\n      [`&.${tableHeaderClasses.variantCheckbox}`]: {\n        borderRight: \"none\",\n      },\n      [`&.${tableHeaderClasses.variantActions}`]: {\n        borderLeft: \"none\",\n      },\n    },\n\n    // Remove border for the last table row\n    [`& .${tableRowClasses.root}`]: {\n      \"&:last-child\": {\n        [`& .${tableCellClasses.root}`]: { borderBottom: \"none\" },\n      },\n    },\n\n    [`& .${tableCellClasses.root}`]: {\n      borderBottomColor: theme.colors.atmo3,\n    },\n\n    [`& .${tableCellClasses.variantCheckbox}`]: {\n      borderRight: \"none\",\n    },\n\n    [`& .${tableCellClasses.variantActions}`]: {\n      borderLeft: \"none\",\n    },\n\n    [`& .${bulkActionsClasses.root}`]: {\n      marginBottom: 0,\n      border: \"none\",\n      borderBottom: `1px solid ${theme.colors.atmo3}`,\n      padding: theme.spacing(\"xs\", \"sm\"),\n    },\n\n    [`& .${paginationClasses.root}`]: {\n      margin: 0,\n      backgroundColor: theme.colors.atmo2,\n      padding: theme.space.xs,\n      borderTop: `1px solid ${theme.colors.atmo3}`,\n    },\n\n    [`& .${paginationClasses.pageSizeOptions}`]: {\n      left: theme.space.sm,\n    },\n    [`& .${paginationClasses.pageSizeHeader}`]: {\n      border: \"none\",\n      \"&:hover\": {\n        border: \"none\",\n      },\n    },\n  },\n  hidden: {},\n  raisedHeader: {\n    \"+ div\": {\n      paddingTop: 0,\n    },\n  },\n  spaceTop: { paddingTop: 0 },\n});\n"],"names":["tableContainerClasses","tableHeaderClasses","tableRowClasses","tableCellClasses","bulkActionsClasses","paginationClasses"],"mappings":";;;;;;;;;;;;;;;;AAUO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,MAAM,CAAC;AAAA,EACP,QAAQ;AAAA;AAAA,IAEN,SAAS,EAAE,WAAW,aAAa,MAAM,OAAO,KAAK,GAAG;AAAA,EAC1D;AAAA,EACA,SAAS;AAAA,IACP,OAAO,MAAM,MAAM;AAAA,EACrB;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA;AAAA,IAGT,mBAAmB;AAAA,MACjB,sBAAsB;AAAA,QACpB,qBAAqB,MAAM,MAAM;AAAA,QACjC,sBAAsB,MAAM,MAAM;AAAA,MACpC;AAAA,IACF;AAAA,IAEA,mBAAmB;AAAA,MACjB,wBAAwB,MAAM,MAAM;AAAA,MACpC,yBAAyB,MAAM,MAAM;AAAA,IACvC;AAAA,IAEA,CAAC,MAAMA,gBAAsB,IAAI,EAAE,GAAG;AAAA,MACpC,eAAe;AAAA,IACjB;AAAA,IAEA,CAAC,MAAMC,gBAAmB,IAAI,EAAE,GAAG;AAAA,MACjC,iBAAiB,MAAM,OAAO;AAAA,MAC9B,mBAAmB,MAAM,OAAO;AAAA,MAChC,CAAC,KAAKA,gBAAmB,eAAe,EAAE,GAAG;AAAA,QAC3C,aAAa;AAAA,MACf;AAAA,MACA,CAAC,KAAKA,gBAAmB,cAAc,EAAE,GAAG;AAAA,QAC1C,YAAY;AAAA,MACd;AAAA,IACF;AAAA;AAAA,IAGA,CAAC,MAAMC,gBAAgB,IAAI,EAAE,GAAG;AAAA,MAC9B,gBAAgB;AAAA,QACd,CAAC,MAAMC,gBAAiB,IAAI,EAAE,GAAG,EAAE,cAAc,OAAO;AAAA,MAC1D;AAAA,IACF;AAAA,IAEA,CAAC,MAAMA,gBAAiB,IAAI,EAAE,GAAG;AAAA,MAC/B,mBAAmB,MAAM,OAAO;AAAA,IAClC;AAAA,IAEA,CAAC,MAAMA,gBAAiB,eAAe,EAAE,GAAG;AAAA,MAC1C,aAAa;AAAA,IACf;AAAA,IAEA,CAAC,MAAMA,gBAAiB,cAAc,EAAE,GAAG;AAAA,MACzC,YAAY;AAAA,IACd;AAAA,IAEA,CAAC,MAAMC,gBAAmB,IAAI,EAAE,GAAG;AAAA,MACjC,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,MAC7C,SAAS,MAAM,QAAQ,MAAM,IAAI;AAAA,IACnC;AAAA,IAEA,CAAC,MAAMC,gBAAkB,IAAI,EAAE,GAAG;AAAA,MAChC,QAAQ;AAAA,MACR,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS,MAAM,MAAM;AAAA,MACrB,WAAW,aAAa,MAAM,OAAO,KAAK;AAAA,IAC5C;AAAA,IAEA,CAAC,MAAMA,gBAAkB,eAAe,EAAE,GAAG;AAAA,MAC3C,MAAM,MAAM,MAAM;AAAA,IACpB;AAAA,IACA,CAAC,MAAMA,gBAAkB,cAAc,EAAE,GAAG;AAAA,MAC1C,QAAQ;AAAA,MACR,WAAW;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,UAAU,EAAE,YAAY,EAAE;AAC5B,CAAC;"}
+{"version":3,"file":"TableSection.styles.js","sources":["../../../src/TableSection/TableSection.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { bulkActionsClasses } from \"../BulkActions\";\nimport { paginationClasses } from \"../Pagination\";\nimport { tableCellClasses } from \"../Table/TableCell\";\nimport { tableContainerClasses } from \"../Table/TableContainer\";\nimport { tableHeaderClasses } from \"../Table/TableHeader\";\nimport { tableRowClasses } from \"../Table/TableRow\";\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableSection\", {\n  root: {},\n  header: {\n    // Only apply the border to divide the header and content when both are displayed\n    \"+ div\": { borderTop: `1px solid ${theme.colors.atmo3}` },\n  },\n  actions: {\n    right: theme.space.sm,\n  },\n  content: {\n    marginTop: 0,\n    padding: 0,\n\n    // Apply border radius to the first child if there's not an header\n    \"&:first-of-type\": {\n      \"& > :first-of-type\": {\n        borderTopLeftRadius: theme.radii.round,\n        borderTopRightRadius: theme.radii.round,\n      },\n    },\n\n    \"& > :last-child\": {\n      borderBottomLeftRadius: theme.radii.round,\n      borderBottomRightRadius: theme.radii.round,\n    },\n\n    [`& .${tableContainerClasses.root}`]: {\n      paddingBottom: 0,\n    },\n\n    [`& .${tableHeaderClasses.head}`]: {\n      backgroundColor: theme.colors.atmo2,\n      borderBottomColor: theme.colors.atmo3,\n      [`&.${tableHeaderClasses.variantCheckbox}`]: {\n        borderRight: \"none\",\n      },\n      [`&.${tableHeaderClasses.variantActions}`]: {\n        borderLeft: \"none\",\n      },\n    },\n\n    // Remove border for the last table row\n    [`& .${tableRowClasses.root}`]: {\n      \"&:last-child\": {\n        [`& .${tableCellClasses.root}`]: { borderBottom: \"none\" },\n      },\n    },\n\n    [`& .${tableCellClasses.root}`]: {\n      borderBottomColor: theme.colors.atmo3,\n    },\n\n    [`& .${tableCellClasses.variantCheckbox}`]: {\n      borderRight: \"none\",\n    },\n\n    [`& .${tableCellClasses.variantActions}`]: {\n      borderLeft: \"none\",\n    },\n\n    [`& .${bulkActionsClasses.root}`]: {\n      marginBottom: 0,\n      border: \"none\",\n      borderBottom: `1px solid ${theme.colors.atmo3}`,\n      padding: theme.spacing(\"xs\", \"sm\"),\n    },\n\n    [`& .${paginationClasses.root}`]: {\n      margin: 0,\n      backgroundColor: theme.colors.atmo2,\n      padding: theme.space.xs,\n      borderTop: `1px solid ${theme.colors.atmo3}`,\n    },\n\n    [`& .${paginationClasses.pageSizeOptions}`]: {\n      left: theme.space.sm,\n    },\n    [`& .${paginationClasses.pageSizeHeader}`]: {\n      border: \"none\",\n      \"&:hover\": {\n        border: \"none\",\n      },\n    },\n  },\n  hidden: {},\n  raisedHeader: {\n    \"+ div\": {\n      paddingTop: 0,\n    },\n  },\n  spaceTop: { paddingTop: 0 },\n});\n"],"names":["tableContainerClasses","tableHeaderClasses","tableRowClasses","tableCellClasses","bulkActionsClasses","paginationClasses"],"mappings":";;;;;;;;;;;;;;;;AAUO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,MAAM,CAAC;AAAA,EACP,QAAQ;AAAA;AAAA,IAEN,SAAS,EAAE,WAAW,aAAa,MAAM,OAAO,KAAK,GAAG;AAAA,EAC1D;AAAA,EACA,SAAS;AAAA,IACP,OAAO,MAAM,MAAM;AAAA,EACrB;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA;AAAA,IAGT,mBAAmB;AAAA,MACjB,sBAAsB;AAAA,QACpB,qBAAqB,MAAM,MAAM;AAAA,QACjC,sBAAsB,MAAM,MAAM;AAAA,MACpC;AAAA,IACF;AAAA,IAEA,mBAAmB;AAAA,MACjB,wBAAwB,MAAM,MAAM;AAAA,MACpC,yBAAyB,MAAM,MAAM;AAAA,IACvC;AAAA,IAEA,CAAC,MAAMA,gBAAsB,IAAI,EAAE,GAAG;AAAA,MACpC,eAAe;AAAA,IACjB;AAAA,IAEA,CAAC,MAAMC,gBAAmB,IAAI,EAAE,GAAG;AAAA,MACjC,iBAAiB,MAAM,OAAO;AAAA,MAC9B,mBAAmB,MAAM,OAAO;AAAA,MAChC,CAAC,KAAKA,gBAAmB,eAAe,EAAE,GAAG;AAAA,QAC3C,aAAa;AAAA,MACf;AAAA,MACA,CAAC,KAAKA,gBAAmB,cAAc,EAAE,GAAG;AAAA,QAC1C,YAAY;AAAA,MACd;AAAA,IACF;AAAA;AAAA,IAGA,CAAC,MAAMC,gBAAgB,IAAI,EAAE,GAAG;AAAA,MAC9B,gBAAgB;AAAA,QACd,CAAC,MAAMC,gBAAiB,IAAI,EAAE,GAAG,EAAE,cAAc,OAAO;AAAA,MAC1D;AAAA,IACF;AAAA,IAEA,CAAC,MAAMA,gBAAiB,IAAI,EAAE,GAAG;AAAA,MAC/B,mBAAmB,MAAM,OAAO;AAAA,IAClC;AAAA,IAEA,CAAC,MAAMA,gBAAiB,eAAe,EAAE,GAAG;AAAA,MAC1C,aAAa;AAAA,IACf;AAAA,IAEA,CAAC,MAAMA,gBAAiB,cAAc,EAAE,GAAG;AAAA,MACzC,YAAY;AAAA,IACd;AAAA,IAEA,CAAC,MAAMC,gBAAmB,IAAI,EAAE,GAAG;AAAA,MACjC,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,MAC7C,SAAS,MAAM,QAAQ,MAAM,IAAI;AAAA,IACnC;AAAA,IAEA,CAAC,MAAMC,gBAAkB,IAAI,EAAE,GAAG;AAAA,MAChC,QAAQ;AAAA,MACR,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS,MAAM,MAAM;AAAA,MACrB,WAAW,aAAa,MAAM,OAAO,KAAK;AAAA,IAC5C;AAAA,IAEA,CAAC,MAAMA,gBAAkB,eAAe,EAAE,GAAG;AAAA,MAC3C,MAAM,MAAM,MAAM;AAAA,IACpB;AAAA,IACA,CAAC,MAAMA,gBAAkB,cAAc,EAAE,GAAG;AAAA,MAC1C,QAAQ;AAAA,MACR,WAAW;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,UAAU,EAAE,YAAY,EAAE;AAC5B,CAAC;"}

package/dist/esm/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import Tabs, { TabsProps as MuiTabsProps } from \"@mui/material/Tabs\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Tabs.styles\";\n\nexport { staticClasses as tabsClasses };\n\nexport type HvTabsClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps extends Omit<MuiTabsProps, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n  /** @ignore */\n  ref?: MuiTabsProps[\"ref\"];\n  /** @ignore */\n  component?: MuiTabsProps[\"component\"];\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const { classes: classesProp, ...others } = useDefaultProps(\"HvTabs\", props);\n\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAmCa,MAAA,SAAS,CAAC,UAAuB;AACtC,QAAA,EAAE,SAAS,aAAa,GAAG,OAAW,IAAA,gBAAgB,UAAU,KAAK;AAE3E,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAGxC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,eAAe,QAAQ;AAAA,QACvB,WAAW,QAAQ;AAAA,QACnB,UAAU,QAAQ;AAAA,MACpB;AAAA,MACA,mBAAmB,EAAE,UAAU,oBAAC,QAAI,CAAA,EAAG;AAAA,MACtC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/Tabs/Tabs.tsx"],"sourcesContent":["import Tabs, { TabsProps as MuiTabsProps } from \"@mui/material/Tabs\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { staticClasses, useClasses } from \"./Tabs.styles\";\n\nexport { staticClasses as tabsClasses };\n\nexport type HvTabsClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps extends Omit<MuiTabsProps, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n  /** @ignore */\n  ref?: MuiTabsProps[\"ref\"];\n  /** @ignore */\n  component?: MuiTabsProps[\"component\"];\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const { classes: classesProp, ...others } = useDefaultProps(\"HvTabs\", props);\n\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAkCa,MAAA,SAAS,CAAC,UAAuB;AACtC,QAAA,EAAE,SAAS,aAAa,GAAG,OAAW,IAAA,gBAAgB,UAAU,KAAK;AAE3E,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAGxC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,eAAe,QAAQ;AAAA,QACvB,WAAW,QAAQ;AAAA,QACnB,UAAU,QAAQ;AAAA,MACpB;AAAA,MACA,mBAAmB,EAAE,UAAU,oBAAC,QAAI,CAAA,EAAG;AAAA,MACtC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/Tag/Tag.js

@@ -1,11 +1,11 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { forwardRef } from "react";
-import { getColor } from "@hitachivantara/uikit-styles";
 import Chip from "@mui/material/Chip";
 import { CloseXS, CheckboxCheck, Checkbox } from "@hitachivantara/uikit-react-icons";
-import { useTheme } from "../hooks/useTheme.js";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
+import { getColor } from "@hitachivantara/uikit-styles";
 import { useControlled } from "../hooks/useControlled.js";
+import { useDefaultProps } from "../hooks/useDefaultProps.js";
+import { useTheme } from "../hooks/useTheme.js";
 import { useClasses } from "./Tag.styles.js";
 import { staticClasses } from "./Tag.styles.js";
 const getCategoricalColor = (customColor, colors) => {

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 { HvColorAny, getColor } from \"@hitachivantara/uikit-styles\";\nimport Chip, { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\n\nimport {\n  Checkbox,\n  CheckboxCheck,\n  CloseXS,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { useTheme } from \"../hooks/useTheme\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { useControlled } from \"../hooks/useControlled\";\n\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      role=\"none\"\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":";;;;;;;;;;AA6DA,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,MAAK;AAAA,MACL,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      role=\"none\"\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,MAAK;AAAA,MACL,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;"}

package/dist/esm/Tag/Tag.styles.js

@@ -1,7 +1,7 @@
-import { theme } from "@hitachivantara/uikit-styles";
 import { chipClasses } from "@mui/material/Chip";
-import { outlineStyles } from "../utils/focusUtils.js";
+import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../utils/classes.js";
+import { outlineStyles } from "../utils/focusUtils.js";
 const { staticClasses, useClasses } = createClasses("HvTag", {
   root: {
     color: theme.colors.base_dark,

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sources":["../../../src/Tag/Tag.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { chipClasses } from \"@mui/material/Chip\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTag\", {\n  root: {\n    color: theme.colors.base_dark,\n\n    [`& .${chipClasses.avatar}`]: {\n      width: 12,\n      height: 12,\n      marginLeft: 2,\n      marginRight: 0,\n    },\n  },\n\n  chipRoot: {\n    [`&.${chipClasses.root}`]: {\n      height: 16,\n      borderRadius: 0,\n      maxWidth: 180,\n      fontFamily: theme.fontFamily.body,\n      \"&:focus-visible\": {\n        backgroundColor: theme.alpha(\"base_light\", 0.3),\n      },\n\n      \"&$categorical\": {\n        borderRadius: 8,\n        \"& $label\": {\n          color: theme.colors.secondary,\n        },\n      },\n    },\n\n    \"&$disabled\": {\n      opacity: 1,\n      backgroundColor: theme.colors.atmo3,\n      \"& $label\": {\n        color: theme.colors.secondary_60,\n      },\n    },\n\n    [`& .${chipClasses.label}`]: {\n      paddingLeft: 4,\n      paddingRight: 4,\n      ...(theme.typography.caption2 as React.CSSProperties),\n      color: \"currentcolor\",\n    },\n\n    [`& .${chipClasses.deleteIcon}`]: {\n      margin: 0,\n      width: 16,\n      height: 16,\n      padding: 0,\n      color: \"currentColor\",\n      \"& svg .color0\": {\n        fill: \"currentcolor\",\n      },\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n        color: \"unset\",\n      },\n      \"&:focus\": {\n        ...outlineStyles,\n        borderRadius: 0,\n      },\n      \"&:focus:not(:focus-visible)\": {\n        outline: \"0 !important\",\n        boxShadow: \"none !important\",\n      },\n    },\n  },\n\n  disabled: {},\n\n  clickable: {\n    cursor: \"pointer\",\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n\n  categorical: {},\n\n  label: {},\n\n  deleteIcon: {},\n\n  // TODO: redundant - use deleteIcon. remove in v6\n  button: {},\n  tagButton: {},\n  // TODO: redundant - use $clickable or :not($disabled). remove in v6\n  focusVisible: {},\n  disabledDeleteIcon: {},\n  categoricalFocus: {},\n  categoricalDisabled: {},\n});\n"],"names":[],"mappings":";;;;AAQO,MAAM,EAAE,eAAe,eAAe,cAAc,SAAS;AAAA,EAClE,MAAM;AAAA,IACJ,OAAO,MAAM,OAAO;AAAA,IAEpB,CAAC,MAAM,YAAY,MAAM,EAAE,GAAG;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,CAAC,KAAK,YAAY,IAAI,EAAE,GAAG;AAAA,MACzB,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY,MAAM,WAAW;AAAA,MAC7B,mBAAmB;AAAA,QACjB,iBAAiB,MAAM,MAAM,cAAc,GAAG;AAAA,MAChD;AAAA,MAEA,iBAAiB;AAAA,QACf,cAAc;AAAA,QACd,YAAY;AAAA,UACV,OAAO,MAAM,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,YAAY;AAAA,QACV,OAAO,MAAM,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IAEA,CAAC,MAAM,YAAY,KAAK,EAAE,GAAG;AAAA,MAC3B,aAAa;AAAA,MACb,cAAc;AAAA,MACd,GAAI,MAAM,WAAW;AAAA,MACrB,OAAO;AAAA,IACT;AAAA,IAEA,CAAC,MAAM,YAAY,UAAU,EAAE,GAAG;AAAA,MAChC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB,MAAM,OAAO;AAAA,QAC9B,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,GAAG;AAAA,QACH,cAAc;AAAA,MAChB;AAAA,MACA,+BAA+B;AAAA,QAC7B,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,CAAC;AAAA,EAEX,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EAEA,aAAa,CAAC;AAAA,EAEd,OAAO,CAAC;AAAA,EAER,YAAY,CAAC;AAAA;AAAA,EAGb,QAAQ,CAAC;AAAA,EACT,WAAW,CAAC;AAAA;AAAA,EAEZ,cAAc,CAAC;AAAA,EACf,oBAAoB,CAAC;AAAA,EACrB,kBAAkB,CAAC;AAAA,EACnB,qBAAqB,CAAC;AACxB,CAAC;"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../src/Tag/Tag.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material/Chip\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\nimport { outlineStyles } from \"../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTag\", {\n  root: {\n    color: theme.colors.base_dark,\n\n    [`& .${chipClasses.avatar}`]: {\n      width: 12,\n      height: 12,\n      marginLeft: 2,\n      marginRight: 0,\n    },\n  },\n\n  chipRoot: {\n    [`&.${chipClasses.root}`]: {\n      height: 16,\n      borderRadius: 0,\n      maxWidth: 180,\n      fontFamily: theme.fontFamily.body,\n      \"&:focus-visible\": {\n        backgroundColor: theme.alpha(\"base_light\", 0.3),\n      },\n\n      \"&$categorical\": {\n        borderRadius: 8,\n        \"& $label\": {\n          color: theme.colors.secondary,\n        },\n      },\n    },\n\n    \"&$disabled\": {\n      opacity: 1,\n      backgroundColor: theme.colors.atmo3,\n      \"& $label\": {\n        color: theme.colors.secondary_60,\n      },\n    },\n\n    [`& .${chipClasses.label}`]: {\n      paddingLeft: 4,\n      paddingRight: 4,\n      ...(theme.typography.caption2 as React.CSSProperties),\n      color: \"currentcolor\",\n    },\n\n    [`& .${chipClasses.deleteIcon}`]: {\n      margin: 0,\n      width: 16,\n      height: 16,\n      padding: 0,\n      color: \"currentColor\",\n      \"& svg .color0\": {\n        fill: \"currentcolor\",\n      },\n      \"&:hover\": {\n        backgroundColor: theme.colors.containerBackgroundHover,\n        color: \"unset\",\n      },\n      \"&:focus\": {\n        ...outlineStyles,\n        borderRadius: 0,\n      },\n      \"&:focus:not(:focus-visible)\": {\n        outline: \"0 !important\",\n        boxShadow: \"none !important\",\n      },\n    },\n  },\n\n  disabled: {},\n\n  clickable: {\n    cursor: \"pointer\",\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n\n  categorical: {},\n\n  label: {},\n\n  deleteIcon: {},\n\n  // TODO: redundant - use deleteIcon. remove in v6\n  button: {},\n  tagButton: {},\n  // TODO: redundant - use $clickable or :not($disabled). remove in v6\n  focusVisible: {},\n  disabledDeleteIcon: {},\n  categoricalFocus: {},\n  categoricalDisabled: {},\n});\n"],"names":[],"mappings":";;;;AAMO,MAAM,EAAE,eAAe,eAAe,cAAc,SAAS;AAAA,EAClE,MAAM;AAAA,IACJ,OAAO,MAAM,OAAO;AAAA,IAEpB,CAAC,MAAM,YAAY,MAAM,EAAE,GAAG;AAAA,MAC5B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,CAAC,KAAK,YAAY,IAAI,EAAE,GAAG;AAAA,MACzB,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY,MAAM,WAAW;AAAA,MAC7B,mBAAmB;AAAA,QACjB,iBAAiB,MAAM,MAAM,cAAc,GAAG;AAAA,MAChD;AAAA,MAEA,iBAAiB;AAAA,QACf,cAAc;AAAA,QACd,YAAY;AAAA,UACV,OAAO,MAAM,OAAO;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,YAAY;AAAA,QACV,OAAO,MAAM,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IAEA,CAAC,MAAM,YAAY,KAAK,EAAE,GAAG;AAAA,MAC3B,aAAa;AAAA,MACb,cAAc;AAAA,MACd,GAAI,MAAM,WAAW;AAAA,MACrB,OAAO;AAAA,IACT;AAAA,IAEA,CAAC,MAAM,YAAY,UAAU,EAAE,GAAG;AAAA,MAChC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB,MAAM,OAAO;AAAA,QAC9B,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,GAAG;AAAA,QACH,cAAc;AAAA,MAChB;AAAA,MACA,+BAA+B;AAAA,QAC7B,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,CAAC;AAAA,EAEX,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EAEA,aAAa,CAAC;AAAA,EAEd,OAAO,CAAC;AAAA,EAER,YAAY,CAAC;AAAA;AAAA,EAGb,QAAQ,CAAC;AAAA,EACT,WAAW,CAAC;AAAA;AAAA,EAEZ,cAAc,CAAC;AAAA,EACf,oBAAoB,CAAC;AAAA,EACrB,kBAAkB,CAAC;AAAA,EACnB,qBAAqB,CAAC;AACxB,CAAC;"}

package/dist/esm/TagsInput/TagsInput.js

@@ -2,14 +2,14 @@ import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
 import { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from "react";
 import { useForkRef } from "@mui/material/utils";
 import { theme } from "@hitachivantara/uikit-styles";
+import { DEFAULT_ERROR_MESSAGES } from "../BaseInput/validations.js";
+import validationState from "../Forms/FormElement/validationStates.js";
 import { useControlled } from "../hooks/useControlled.js";
-import { useUniqueId } from "../hooks/useUniqueId.js";
-import { useIsMounted } from "../hooks/useIsMounted.js";
 import { useDefaultProps } from "../hooks/useDefaultProps.js";
+import { useIsMounted } from "../hooks/useIsMounted.js";
+import { useUniqueId } from "../hooks/useUniqueId.js";
 import { isKey } from "../utils/keyboardUtils.js";
 import { setId } from "../utils/setId.js";
-import validationState from "../Forms/FormElement/validationStates.js";
-import { DEFAULT_ERROR_MESSAGES } from "../BaseInput/validations.js";
 import { useClasses } from "./TagsInput.styles.js";
 import { staticClasses } from "./TagsInput.styles.js";
 import { HvCharCounter } from "../Forms/CharCounter/CharCounter.js";