npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.8 → 5.0.0 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1992) hide show

package/dist/esm/components/Table/hooks/useTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n useTable,\n usePagination,\n useExpanded,\n useSortBy,\n useResizeColumns,\n Cell,\n CellPropGetter,\n CellProps,\n ColumnInstance,\n ColumnInterface,\n FooterPropGetter,\n HeaderPropGetter,\n HeaderProps,\n Hooks,\n PluginHook,\n Renderer,\n Row,\n RowPropGetter,\n TableCellProps,\n TableFooterProps,\n TableHeaderProps,\n TableInstance,\n TableOptions,\n TablePropGetter,\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} from \"react-table\";\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 { HvExtraProps } from \"../../../types\";\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 StringKey<D> = Extract<keyof D, string>;\ntype IdType<D> = StringKey<D> \| string;\ntype CellValue<V = any> = V;\n\ninterface HvColumnInterfaceBasedOnValue<\n D extends object = Record<string, unknown>,\n V = any\n> {\n Cell?: Renderer<HvCellProps<D, V>>;\n}\n\ninterface HvColumnGroupInterface<D extends object> {\n columns: Array<HvTableColumnConfig<D>>;\n}\n\ntype HvColumnGroup<D extends object = Record<string, unknown>> =\n HvTableColumnOptions<D> &\n HvColumnGroupInterface<D> &\n (\n \| { Header: string }\n \| ({ id: IdType<D> } & {\n Header: Renderer<HeaderProps<D>>;\n })\n ) & { accessor?: Accessor<D> }; // Not used, but needed for backwards compatibility\n\ntype ValueOf<T> = T[keyof T];\n\n// The accessors like `foo.bar` are not supported, use functions instead\ntype HvColumnWithStrictAccessor<D extends object = Record<string, unknown>> =\n HvTableColumnOptions<D> &\n ValueOf<{\n [K in keyof D]: {\n accessor: K;\n } & HvColumnInterfaceBasedOnValue<D, D[K]>;\n }>;\n\ntype HvColumnWithLooseAccessor<D extends object = Record<string, unknown>> =\n HvTableColumnOptions<D> &\n HvColumnInterfaceBasedOnValue<D> &\n (\n \| { Header: string }\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 HvCellProps<D extends object, V = any> = CellProps<D, V> & {\n column: HvColumnInstance<D>;\n row: HvRowInstance<D>;\n cell: HvCellInstance<D, V>;\n};\n\nexport type HvTableDefinitionConfig<\n D extends object = Record<string, unknown>\n> = HvTableOptions<D>;\n\nexport type HvTableColumnConfig<D extends object = Record<string, unknown>> =\n \| HvColumnGroup<D>\n \| HvColumnWithLooseAccessor<D>\n \| HvColumnWithStrictAccessor<D>;\n\n// #region HOOKS\nexport interface HvHooks<D extends object = Record<string, unknown>>\n extends Hooks<D>,\n UseExpandedHooks<D>,\n UseGroupByHooks<D>,\n UseSortByHooks<D>,\n UseHvRowSelectionHooks<D>,\n UseHvTableStickyHooks<D>,\n UseHvPaginationHooks<D>,\n UseHvBulkActionsHooks<D> {}\n// #endregion\n\n// #region STATE\nexport interface HvTableState<D extends object = Record<string, unknown>>\n extends TableState<D>,\n UseColumnOrderState<D>,\n UseExpandedState<D>,\n UseFiltersState<D>,\n UseGlobalFiltersState<D>,\n UseGroupByState<D>,\n UsePaginationState<D>,\n UseResizeColumnsState<D>,\n UseSortByState<D>,\n UseHvRowSelectionState<D> {\n rowCount: number;\n}\n// #endregion\n\n// #region OPTIONS\nexport interface HvTableOptions<D extends object>\n extends Omit<TableOptions<D>, \"columns\" \| \"data\">,\n UseExpandedOptions<D>,\n UseFiltersOptions<D>,\n UseFiltersOptions<D>,\n UseGlobalFiltersOptions<D>,\n UseGroupByOptions<D>,\n UsePaginationOptions<D>,\n UseResizeColumnsOptions<D>,\n UseSortByOptions<D>,\n UseHvTableStylesTableOptions,\n UseHvRowSelectionTableOptions,\n UseHvTableStickyTableOptions,\n UseHvBulkActionsTableOptions,\n UseHvRowExpandTableOptions {\n columns?: Array<HvTableColumnConfig<D>>;\n data?: D[];\n\n initialState?: Partial<HvTableState<D>>;\n\n labels?: Record<string, string>;\n}\n\nexport interface HvTableColumnOptions<\n D extends object = Record<string, unknown>\n> extends ColumnInterface<D>,\n UseFiltersColumnOptions<D>,\n UseGroupByColumnOptions<D>,\n UseResizeColumnsColumnOptions<D>,\n UseSortByColumnOptions<D>,\n UseHvTableStylesColumnOptions {}\n// #endregion\n\n// #region INSTANCE\nexport interface HvTableInstance<D extends object = Record<string, unknown>>\n extends TableInstance<D>,\n Omit<HvTableOptions<D>, \"columns\" \| \"pageCount\" \| \"initialState\" \| \"data\">,\n UseColumnOrderInstanceProps<D>,\n UseExpandedInstanceProps<D>,\n UseFiltersInstanceProps<D>,\n UseGlobalFiltersInstanceProps<D>,\n UseGroupByInstanceProps<D>,\n UsePaginationInstanceProps<D>,\n UseSortByInstanceProps<D>,\n UseHvRowSelectionTableInstance<D>,\n UseHvTableStickyTableInstance<D>,\n UseHvHeaderGroupsInstance,\n UseHvPaginationTableInstance<D>,\n UseHvBulkActionsTableInstanceProps<D> {\n initialState: Partial<HvTableState<D>>;\n state: HvTableState<D>;\n columns: Array<HvColumnInstance<D>>;\n allColumns: Array<HvColumnInstance<D>>;\n visibleColumns: Array<HvColumnInstance<D>>;\n headers: Array<HvColumnInstance<D>>;\n flatHeaders: Array<HvColumnInstance<D>>;\n rows: Array<HvRowInstance<D>>;\n page: Array<HvRowInstance<D>>;\n rowsById: Record<string, HvRowInstance<D>>;\n flatRows: Array<HvRowInstance<D>>;\n getHooks: () => HvHooks<D>;\n getTableProps: (propGetter?: TablePropGetter<D>) => HvUseTableProps;\n selectedFlatRows: Array<HvRowInstance<D>>;\n\n initialRows: Array<HvRowInstance<D>>;\n initialRowsById: Record<string, HvRowInstance<D>>;\n\n labels: Record<string, string>;\n}\n\nexport interface HvColumnInstance<D extends object = Record<string, unknown>>\n extends ColumnInstance<D>,\n Omit<HvTableColumnOptions<D>, \"id\">,\n UseFiltersColumnProps<D>,\n UseGroupByColumnProps<D>,\n UseResizeColumnsColumnProps<D>,\n UseSortByColumnProps<D> {\n Cell?: Renderer<HvCellProps<D>>;\n columns: Array<HvColumnInstance<D>>;\n parent: HvColumnInstance<D>; // not documented\n placeholderOf?: HvColumnInstance;\n getHeaderProps: (propGetter?: HeaderPropGetter<D>) => HvUseTableHeaderProps;\n getFooterProps: (propGetter?: FooterPropGetter<D>) => HvUseTableFooterProps;\n}\n\nexport interface HvRowInstance<D extends object = Record<string, unknown>>\n extends Row<D>,\n UseGroupByRowProps<D>,\n UseHvRowSelectionRowInstance,\n UseHvRowExpandRowInstance<D> {\n cells: Array<HvCellInstance<D>>;\n allCells: Array<HvCellInstance<D>>;\n getRowProps: (propGetter?: RowPropGetter<D>) => HvUseTableRowProps;\n index: number;\n original: D;\n id: string;\n subRows: Array<HvRowInstance<D>>;\n}\n\nexport interface HvCellInstance<\n D extends object = Record<string, unknown>,\n V = any\n> extends Cell<D, V>,\n UseGroupByCellProps<D> {\n column: HvColumnInstance<D>;\n row: HvRowInstance<D>;\n getCellProps: (propGetter?: CellPropGetter<D>) => HvUseTableCellProps;\n}\n// #endregion\n\n// #region PROPS\nexport interface HvUseTableProps\n extends TableProps,\n UseHvTableStickyTableProps {}\n\nexport interface HvUseTableHeaderProps\n extends TableHeaderProps,\n UseHvTableStylesTableCellProps,\n UseHvTableStickyColumnProps,\n UseHvHeaderGroupsColumnProps,\n UseHvResizeColumnProps,\n UseHvSortByColumnProps {}\nexport interface HvUseTableFooterProps\n extends TableFooterProps,\n UseHvTableStylesTableCellProps {}\n\nexport interface HvUseTableRowProps\n extends TableRowProps,\n UseHvTableStylesTableRowProps,\n UseHvRowSelectionTableRowProps,\n UseHvRowExpandTableRowProps {}\n\nexport interface HvUseTableCellProps\n extends TableCellProps,\n UseHvTableStylesTableCellProps,\n UseHvTableStickyCellProps,\n UseHvHeaderGroupsCellProps,\n UseHvResizeTableCellProps,\n UseHvSortByTableCellProps {}\n\n// #endregion\n\nexport type UseHvTableProps = <D extends object = Record<string, unknown>>(\n options: HvTableOptions<D>,\n ...plugins: Array<PluginHook<D>>\n) => HvTableInstance<D>;\n\nexport { PluginHook as HvTablePluginHook };\n\n// #endregion ##### TYPES #####\n\nconst toTitleCase = (str) => {\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\nconst useDefaultData = (data) =>\n useMemo(() => {\n return data \|\| [];\n }, [data]);\n\nconst useDefaultColumns = (columns, data) =>\n useMemo(() => {\n if (columns != null) {\n return columns;\n }\n\n const uniqueKeys = Object.keys(Object.assign({}, ...data));\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\nconst ensureCorePluginInstallation = (\n plugins,\n hvPluginName,\n corePluginToInstall\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\nconst useInstanceHook = (instance) => {\n const { rowsById } = instance;\n\n Object.assign(instance, {\n initialRowsById: rowsById,\n });\n};\n\nconst useHvTableSetup = (hooks) => {\n hooks.useInstance.push(useInstanceHook);\n};\n\nuseHvTableSetup.pluginName = \"useHvTableSetup\";\n\nfunction useHvTable<D extends object = Record<string, unknown>>(\n props: { data?: D[] } & HvExtraProps,\n ...plugins: any\n) {\n const { data: dataProp, columns: columnsProp, ...others } = props;\n\n const data = useDefaultData(dataProp);\n const columns = useDefaultColumns(columnsProp, data);\n\n ensureCorePluginInstallation(plugins, \"useHvPagination\", usePagination);\n ensureCorePluginInstallation(plugins, \"useHvRowExpand\", useExpanded);\n ensureCorePluginInstallation(plugins, \"useHvSortBy\", useSortBy);\n ensureCorePluginInstallation(plugins, \"useHvResizeColumns\", useResizeColumns);\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(\n {\n data,\n columns,\n ...others,\n },\n useHvTableSetup,\n ...plugins\n );\n}\n\nexport default useHvTable;\n"],"names":["toTitleCase","str","replace","toLowerCase","m","toUpperCase","trim","useDefaultData","data","useMemo","useDefaultColumns","columns","uniqueKeys","Object","keys","assign","filter","key","includes","map","accessor","Header","ensureCorePluginInstallation","plugins","hvPluginName","corePluginToInstall","indexOfCorePlugin","findIndex","plugin","pluginName","indexOfHvPlugin","splice","useInstanceHook","instance","rowsById","initialRowsById","useHvTableSetup","hooks","useInstance","push","useHvTable","props","dataProp","columnsProp","others","usePagination","useExpanded","useSortBy","useResizeColumns","indexOfHvTableStylesPlugin","useHvTableStyles","useTable"],"mappings":";;;;AA+WA,MAAMA,cAAeC,CAAQ,QAAA;AACpBA,SAAAA,IACJC,QAAQ,oBAAoB,OAAO,EACnCA,QAAQ,UAAU,GAAG,EACrBC,cACAD,QAAQ,eAAgBE,CAAAA,MAAMA,EAAEC,YAAa,CAAA,EAC7CH,QAAQ,QAAQ,GAAG,EACnBI;AACL;AAEA,MAAMC,iBAAkBC,CACtBC,SAAAA,QAAQ,MAAM;AACZ,SAAOD,QAAQ,CAAA;AACjB,GAAG,CAACA,IAAI,CAAC;AAEX,MAAME,oBAAoBA,CAACC,SAASH,SAClCC,QAAQ,MAAM;AACZ,MAAIE,WAAW,MAAM;AACZA,WAAAA;AAAAA,EACT;AAEMC,QAAAA,aAAaC,OAAOC,KAAKD,OAAOE,OAAO,CAAC,GAAG,GAAGP,IAAI,CAAC;AACzD,SAAOI,WACJI,OAAQC,CAAQ,QAAA,CAAC,CAAC,WAAW,cAAc,EAAEC,SAASD,GAAG,CAAC,EAC1DE,IAAKF,CAAS,SAAA;AAAA,IACbG,UAAUH;AAAAA,IACVI,QAAQrB,YAAYiB,GAAG;AAAA,EACvB,EAAA;AACN,GAAG,CAACN,SAASH,IAAI,CAAC;AAEpB,MAAMc,+BAA+BA,CACnCC,SACAC,cACAC,wBACG;AACH,QAAMC,oBAAoBH,QAAQI,UAC/BC,YAAWA,OAAOC,eAAeJ,oBAAoBI,UAAU;AAElE,QAAMC,kBAAkBP,QAAQI,UAC7BC,CAAWA,WAAAA,OAAOC,eAAeL,YAAY;AAGhD,MACEM,oBAAoB,OACnBJ,sBAAsB,MAAMA,oBAAoBI,kBACjD;AACA,QAAIJ,oBAAoB,IAAI;AAClBK,cAAAA,OAAOL,mBAAmB,CAAC;AAAA,IACrC;AAEQK,YAAAA,OAAOD,iBAAiB,GAAGL,mBAAmB;AAAA,EACxD;AACF;AAEA,MAAMO,kBAAmBC,CAAa,aAAA;AAC9B,QAAA;AAAA,IAAEC;AAAAA,EAAaD,IAAAA;AAErBpB,SAAOE,OAAOkB,UAAU;AAAA,IACtBE,iBAAiBD;AAAAA,EAAAA,CAClB;AACH;AAEA,MAAME,kBAAmBC,CAAU,UAAA;AAC3BC,QAAAA,YAAYC,KAAKP,eAAe;AACxC;AAEAI,gBAAgBP,aAAa;AAE7B,SAASW,WACPC,UACGlB,SACH;AACM,QAAA;AAAA,IAAEf,MAAMkC;AAAAA,IAAU/B,SAASgC;AAAAA,OAAgBC;AAAAA,EAAWH,IAAAA;AAEtDjC,QAAAA,OAAOD,eAAemC,QAAQ;AAC9B/B,QAAAA,UAAUD,kBAAkBiC,aAAanC,IAAI;AAEtBe,+BAAAA,SAAS,mBAAmBsB,aAAa;AACzCtB,+BAAAA,SAAS,kBAAkBuB,WAAW;AACtCvB,+BAAAA,SAAS,eAAewB,SAAS;AACjCxB,+BAAAA,SAAS,sBAAsByB,gBAAgB;AAE5E,QAAMC,6BAA6B1B,QAAQI,UACxCC,CAAWA,WAAAA,OAAOC,eAAe,kBAAkB;AAEtD,MAAIoB,+BAA+B,IAAI;AACrC1B,YAAQgB,KAAKW,gBAAgB;AAAA,EAC/B;AAGA,SAAOC,SACL;AAAA,IACE3C;AAAAA,IACAG;AAAAA,IACA,GAAGiC;AAAAA,EAAAA,GAELR,iBACA,GAAGb,OAAO;AAEd;"}
1	+ {"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n useTable,\n usePagination,\n useExpanded,\n useSortBy,\n useResizeColumns,\n Cell,\n CellPropGetter,\n CellProps,\n ColumnInstance,\n ColumnInterface,\n FooterPropGetter,\n HeaderPropGetter,\n HeaderProps,\n Hooks,\n PluginHook,\n Renderer,\n Row,\n RowPropGetter,\n TableCellProps,\n TableFooterProps,\n TableHeaderProps,\n TableInstance,\n TableOptions,\n TablePropGetter,\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} from \"react-table\";\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 { HvExtraProps } from \"../../../types\";\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 StringKey<D> = Extract<keyof D, string>;\ntype IdType<D> = StringKey<D> \| string;\ntype CellValue<V = any> = V;\n\ninterface HvColumnInterfaceBasedOnValue<\n D extends object = Record<string, unknown>,\n V = any\n> {\n Cell?: Renderer<HvCellProps<D, V>>;\n}\n\ninterface HvColumnGroupInterface<D extends object> {\n columns: Array<HvTableColumnConfig<D>>;\n}\n\ntype HvColumnGroup<D extends object = Record<string, unknown>> =\n HvTableColumnOptions<D> &\n HvColumnGroupInterface<D> &\n (\n \| { Header: string }\n \| ({ id: IdType<D> } & {\n Header: Renderer<HeaderProps<D>>;\n })\n ) & { accessor?: Accessor<D> }; // Not used, but needed for backwards compatibility\n\ntype ValueOf<T> = T[keyof T];\n\n// The accessors like `foo.bar` are not supported, use functions instead\ntype HvColumnWithStrictAccessor<D extends object = Record<string, unknown>> =\n HvTableColumnOptions<D> &\n ValueOf<{\n [K in keyof D]: {\n accessor: K;\n } & HvColumnInterfaceBasedOnValue<D, D[K]>;\n }>;\n\ntype HvColumnWithLooseAccessor<D extends object = Record<string, unknown>> =\n HvTableColumnOptions<D> &\n HvColumnInterfaceBasedOnValue<D> &\n (\n \| { Header: string }\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 HvCellProps<D extends object, V = any> = CellProps<D, V> & {\n column: HvColumnInstance<D>;\n row: HvRowInstance<D>;\n cell: HvCellInstance<D, V>;\n};\n\nexport type HvTableDefinitionConfig<\n D extends object = Record<string, unknown>\n> = HvTableOptions<D>;\n\nexport type HvTableColumnConfig<D extends object = Record<string, unknown>> =\n \| HvColumnGroup<D>\n \| HvColumnWithLooseAccessor<D>\n \| HvColumnWithStrictAccessor<D>;\n\n// #region HOOKS\nexport interface HvHooks<D extends object = Record<string, unknown>>\n extends Omit<\n Hooks<D>,\n \| \"getToggleRowSelectedProps\"\n \| \"getToggleAllRowsSelectedProps\"\n \| \"getToggleAllPageRowsSelectedProps\"\n >,\n UseExpandedHooks<D>,\n UseGroupByHooks<D>,\n UseSortByHooks<D>,\n UseHvRowSelectionHooks<D>,\n UseHvTableStickyHooks<D>,\n UseHvPaginationHooks<D>,\n UseHvBulkActionsHooks<D> {}\n// #endregion\n\n// #region STATE\nexport interface HvTableState<D extends object = Record<string, unknown>>\n extends TableState<D>,\n UseColumnOrderState<D>,\n UseExpandedState<D>,\n UseFiltersState<D>,\n UseGlobalFiltersState<D>,\n UseGroupByState<D>,\n UsePaginationState<D>,\n UseResizeColumnsState<D>,\n UseSortByState<D>,\n UseHvRowSelectionState<D> {\n rowCount: number;\n}\n// #endregion\n\n// #region OPTIONS\nexport interface HvTableOptions<D extends object>\n extends Omit<TableOptions<D>, \"columns\" \| \"data\">,\n UseExpandedOptions<D>,\n UseFiltersOptions<D>,\n UseFiltersOptions<D>,\n UseGlobalFiltersOptions<D>,\n UseGroupByOptions<D>,\n UsePaginationOptions<D>,\n UseResizeColumnsOptions<D>,\n UseSortByOptions<D>,\n UseHvTableStylesTableOptions,\n UseHvRowSelectionTableOptions,\n UseHvTableStickyTableOptions,\n UseHvBulkActionsTableOptions,\n UseHvRowExpandTableOptions {\n columns?: Array<HvTableColumnConfig<D>>;\n data?: D[];\n initialState?: Partial<HvTableState<D>>;\n labels?: Record<string, string>;\n}\n\nexport interface HvTableColumnOptions<\n D extends object = Record<string, unknown>\n> extends ColumnInterface<D>,\n UseFiltersColumnOptions<D>,\n UseGroupByColumnOptions<D>,\n UseResizeColumnsColumnOptions<D>,\n UseSortByColumnOptions<D>,\n UseHvTableStylesColumnOptions {}\n// #endregion\n\n// #region INSTANCE\nexport interface HvTableInstance<D extends object = Record<string, unknown>>\n extends Omit<\n TableInstance<D>,\n \"getToggleAllRowsSelectedProps\" \| \"getToggleAllPageRowsSelectedProps\"\n >,\n Omit<HvTableOptions<D>, \"columns\" \| \"pageCount\" \| \"initialState\" \| \"data\">,\n UseColumnOrderInstanceProps<D>,\n Omit<UseExpandedInstanceProps<D>, \"rows\">,\n Omit<UseFiltersInstanceProps<D>, \"rows\" \| \"rowsById\" \| \"flatRows\">,\n Omit<UseGlobalFiltersInstanceProps<D>, \"rows\" \| \"rowsById\" \| \"flatRows\">,\n Omit<UseGroupByInstanceProps<D>, \"rows\" \| \"rowsById\" \| \"flatRows\">,\n Omit<UsePaginationInstanceProps<D>, \"page\">,\n Omit<UseSortByInstanceProps<D>, \"rows\">,\n Omit<UseHvRowSelectionTableInstance<D>, \"selectedFlatRows\">,\n UseHvTableStickyTableInstance<D>,\n UseHvHeaderGroupsInstance,\n UseHvPaginationTableInstance<D>,\n UseHvBulkActionsTableInstanceProps<D> {\n initialState: Partial<HvTableState<D>>;\n state: HvTableState<D>;\n columns: Array<HvColumnInstance<D>>;\n allColumns: Array<HvColumnInstance<D>>;\n visibleColumns: Array<HvColumnInstance<D>>;\n headers: Array<HvColumnInstance<D>>;\n flatHeaders: Array<HvColumnInstance<D>>;\n rows: Array<HvRowInstance<D>>;\n page: Array<HvRowInstance<D>>;\n rowsById: Record<string, HvRowInstance<D>>;\n flatRows: Array<HvRowInstance<D>>;\n getHooks: () => HvHooks<D>;\n getTableProps: (\n propGetter?: TablePropGetter<D> & HvExtraProps\n ) => HvUseTableProps;\n selectedFlatRows: Array<HvRowInstance<D>>;\n initialRows: Array<HvRowInstance<D>>;\n initialRowsById: Record<string, HvRowInstance<D>>;\n labels: Record<string, string>;\n}\n\nexport interface HvColumnInstance<D extends object = Record<string, unknown>>\n extends Omit<\n ColumnInstance<D>,\n \"Cell\" \| \"columns\" \| \"parent\" \| \"placeholderOf\"\n >,\n Omit<HvTableColumnOptions<D>, \"id\">,\n UseFiltersColumnProps<D>,\n UseGroupByColumnProps<D>,\n UseResizeColumnsColumnProps<D>,\n UseSortByColumnProps<D> {\n Cell?: Renderer<HvCellProps<D>>;\n columns: Array<HvColumnInstance<D>>;\n parent: HvColumnInstance<D>; // not documented\n placeholderOf?: HvColumnInstance;\n getHeaderProps: (propGetter?: HeaderPropGetter<D>) => HvUseTableHeaderProps;\n getFooterProps: (propGetter?: FooterPropGetter<D>) => HvUseTableFooterProps;\n}\n\nexport interface HvRowInstance<D extends object = Record<string, unknown>>\n extends Omit<\n Row<D>,\n \| \"getToggleRowExpandedProps\"\n \| \"getToggleRowSelectedProps\"\n \| \"cells\"\n \| \"allCells\"\n \| \"subRows\"\n >,\n Omit<UseGroupByRowProps<D>, \"subRows\">,\n Omit<UseHvRowSelectionRowInstance, \"subRows\">,\n Omit<UseHvRowExpandRowInstance<D>, \"subRows\"> {\n cells: Array<HvCellInstance<D>>;\n allCells: Array<HvCellInstance<D>>;\n getRowProps: (propGetter?: RowPropGetter<D>) => HvUseTableRowProps;\n index: number;\n original: D;\n id: string;\n subRows: Array<HvRowInstance<D>>;\n}\n\nexport interface HvCellInstance<\n D extends object = Record<string, unknown>,\n V = any\n> extends Omit<Cell<D, V>, \"column\" \| \"row\">,\n UseGroupByCellProps<D> {\n column: HvColumnInstance<D>;\n row: HvRowInstance<D>;\n getCellProps: (\n propGetter?: CellPropGetter<D> & HvExtraProps\n ) => HvUseTableCellProps;\n}\n// #endregion\n\n// #region PROPS\nexport interface HvUseTableProps\n extends TableProps,\n UseHvTableStickyTableProps {}\n\nexport interface HvUseTableHeaderProps\n extends TableHeaderProps,\n UseHvTableStylesTableCellProps,\n UseHvTableStickyColumnProps,\n UseHvHeaderGroupsColumnProps,\n UseHvResizeColumnProps,\n UseHvSortByColumnProps {}\nexport interface HvUseTableFooterProps\n extends TableFooterProps,\n UseHvTableStylesTableCellProps {}\n\nexport interface HvUseTableRowProps\n extends TableRowProps,\n UseHvTableStylesTableRowProps,\n UseHvRowSelectionTableRowProps,\n UseHvRowExpandTableRowProps {}\n\nexport interface HvUseTableCellProps\n extends TableCellProps,\n UseHvTableStylesTableCellProps,\n UseHvTableStickyCellProps,\n UseHvHeaderGroupsCellProps,\n UseHvResizeTableCellProps,\n UseHvSortByTableCellProps {}\n\n// #endregion\n\nexport type UseHvTableProps = <D extends object = Record<string, unknown>>(\n options: HvTableOptions<D>,\n ...plugins: Array<PluginHook<D>>\n) => HvTableInstance<D>;\n\nexport { PluginHook as HvTablePluginHook };\n\n// #endregion ##### TYPES #####\n\nconst toTitleCase = (str) => {\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\nconst useDefaultData = (data) =>\n useMemo(() => {\n return data \|\| [];\n }, [data]);\n\nconst useDefaultColumns = (columns, data) =>\n useMemo(() => {\n if (columns != null) {\n return columns;\n }\n\n const uniqueKeys = Object.keys(Object.assign({}, ...data));\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\nconst ensureCorePluginInstallation = (\n plugins,\n hvPluginName,\n corePluginToInstall\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\nconst useInstanceHook = (instance) => {\n const { rowsById } = instance;\n\n Object.assign(instance, {\n initialRowsById: rowsById,\n });\n};\n\nconst useHvTableSetup = (hooks) => {\n hooks.useInstance.push(useInstanceHook);\n};\n\nuseHvTableSetup.pluginName = \"useHvTableSetup\";\n\nfunction useHvTable<D extends object = Record<string, unknown>>(\n options: HvTableOptions<D>,\n ...plugins: Array<PluginHook<D>>\n): HvTableInstance<D> {\n const { data: dataProp, columns: columnsProp, ...others } = options;\n\n const data = useDefaultData(dataProp);\n const columns = useDefaultColumns(columnsProp, data);\n\n ensureCorePluginInstallation(plugins, \"useHvPagination\", usePagination);\n ensureCorePluginInstallation(plugins, \"useHvRowExpand\", useExpanded);\n ensureCorePluginInstallation(plugins, \"useHvSortBy\", useSortBy);\n ensureCorePluginInstallation(plugins, \"useHvResizeColumns\", useResizeColumns);\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 },\n useHvTableSetup,\n ...plugins\n ) as any;\n}\n\nexport default useHvTable;\n"],"names":["toTitleCase","str","replace","toLowerCase","m","toUpperCase","trim","useDefaultData","data","useMemo","useDefaultColumns","columns","uniqueKeys","Object","keys","assign","filter","key","includes","map","accessor","Header","ensureCorePluginInstallation","plugins","hvPluginName","corePluginToInstall","indexOfCorePlugin","findIndex","plugin","pluginName","indexOfHvPlugin","splice","useInstanceHook","instance","rowsById","initialRowsById","useHvTableSetup","hooks","useInstance","push","useHvTable","options","dataProp","columnsProp","others","usePagination","useExpanded","useSortBy","useResizeColumns","indexOfHvTableStylesPlugin","useHvTableStyles","useTable"],"mappings":";;;;AAiYA,MAAMA,cAAeC,CAAQ,QAAA;AACpBA,SAAAA,IACJC,QAAQ,oBAAoB,OAAO,EACnCA,QAAQ,UAAU,GAAG,EACrBC,cACAD,QAAQ,eAAgBE,CAAAA,MAAMA,EAAEC,YAAa,CAAA,EAC7CH,QAAQ,QAAQ,GAAG,EACnBI;AACL;AAEA,MAAMC,iBAAkBC,CACtBC,SAAAA,QAAQ,MAAM;AACZ,SAAOD,QAAQ,CAAA;AACjB,GAAG,CAACA,IAAI,CAAC;AAEX,MAAME,oBAAoBA,CAACC,SAASH,SAClCC,QAAQ,MAAM;AACZ,MAAIE,WAAW,MAAM;AACZA,WAAAA;AAAAA,EACT;AAEMC,QAAAA,aAAaC,OAAOC,KAAKD,OAAOE,OAAO,CAAC,GAAG,GAAGP,IAAI,CAAC;AACzD,SAAOI,WACJI,OAAQC,CAAQ,QAAA,CAAC,CAAC,WAAW,cAAc,EAAEC,SAASD,GAAG,CAAC,EAC1DE,IAAKF,CAAS,SAAA;AAAA,IACbG,UAAUH;AAAAA,IACVI,QAAQrB,YAAYiB,GAAG;AAAA,EACvB,EAAA;AACN,GAAG,CAACN,SAASH,IAAI,CAAC;AAEpB,MAAMc,+BAA+BA,CACnCC,SACAC,cACAC,wBACG;AACH,QAAMC,oBAAoBH,QAAQI,UAC/BC,YAAWA,OAAOC,eAAeJ,oBAAoBI,UAAU;AAElE,QAAMC,kBAAkBP,QAAQI,UAC7BC,CAAWA,WAAAA,OAAOC,eAAeL,YAAY;AAGhD,MACEM,oBAAoB,OACnBJ,sBAAsB,MAAMA,oBAAoBI,kBACjD;AACA,QAAIJ,oBAAoB,IAAI;AAClBK,cAAAA,OAAOL,mBAAmB,CAAC;AAAA,IACrC;AAEQK,YAAAA,OAAOD,iBAAiB,GAAGL,mBAAmB;AAAA,EACxD;AACF;AAEA,MAAMO,kBAAmBC,CAAa,aAAA;AAC9B,QAAA;AAAA,IAAEC;AAAAA,EAAaD,IAAAA;AAErBpB,SAAOE,OAAOkB,UAAU;AAAA,IACtBE,iBAAiBD;AAAAA,EAAAA,CAClB;AACH;AAEA,MAAME,kBAAmBC,CAAU,UAAA;AAC3BC,QAAAA,YAAYC,KAAKP,eAAe;AACxC;AAEAI,gBAAgBP,aAAa;AAE7B,SAASW,WACPC,YACGlB,SACiB;AACd,QAAA;AAAA,IAAEf,MAAMkC;AAAAA,IAAU/B,SAASgC;AAAAA,IAAa,GAAGC;AAAAA,EAAWH,IAAAA;AAEtDjC,QAAAA,OAAOD,eAAemC,QAAQ;AAC9B/B,QAAAA,UAAUD,kBAAkBiC,aAAanC,IAAI;AAEtBe,+BAAAA,SAAS,mBAAmBsB,aAAa;AACzCtB,+BAAAA,SAAS,kBAAkBuB,WAAW;AACtCvB,+BAAAA,SAAS,eAAewB,SAAS;AACjCxB,+BAAAA,SAAS,sBAAsByB,gBAAgB;AAE5E,QAAMC,6BAA6B1B,QAAQI,UACxCC,CAAWA,WAAAA,OAAOC,eAAe,kBAAkB;AAEtD,MAAIoB,+BAA+B,IAAI;AACrC1B,YAAQgB,KAAKW,gBAAgB;AAAA,EAC/B;AAGA,SAAOC,SACL;AAAA,IACE3C;AAAAA,IACAG;AAAAA,IACA,GAAGiC;AAAAA,EAAAA,GAELR,iBACA,GAAGb,OAAO;AAEd;"}

package/dist/esm/components/Table/renderers/DateColumnCell/DateColumnCell.js CHANGED Viewed

@@ -9,7 +9,7 @@ const HvDateColumnCell = ({
   const formattedDate = useMemo(() => {
     if (date)
       return dayjs(date).format(dateFormat !== "ISO8601" ? dateFormat : void 0);
-    return "\u2014";
+    return "—";
   }, [date, dateFormat]);
   return /* @__PURE__ */ jsx(HvOverflowTooltip, {
     data: formattedDate

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js CHANGED Viewed

@@ -15,7 +15,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 } : {
   name: "7whenc",
   styles: "display:flex;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
@@ -29,7 +29,7 @@ const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
 } : {
   name: "14ztfvn",
   styles: "width:100%;margin:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledLinearProgress = /* @__PURE__ */ _styled(LinearProgress, process.env.NODE_ENV === "production" ? {
@@ -46,12 +46,12 @@ const StyledLinearProgress = /* @__PURE__ */ _styled(LinearProgress, process.env
     backgroundColor: theme.colors.atmo4
   },
   [`& .${linearProgressClasses.barColorPrimary}`]: {
-    backgroundColor: theme.colors.sema1
+    backgroundColor: theme.colors.positive
   },
   [`& .${linearProgressClasses.barColorSecondary}`]: {
-    backgroundColor: theme.colors.acce1
+    backgroundColor: theme.colors.secondary
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgTGluZWFyUHJvZ3Jlc3MgYXMgTXVpTGluZWFyUHJvZ3Jlc3MsXG4gIGxpbmVhclByb2dyZXNzQ2xhc3NlcyBhcyBNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZChNdWlMaW5lYXJQcm9ncmVzcykoe1xuICBoZWlnaHQ6IDgsXG5cbiAgW2AmLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmNvbG9yUHJpbWFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyQ29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTEsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclNlY29uZGFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgTGluZWFyUHJvZ3Jlc3MgYXMgTXVpTGluZWFyUHJvZ3Jlc3MsXG4gIGxpbmVhclByb2dyZXNzQ2xhc3NlcyBhcyBNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZChNdWlMaW5lYXJQcm9ncmVzcykoe1xuICBoZWlnaHQ6IDgsXG5cbiAgW2AmLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmNvbG9yUHJpbWFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyQ29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmUsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclNlY29uZGFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuIl19 */");
 export {
   StyledContainer,
   StyledLinearProgress,

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n LinearProgress as MuiLinearProgress,\n linearProgressClasses as MuiLinearProgressClasses,\n} from \"@mui/material\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"flex\",\n width: \"100%\",\n});\n\nexport const StyledContainer = styled(\"div\")({\n width: \"100%\",\n margin: \"auto\",\n});\n\nexport const StyledLinearProgress = styled(MuiLinearProgress)({\n height: 8,\n\n [`&.${MuiLinearProgressClasses.root}`]: {\n backgroundColor: theme.colors.atmo4,\n },\n\n [`& .${MuiLinearProgressClasses.colorPrimary}`]: {\n backgroundColor: theme.colors.atmo4,\n },\n\n [`& .${MuiLinearProgressClasses.barColorPrimary}`]: {\n backgroundColor: theme.colors.~~sema1~~,\n },\n\n [`& .${MuiLinearProgressClasses.barColorSecondary}`]: {\n backgroundColor: theme.colors.~~acce1~~,\n },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","StyledLinearProgress","MuiLinearProgress","height","MuiLinearProgressClasses","root","backgroundColor","theme","colors","atmo4","colorPrimary","barColorPrimary","~~sema1~~","barColorSecondary","~~acce1~~"],"mappings":";;;;;;AAOO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEK,MAAMC,kBAAyB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG1C;AAEK,MAAME,uBAA8BC,wBAAAA,gBAAiBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5DS,QAAQ;AAAA,EAER,CAAE,KAAIC,sBAAyBC,~~SAAS~~;AAAA,IACtCC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBM,~~iBAAiB~~;AAAA,IAC/CJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBO,~~oBAAoB~~;AAAA,IAClDL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKR,sBAAyBS,~~sBAAsB~~;AAAA,IACpDP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~qwDAAA~~;"}
1	+ {"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n LinearProgress as MuiLinearProgress,\n linearProgressClasses as MuiLinearProgressClasses,\n} from \"@mui/material\";\n\nexport const StyledRoot = styled(\"div\")({\n display: \"flex\",\n width: \"100%\",\n});\n\nexport const StyledContainer = styled(\"div\")({\n width: \"100%\",\n margin: \"auto\",\n});\n\nexport const StyledLinearProgress = styled(MuiLinearProgress)({\n height: 8,\n\n [`&.${MuiLinearProgressClasses.root}`]: {\n backgroundColor: theme.colors.atmo4,\n },\n\n [`& .${MuiLinearProgressClasses.colorPrimary}`]: {\n backgroundColor: theme.colors.atmo4,\n },\n\n [`& .${MuiLinearProgressClasses.barColorPrimary}`]: {\n backgroundColor: theme.colors.positive,\n },\n\n [`& .${MuiLinearProgressClasses.barColorSecondary}`]: {\n backgroundColor: theme.colors.secondary,\n },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","StyledLinearProgress","MuiLinearProgress","height","MuiLinearProgressClasses","root","backgroundColor","theme","colors","atmo4","colorPrimary","barColorPrimary","positive","barColorSecondary","secondary"],"mappings":";;;;;;AAOO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEK,MAAMC,kBAAyB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG1C;AAEK,MAAME,uBAA8BC,wBAAAA,gBAAiBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5DS,QAAQ;AAAA,EAER,CAAE,KAAIC,sBAAyBC,MAAM,GAAG;AAAA,IACtCC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBM,cAAc,GAAG;AAAA,IAC/CJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBO,iBAAiB,GAAG;AAAA,IAClDL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKR,sBAAyBS,mBAAmB,GAAG;AAAA,IACpDP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wDAAA;"}

package/dist/esm/components/Table/renderers/renderers.js CHANGED Viewed

@@ -43,7 +43,6 @@ function hvDateColumn(col, dateFormat) {
 function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
   return {
     Cell: (cellProps) => {
-      var _a;
       const {
         value,
         row
@@ -51,7 +50,7 @@ function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabe
       const {
         onClick
       } = row.getToggleRowExpandedProps();
-      const hasContent = (_a = getCanRowExpand == null ? void 0 : getCanRowExpand(row)) != null ? _a : true;
+      const hasContent = (getCanRowExpand == null ? void 0 : getCanRowExpand(row)) ?? true;
       return /* @__PURE__ */ jsxs(Fragment, {
         children: [hasContent && /* @__PURE__ */ jsx(HvButton, {
           icon: true,
@@ -70,6 +69,7 @@ function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabe
         })]
       });
     },
+    // @ts-ignore
     sortType: "alphanumeric",
     cellStyle: {
       position: "relative"
@@ -85,7 +85,7 @@ function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowD
         row
       } = cellProps;
       if (!value) {
-        return "\u2014";
+        return "—";
       }
       const {
         [valueDataKey]: name,
@@ -168,7 +168,7 @@ function hvProgressColumn(col, getPartial, getTotal, color) {
       const {
         row
       } = cellProps;
-      const partial = getPartial == null ? void 0 : getPartial(row);
+      const partial = (getPartial == null ? void 0 : getPartial(row)) || 0;
       const total = getTotal == null ? void 0 : getTotal(row);
       if (total) {
         return /* @__PURE__ */ jsx(ProgressColumnCell, {
@@ -177,7 +177,7 @@ function hvProgressColumn(col, getPartial, getTotal, color) {
           color
         });
       }
-      return "\u2014";
+      return "—";
     },
     cellStyle: {
       paddingTop: 0,

package/dist/esm/components/Table/renderers/renderers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderers.js","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"utils\";\nimport { HvOverflowTooltip, HvTag, HvTypography, HvButton } from \"components\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn(col) {\n return {\n Cell: (cellProps) => (\n <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />\n ),\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn(col) {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn(col, dateFormat) {\n return {\n Cell: (cellProps) => (\n <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />\n ),\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn(\n col,\n expandRowButtonAriaLabel,\n collapseRowButtonAriaLabel,\n getCanRowExpand\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n aria-label={\n row.isExpanded\n ? collapseRowButtonAriaLabel\n : expandRowButtonAriaLabel\n }\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn(\n col,\n valueDataKey,\n colorDataKey,\n textColorDataKey,\n // eslint-disable-next-line @typescript-eslint/default-param-last\n fromRowData = false,\n tagProps\n) {\n return {\n Cell: (cellProps) => {\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\nexport function hvSwitchColumn(\n col,\n switchLabel,\n falseLabel,\n trueLabel,\n switchProps\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\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 col,\n id,\n placeholder,\n disabledPlaceholder,\n onChange\n) {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row);\n const total = getTotal?.(row);\n\n if (total) {\n return (\n <ProgressColumnCell partial={partial} total={total} color={color} />\n );\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"names":["hvTextColumn","col","Cell","cellProps","_jsx","HvOverflowTooltip","data","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","onClick","getToggleRowExpandedProps","hasContent","_Fragment","children","HvButton","icon","variant","isExpanded","style","position","left","top","DropDownXS","DropRightXS","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":"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"}
1	+ {"version":3,"file":"renderers.js","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"utils\";\nimport {\n HvOverflowTooltip,\n HvTag,\n HvTypography,\n HvButton,\n HvTableColumnConfig,\n HvRowInstance,\n HvTagProps,\n HvBaseSwitchProps,\n HvListValue,\n} from \"components\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(col: C): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => (\n <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />\n ),\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(col: C): HvTableColumnConfig<D> {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(col: C, dateFormat?: string): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => (\n <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />\n ),\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn<D extends Record<string, unknown>>(\n col: HvTableColumnConfig<D>,\n expandRowButtonAriaLabel: string,\n collapseRowButtonAriaLabel: string,\n getCanRowExpand?: (row: HvRowInstance<D>) => boolean\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n aria-label={\n row.isExpanded\n ? collapseRowButtonAriaLabel\n : expandRowButtonAriaLabel\n }\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n // @ts-ignore\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>,\n A extends Record<string, unknown>\n>(\n col: C,\n valueDataKey: keyof A,\n colorDataKey: keyof A,\n textColorDataKey: keyof A,\n fromRowData: boolean = false,\n tagProps?: HvTagProps\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\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\nexport function hvSwitchColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(\n col: C,\n switchLabel: string,\n falseLabel?: string,\n trueLabel?: string,\n switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\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 Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(\n col: C,\n id: string,\n placeholder: string,\n disabledPlaceholder: string,\n onChange?: (identifier: string, value: HvListValue) => void\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(\n col: C,\n getPartial?: (row: HvRowInstance<D>) => number,\n getTotal?: (row: HvRowInstance<D>) => number,\n color?: \"primary\" \| \"secondary\"\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row) \|\| 0;\n const total = getTotal?.(row);\n\n if (total) {\n return (\n <ProgressColumnCell partial={partial} total={total} color={color} />\n );\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"names":["hvTextColumn","col","Cell","cellProps","_jsx","HvOverflowTooltip","data","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","onClick","getToggleRowExpandedProps","hasContent","_Fragment","children","HvButton","icon","variant","isExpanded","style","position","left","top","DropDownXS","DropRightXS","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":"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"}

package/dist/esm/components/Table/utils/fallbacks.js CHANGED Viewed

@@ -1,4 +1,4 @@
-const LONG_DASH = "\u2014";
+const LONG_DASH = "—";
 const hvStringFallback = (value) => {
   return typeof value === "string" && value !== "" ? value : LONG_DASH;
 };

package/dist/esm/components/Tabs/Tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTabs } from \"./Tabs.styles\";\nimport tabsClasses, { HvTabsClasses } from \"./tabsClasses\";\nimport clsx from \"clsx\";\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport type HvTabsProps = MuiTabsProps &\n HvBaseProps<HTMLButtonElement, { 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 };\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 = ({ classes, ...others }: HvTabsProps) => {\n return (\n <StyledTabs\n classes={{\n root: clsx(tabsClasses.root, classes?.root),\n flexContainer: clsx(tabsClasses.flexContainer, classes?.flexContainer),\n indicator: clsx(tabsClasses.indicator, classes?.indicator),\n scroller: clsx(tabsClasses.scroller, classes?.scroller),\n }}\n TabIndicatorProps={{ children: <div /> }}\n {...others}\n />\n );\n};\n"],"names":["HvTabs","classes","others","StyledTabs","root","clsx","tabsClasses","flexContainer","indicator","scroller","TabIndicatorProps","children","_jsx"],"mappings":";;;;AA2BO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,~~KAAYC~~;AAAoB,MAAM;AAC7D,6BACGC,YAAU;AAAA,IACTF,SAAS;AAAA,MACPG,MAAMC,KAAKC,YAAYF,MAAMH,mCAASG,IAAI;AAAA,MAC1CG,eAAeF,KAAKC,YAAYC,eAAeN,mCAASM,aAAa;AAAA,MACrEC,WAAWH,KAAKC,YAAYE,WAAWP,mCAASO,SAAS;AAAA,MACzDC,UAAUJ,KAAKC,YAAYG,UAAUR,mCAASQ,QAAQ;AAAA,IACxD;AAAA,IACAC,mBAAmB;AAAA,MAAEC,UAAUC,oBAAA,OAAA,EAAA;AAAA,IAAQ;AAAA,IAAE,GACrCV;AAAAA,EAAAA,CACJ;AAEN;"}
1	+ {"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTabs } from \"./Tabs.styles\";\nimport tabsClasses, { HvTabsClasses } from \"./tabsClasses\";\nimport clsx from \"clsx\";\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport type HvTabsProps = MuiTabsProps &\n HvBaseProps<HTMLButtonElement, { 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 };\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 = ({ classes, ...others }: HvTabsProps) => {\n return (\n <StyledTabs\n classes={{\n root: clsx(tabsClasses.root, classes?.root),\n flexContainer: clsx(tabsClasses.flexContainer, classes?.flexContainer),\n indicator: clsx(tabsClasses.indicator, classes?.indicator),\n scroller: clsx(tabsClasses.scroller, classes?.scroller),\n }}\n TabIndicatorProps={{ children: <div /> }}\n {...others}\n />\n );\n};\n"],"names":["HvTabs","classes","others","StyledTabs","root","clsx","tabsClasses","flexContainer","indicator","scroller","TabIndicatorProps","children","_jsx"],"mappings":";;;;AA2BO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAS,GAAGC;AAAoB,MAAM;AAC7D,6BACGC,YAAU;AAAA,IACTF,SAAS;AAAA,MACPG,MAAMC,KAAKC,YAAYF,MAAMH,mCAASG,IAAI;AAAA,MAC1CG,eAAeF,KAAKC,YAAYC,eAAeN,mCAASM,aAAa;AAAA,MACrEC,WAAWH,KAAKC,YAAYE,WAAWP,mCAASO,SAAS;AAAA,MACzDC,UAAUJ,KAAKC,YAAYG,UAAUR,mCAASQ,QAAQ;AAAA,IACxD;AAAA,IACAC,mBAAmB;AAAA,MAAEC,UAAUC,oBAAA,OAAA,EAAA;AAAA,IAAQ;AAAA,IAAE,GACrCV;AAAAA,EAAAA,CACJ;AAEN;"}

package/dist/esm/components/Tabs/Tabs.styles.js CHANGED Viewed

@@ -7,15 +7,17 @@ const StyledTabs = /* @__PURE__ */ _styled(Tabs, process.env.NODE_ENV === "produ
   target: "ex13pr80",
   label: "StyledTabs"
 })({
+  // Root
   minHeight: 0,
   overflow: "visible",
+  // Override Mui styling: https://mui.com/material-ui/api/tabs/#css
   "& .MuiTabs-indicator": {
     display: "flex",
     justifyContent: "center",
     backgroundColor: "transparent",
     "& > div": {
       width: "100%",
-      backgroundColor: theme.colors.acce1
+      backgroundColor: theme.colors.secondary
     },
     height: 2
   },
@@ -27,7 +29,7 @@ const StyledTabs = /* @__PURE__ */ _styled(Tabs, process.env.NODE_ENV === "produ
       marginLeft: "3px"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IFRhYnMgYXMgTXVpVGFicyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKE11aVRhYnMpKHtcbiAgLy8gUm9vdFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWJzLyNjc3NcbiAgXCImIC5NdWlUYWJzLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImID4gZGl2XCI6IHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIH0sXG4gICAgaGVpZ2h0OiAyLFxuICB9LFxuICBcIiYgLk11aVRhYnMtc2Nyb2xsZXJcIjoge1xuICAgIG92ZXJmbG93OiBcInZpc2libGUgIWltcG9ydGFudFwiLFxuICB9LFxuICBcIiYgLk11aVRhYnMtZmxleENvbnRhaW5lclwiOiB7XG4gICAgXCImIGJ1dHRvbjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiM3B4XCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IFRhYnMgYXMgTXVpVGFicyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKE11aVRhYnMpKHtcbiAgLy8gUm9vdFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWJzLyNjc3NcbiAgXCImIC5NdWlUYWJzLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImID4gZGl2XCI6IHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICB9LFxuICAgIGhlaWdodDogMixcbiAgfSxcbiAgXCImIC5NdWlUYWJzLXNjcm9sbGVyXCI6IHtcbiAgICBvdmVyZmxvdzogXCJ2aXNpYmxlICFpbXBvcnRhbnRcIixcbiAgfSxcbiAgXCImIC5NdWlUYWJzLWZsZXhDb250YWluZXJcIjoge1xuICAgIFwiJiBidXR0b246Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBtYXJnaW5MZWZ0OiBcIjNweFwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
 export {
   StyledTabs
 };

package/dist/esm/components/Tabs/Tabs.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tabs as MuiTabs } from \"@mui/material\";\n\nexport const StyledTabs = styled(MuiTabs)({\n // Root\n minHeight: 0,\n overflow: \"visible\",\n\n // Override Mui styling: https://mui.com/material-ui/api/tabs/#css\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n \"& > div\": {\n width: \"100%\",\n backgroundColor: theme.colors.~~acce1~~,\n },\n height: 2,\n },\n \"& .MuiTabs-scroller\": {\n overflow: \"visible !important\",\n },\n \"& .MuiTabs-flexContainer\": {\n \"& button:first-of-type\": {\n marginLeft: \"3px\",\n },\n },\n});\n"],"names":["StyledTabs","MuiTabs","process","env","NODE_ENV","target","label","minHeight","overflow","display","justifyContent","backgroundColor","width","theme","colors","~~acce1~~","height","marginLeft"],"mappings":";;;AAIO,MAAMA,aAAoBC,wBAAAA,MAAOC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAExCC,WAAW;AAAA,EACXC,UAAU;AAAA,EAGV,wBAAwB;AAAA,IACtBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTC,OAAO;AAAA,MACPD,iBAAiBE,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IACAC,QAAQ;AAAA,EACV;AAAA,EACA,uBAAuB;AAAA,IACrBR,UAAU;AAAA,EACZ;AAAA,EACA,4BAA4B;AAAA,IAC1B,0BAA0B;AAAA,MACxBS,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~q7CAAA~~;"}
1	+ {"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tabs as MuiTabs } from \"@mui/material\";\n\nexport const StyledTabs = styled(MuiTabs)({\n // Root\n minHeight: 0,\n overflow: \"visible\",\n\n // Override Mui styling: https://mui.com/material-ui/api/tabs/#css\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n \"& > div\": {\n width: \"100%\",\n backgroundColor: theme.colors.secondary,\n },\n height: 2,\n },\n \"& .MuiTabs-scroller\": {\n overflow: \"visible !important\",\n },\n \"& .MuiTabs-flexContainer\": {\n \"& button:first-of-type\": {\n marginLeft: \"3px\",\n },\n },\n});\n"],"names":["StyledTabs","MuiTabs","process","env","NODE_ENV","target","label","minHeight","overflow","display","justifyContent","backgroundColor","width","theme","colors","secondary","height","marginLeft"],"mappings":";;;AAIO,MAAMA,aAAoBC,wBAAAA,MAAOC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA;AAAA,EAExCC,WAAW;AAAA,EACXC,UAAU;AAAA;AAAA,EAGV,wBAAwB;AAAA,IACtBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTC,OAAO;AAAA,MACPD,iBAAiBE,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IACAC,QAAQ;AAAA,EACV;AAAA,EACA,uBAAuB;AAAA,IACrBR,UAAU;AAAA,EACZ;AAAA,EACA,4BAA4B;AAAA,IAC1B,0BAA0B;AAAA,MACxBS,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,67CAAA;"}

package/dist/esm/components/Tag/Tag.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import clsx from "clsx";
-import { useContext, useState } from "react";
+import { useState } from "react";
 import { theme } from "@hitachivantara/uikit-styles";
 import { StyledChip, StyledButton, StyledCloseXS } from "./Tag.styles.js";
 import { hasDeleteAction, getOnDeleteCallback, hasClickAction } from "./utils.js";
 import tagClasses from "./tagClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { HvThemeContext } from "../../providers/ThemeProvider.js";
+import { useTheme } from "../../hooks/useTheme.js";
 const getColor = (customColor, type, colors) => {
-  const defaultSemanticColor = theme.colors.sema7;
-  const defaultCategoricalColor = colors.cviz1;
+  const defaultSemanticColor = theme.colors.neutral_20;
+  const defaultCategoricalColor = colors.cat1;
   let backgroundColor;
   if (type === "semantic") {
     backgroundColor = theme.colors[customColor] || customColor || defaultSemanticColor;
@@ -38,9 +38,9 @@ const HvTag = ({
   const {
     activeTheme,
     selectedMode
-  } = useContext(HvThemeContext);
+  } = useTheme();
   const getDeleteIcon = () => {
-    const disabledSemanticColor = type === "semantic" ? "atmo5" : "base2";
+    const disabledSemanticColor = type === "semantic" ? "secondary_60" : "base_dark";
     const {
       tabIndex = 0
     } = deleteButtonProps;
@@ -62,8 +62,8 @@ const HvTag = ({
           } : void 0,
           height: 16
         },
-        color: disabled ? disabledSemanticColor : "base2",
-        $color: disabled ? disabledSemanticColor : "base2"
+        color: disabled ? disabledSemanticColor : "base_dark",
+        $color: disabled ? disabledSemanticColor : "base_dark"
       })
     });
   };
@@ -107,7 +107,7 @@ const HvTag = ({
     $disabled: disabled || false,
     $categoricalFocus: type === "categorical" && !disabled,
     $categoricalDisabled: type === "categorical" && disabled || false,
-    $base1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].base1) || theme.colors.base1,
+    $baseLightColor: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].base_light) || theme.colors.base_light,
     ...others
   });
 };

package/dist/esm/components/Tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { CSSProperties, useState, useContext } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport { HvSemanticColorKeys, HvCategoricalColorKeys } from \"types/tokens\";\nimport { HvThemeContext } from \"../../providers\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\n\nexport type HvTagProps = Omit<MuiChipProps, \"color\" \| \"classes\"> &\n HvBaseProps<HTMLDivElement, { children }> & {\n /** Inline styles to be applied to the root element. /\n style?: CSSProperties;\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?: HvSemanticColorKeys \| HvCategoricalColorKeys \| string;\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>) => void;\n /* The role of the element with an attributed event. /\n role?: string;\n /* Aria properties to apply to delete button in tag /\n deleteButtonArialLabel?: string;\n /* Props to apply to delete button /\n deleteButtonProps?: HvButtonProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTagClasses;\n };\n\nconst getColor = (customColor, type, colors) => {\n const defaultSemanticColor = theme.colors.sema7;\n const defaultCategoricalColor = colors.cviz1;\n\n let backgroundColor;\n\n if (type === \"semantic\") {\n backgroundColor =\n theme.colors[customColor] \|\| customColor \|\| defaultSemanticColor;\n }\n if (type === \"categorical\") {\n backgroundColor =\n colors[customColor] \|\| customColor \|\| defaultCategoricalColor;\n }\n return backgroundColor;\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 = ({\n classes,\n className,\n style,\n label,\n disabled,\n type = \"semantic\",\n color,\n deleteIcon,\n onDelete,\n onClick,\n role,\n deleteButtonArialLabel = \"Delete tag\",\n deleteButtonProps = {},\n ...others\n}: HvTagProps) => {\n const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n const getDeleteIcon = () => {\n const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n const { tabIndex = 0 } = deleteButtonProps;\n\n return (\n <StyledButton\n classes={{\n startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n root: clsx(tagClasses.button, classes?.button),\n }}\n aria-label={deleteButtonArialLabel}\n tabIndex={tabIndex}\n variant=\"secondaryGhost\"\n {...deleteButtonProps}\n >\n <StyledCloseXS\n iconSize=\"XS\"\n style={{\n ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n height: 16,\n }}\n color={disabled ? disabledSemanticColor : \"base2\"}\n $color={disabled ? disabledSemanticColor : \"base2\"}\n />\n </StyledButton>\n );\n };\n\n const inlineStyle = {\n ...style,\n };\n\n let categoricalBackgroundColor;\n\n if (type === \"semantic\") {\n inlineStyle.backgroundColor = getColor(color, type, {});\n } else if (type === \"categorical\") {\n categoricalBackgroundColor = getColor(\n color,\n type,\n activeTheme?.colors?.modes[selectedMode]\n );\n\n inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n }\n\n const [hover, setHover] = useState(false);\n\n return (\n <StyledChip\n label={label}\n className={clsx(classes?.root, className, tagClasses.root)}\n onMouseEnter={() => {\n setHover(!!onClick);\n }}\n onMouseLeave={() => {\n setHover(false);\n }}\n style={{\n ...(disabled ? null : inlineStyle),\n ...(hover && !disabled\n ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n : null),\n }}\n classes={{\n root: clsx(\n tagClasses.chipRoot,\n classes?.chipRoot,\n type === \"categorical\" &&\n clsx(tagClasses.categorical, classes?.categorical),\n disabled && clsx(tagClasses.disabled, classes?.disabled),\n !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n type === \"categorical\" &&\n !disabled &&\n clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n type === \"categorical\" &&\n disabled &&\n clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n ),\n label: clsx(tagClasses.label, classes?.label),\n deleteIcon: clsx(\n classes?.deleteIcon,\n tagClasses.deleteIcon,\n disabled &&\n clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n ),\n }}\n deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) \|\| getDeleteIcon()}\n onDelete={getOnDeleteCallback(disabled, onDelete)}\n onClick={disabled ? undefined : onClick}\n role={role \|\| (hasClickAction(onClick) ? \"button\" : undefined)}\n tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n $type={type}\n $disabled={disabled \|\| false}\n $categoricalFocus={type === \"categorical\" && !disabled}\n $categoricalDisabled={(type === \"categorical\" && disabled) \|\| false}\n $base1Color={\n activeTheme?.colors?.modes[selectedMode].base1 \|\| theme.colors.base1\n }\n {...others}\n />\n );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","sema7","defaultCategoricalColor","cviz1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","activeTheme","selectedMode","useContext","HvThemeContext","getDeleteIcon","disabledSemanticColor","tabIndex","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","root","button","variant","children","StyledCloseXS","iconSize","cursor","undefined","height","$color","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","onMouseEnter","onMouseLeave","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","$type","$disabled","$categoricalFocus","$categoricalDisabled","$base1Color","base1"],"mappings":"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"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { CSSProperties, useState } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport { HvSemanticColorKeys, HvCategoricalColorKeys } from \"types/tokens\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\nimport { useTheme } from \"hooks\";\n\nexport type HvTagProps = Omit<MuiChipProps, \"color\" \| \"classes\"> &\n HvBaseProps<HTMLDivElement, { children }> & {\n /** Inline styles to be applied to the root element. /\n style?: CSSProperties;\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?: HvSemanticColorKeys \| HvCategoricalColorKeys \| string;\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>) => void;\n /* The role of the element with an attributed event. /\n role?: string;\n /* Aria properties to apply to delete button in tag /\n deleteButtonArialLabel?: string;\n /* Props to apply to delete button /\n deleteButtonProps?: HvButtonProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTagClasses;\n };\n\nconst getColor = (customColor, type, colors) => {\n const defaultSemanticColor = theme.colors.neutral_20;\n const defaultCategoricalColor = colors.cat1;\n\n let backgroundColor;\n\n if (type === \"semantic\") {\n backgroundColor =\n theme.colors[customColor] \|\| customColor \|\| defaultSemanticColor;\n }\n if (type === \"categorical\") {\n backgroundColor =\n colors[customColor] \|\| customColor \|\| defaultCategoricalColor;\n }\n return backgroundColor;\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 = ({\n classes,\n className,\n style,\n label,\n disabled,\n type = \"semantic\",\n color,\n deleteIcon,\n onDelete,\n onClick,\n role,\n deleteButtonArialLabel = \"Delete tag\",\n deleteButtonProps = {},\n ...others\n}: HvTagProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n const getDeleteIcon = () => {\n const disabledSemanticColor =\n type === \"semantic\" ? \"secondary_60\" : \"base_dark\";\n const { tabIndex = 0 } = deleteButtonProps;\n\n return (\n <StyledButton\n classes={{\n startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n root: clsx(tagClasses.button, classes?.button),\n }}\n aria-label={deleteButtonArialLabel}\n tabIndex={tabIndex}\n variant=\"secondaryGhost\"\n {...deleteButtonProps}\n >\n <StyledCloseXS\n iconSize=\"XS\"\n style={{\n ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n height: 16,\n }}\n color={disabled ? disabledSemanticColor : \"base_dark\"}\n $color={disabled ? disabledSemanticColor : \"base_dark\"}\n />\n </StyledButton>\n );\n };\n\n const inlineStyle = {\n ...style,\n };\n\n let categoricalBackgroundColor;\n\n if (type === \"semantic\") {\n inlineStyle.backgroundColor = getColor(color, type, {});\n } else if (type === \"categorical\") {\n categoricalBackgroundColor = getColor(\n color,\n type,\n activeTheme?.colors?.modes[selectedMode]\n );\n\n inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n }\n\n const [hover, setHover] = useState(false);\n\n return (\n <StyledChip\n label={label}\n className={clsx(classes?.root, className, tagClasses.root)}\n onMouseEnter={() => {\n setHover(!!onClick);\n }}\n onMouseLeave={() => {\n setHover(false);\n }}\n style={{\n ...(disabled ? null : inlineStyle),\n ...(hover && !disabled\n ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n : null),\n }}\n classes={{\n root: clsx(\n tagClasses.chipRoot,\n classes?.chipRoot,\n type === \"categorical\" &&\n clsx(tagClasses.categorical, classes?.categorical),\n disabled && clsx(tagClasses.disabled, classes?.disabled),\n !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n type === \"categorical\" &&\n !disabled &&\n clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n type === \"categorical\" &&\n disabled &&\n clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n ),\n label: clsx(tagClasses.label, classes?.label),\n deleteIcon: clsx(\n classes?.deleteIcon,\n tagClasses.deleteIcon,\n disabled &&\n clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n ),\n }}\n deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) \|\| getDeleteIcon()}\n onDelete={getOnDeleteCallback(disabled, onDelete)}\n onClick={disabled ? undefined : onClick}\n role={role \|\| (hasClickAction(onClick) ? \"button\" : undefined)}\n tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n $type={type}\n $disabled={disabled \|\| false}\n $categoricalFocus={type === \"categorical\" && !disabled}\n $categoricalDisabled={(type === \"categorical\" && disabled) \|\| false}\n $baseLightColor={\n activeTheme?.colors?.modes[selectedMode].base_light \|\|\n theme.colors.base_light\n }\n {...others}\n />\n );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","neutral_20","defaultCategoricalColor","cat1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","activeTheme","selectedMode","useTheme","getDeleteIcon","disabledSemanticColor","tabIndex","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","root","button","variant","children","StyledCloseXS","iconSize","cursor","undefined","height","$color","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","onMouseEnter","onMouseLeave","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","$type","$disabled","$categoricalFocus","$categoricalDisabled","$baseLightColor","base_light"],"mappings":"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"}