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

@hitachivantara/uikit-react-core 5.0.0-next.4 → 5.0.0-next.6

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 (663) hide show

package/dist/cjs/index.cjs CHANGED Viewed

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const useTable = require("./components/Table/hooks/useTable.cjs");
 require("./components/Table/hooks/useGlobalFilter.cjs");
 require("./components/Table/hooks/useFilters.cjs");
 const useForkRef = require("./hooks/useForkRef.cjs");
 const Random = require("./utils/Random.cjs");
+const typographyClasses = require("./components/Typography/typographyClasses.cjs");
 const Typography = require("./components/Typography/Typography.cjs");
 const Box = require("./components/Box/Box.cjs");
 const focusClasses = require("./components/Focus/focusClasses.cjs");
@@ -163,6 +165,7 @@ const bulkActionsClasses = require("./components/BulkActions/bulkActionsClasses.
 const BulkActions = require("./components/BulkActions/BulkActions.cjs");
 const globalActionsClasses = require("./components/GlobalActions/globalActionsClasses.cjs");
 const GlobalActions = require("./components/GlobalActions/GlobalActions.cjs");
+const dropdownClasses = require("./components/Dropdown/dropdownClasses.cjs");
 const Dropdown = require("./components/Dropdown/Dropdown.cjs");
 const tableClasses = require("./components/Table/tableClasses.cjs");
 const Table = require("./components/Table/Table.cjs");
@@ -178,7 +181,6 @@ const tableRowClasses = require("./components/Table/TableRow/tableRowClasses.cjs
 const TableRow = require("./components/Table/TableRow/TableRow.cjs");
 const tableCellClasses = require("./components/Table/TableCell/tableCellClasses.cjs");
 const TableCell = require("./components/Table/TableCell/TableCell.cjs");
-const useTable = require("./components/Table/hooks/useTable.cjs");
 const useTableStyles = require("./components/Table/hooks/useTableStyles.cjs");
 const useSortBy = require("./components/Table/hooks/useSortBy.cjs");
 const useSticky = require("./components/Table/hooks/useSticky.cjs");
@@ -189,8 +191,19 @@ const useRowExpand = require("./components/Table/hooks/useRowExpand.cjs");
 const useHeaderGroups = require("./components/Table/hooks/useHeaderGroups.cjs");
 const useResizeColumns = require("./components/Table/hooks/useResizeColumns.cjs");
 const reactTable = require("react-table");
+const renderers = require("./components/Table/renderers/renderers.cjs");
+const DateColumnCell = require("./components/Table/renderers/DateColumnCell/DateColumnCell.cjs");
+const DropdownColumnCell = require("./components/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs");
+const ProgressColumnCell = require("./components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs");
+const SwitchColumnCell = require("./components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs");
 const fallbacks = require("./components/Table/utils/fallbacks.cjs");
 const Login = require("./components/Login/Login.cjs");
+const Controls = require("./components/Controls/Controls.cjs");
+const leftControlClasses = require("./components/Controls/LeftControl/leftControlClasses.cjs");
+const LeftControl = require("./components/Controls/LeftControl/LeftControl.cjs");
+const rightControlClasses = require("./components/Controls/RightControl/rightControlClasses.cjs");
+const RightControl = require("./components/Controls/RightControl/RightControl.cjs");
+const index = require("./components/Controls/index.cjs");
 const useUniqueId = require("./hooks/useUniqueId.cjs");
 const useIsMounted = require("./hooks/useIsMounted.cjs");
 const useClickOutside = require("./hooks/useClickOutside.cjs");
@@ -213,6 +226,8 @@ const sizes = require("./utils/sizes.cjs");
 const theme = require("./utils/theme.cjs");
 const setId = require("./utils/setId.cjs");
 const classes = require("./utils/classes.cjs");
+const withTooltip = require("./hocs/withTooltip.cjs");
+const withId = require("./hocs/withId.cjs");
 Object.defineProperty(exports, "makeTheme", {
   enumerable: true,
   get: () => uikitStyles.makeTheme
@@ -225,8 +240,11 @@ Object.defineProperty(exports, "themes", {
   enumerable: true,
   get: () => uikitStyles.themes
 });
+exports.useHvData = useTable.default;
+exports.useHvTable = useTable.default;
 exports.useForkRef = useForkRef.default;
 exports.Random = Random.default;
+exports.typographyClasses = typographyClasses.default;
 exports.HvTypography = Typography.HvTypography;
 exports.HvBox = Box.HvBox;
 exports.focusClasses = focusClasses.default;
@@ -398,6 +416,7 @@ exports.bulkActionsClasses = bulkActionsClasses.default;
 exports.HvBulkActions = BulkActions.HvBulkActions;
 exports.globalActionsClasses = globalActionsClasses.default;
 exports.HvGlobalActions = GlobalActions.HvGlobalActions;
+exports.dropdownClasses = dropdownClasses.default;
 exports.HvDropdown = Dropdown.HvDropdown;
 exports.tableClasses = tableClasses.default;
 exports.HvTable = Table.HvTable;
@@ -413,17 +432,32 @@ exports.tableRowClasses = tableRowClasses.default;
 exports.HvTableRow = TableRow.HvTableRow;
 exports.tableCellClasses = tableCellClasses.default;
 exports.HvTableCell = TableCell.HvTableCell;
-exports.useHvData = useTable.default;
-exports.useHvTable = useTable.default;
+exports.getHeaderFooterPropsHook = useTableStyles.getHeaderFooterPropsHook;
 exports.useHvTableStyles = useTableStyles.default;
 exports.useHvSortBy = useSortBy.default;
+exports.getHeaderGroupPropsHook = useSticky.getHeaderGroupPropsHook;
+exports.getTableHeadPropsHook = useSticky.getTableHeadPropsHook;
 exports.useHvTableSticky = useSticky.default;
+exports.defaultGetHvPaginationProps = usePagination.defaultGetHvPaginationProps;
 exports.useHvPagination = usePagination.default;
+exports.CellWithCheckBox = useRowSelection.CellWithCheckBox;
+exports.defaultGetToggleAllPageRowsSelectedProps = useRowSelection.defaultGetToggleAllPageRowsSelectedProps;
+exports.defaultGetToggleAllRowsSelectedProps = useRowSelection.defaultGetToggleAllRowsSelectedProps;
+exports.defaultGetToggleRowSelectedProps = useRowSelection.defaultGetToggleRowSelectedProps;
+exports.prepareRow = useRowSelection.prepareRow;
+exports.reducer = useRowSelection.reducer;
 exports.useHvRowSelection = useRowSelection.default;
+exports.useInstance = useRowSelection.useInstance;
+exports.defaultgetHvBulkActionsProps = useBulkActions.defaultgetHvBulkActionsProps;
 exports.useHvBulkActions = useBulkActions.default;
+exports.CellWithExpandButton = useRowExpand.CellWithExpandButton;
 exports.useHvRowExpand = useRowExpand.default;
 exports.useHvHeaderGroups = useHeaderGroups.default;
 exports.useHvResizeColumns = useResizeColumns.default;
+Object.defineProperty(exports, "HvTablePluginHook", {
+  enumerable: true,
+  get: () => reactTable.PluginHook
+});
 Object.defineProperty(exports, "useHvFilters", {
   enumerable: true,
   get: () => reactTable.useFilters
@@ -432,10 +466,29 @@ Object.defineProperty(exports, "useHvGlobalFilter", {
   enumerable: true,
   get: () => reactTable.useGlobalFilter
 });
+exports.hvDateColumn = renderers.hvDateColumn;
+exports.hvDropdownColumn = renderers.hvDropdownColumn;
+exports.hvExpandColumn = renderers.hvExpandColumn;
+exports.hvNumberColumn = renderers.hvNumberColumn;
+exports.hvProgressColumn = renderers.hvProgressColumn;
+exports.hvSwitchColumn = renderers.hvSwitchColumn;
+exports.hvTagColumn = renderers.hvTagColumn;
+exports.hvTextColumn = renderers.hvTextColumn;
+exports.HvDateColumnCell = DateColumnCell.default;
+exports.HvDropdownColumnCell = DropdownColumnCell.default;
+exports.HvProgressColumnCell = ProgressColumnCell.default;
+exports.normalizeProgressBar = ProgressColumnCell.normalizeProgressBar;
+exports.HvSwitchColumnCell = SwitchColumnCell.default;
 exports.hvNodeFallback = fallbacks.hvNodeFallback;
 exports.hvNumberFallback = fallbacks.hvNumberFallback;
 exports.hvStringFallback = fallbacks.hvStringFallback;
 exports.HvLogin = Login.HvLogin;
+exports.HvControls = Controls.HvControls;
+exports.leftControlClasses = leftControlClasses.default;
+exports.HvLeftControl = LeftControl.HvLeftControl;
+exports.rightControlClasses = rightControlClasses.default;
+exports.HvRightControl = RightControl.HvRightControl;
+exports.controlsClasses = index.controlsClasses;
 exports.useUniqueId = useUniqueId.default;
 exports.useIsMounted = useIsMounted.default;
 exports.useClickOutside = useClickOutside.useClickOutside;
@@ -464,4 +517,6 @@ exports.setElementAttrs = theme.setElementAttrs;
 exports.setId = setId.setId;
 exports.setUid = setId.setUid;
 exports.getClasses = classes.getClasses;
+exports.withTooltip = withTooltip.default;
+exports.withId = withId.default;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/providers/Provider.cjs CHANGED Viewed

@@ -3,8 +3,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const ThemeProvider = require("./ThemeProvider.cjs");
+const createCache = require("@emotion/cache");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const createCache__default = /* @__PURE__ */ _interopDefault(createCache);
 const HvProvider = ({
   children,
   rootElementId,
@@ -18,17 +21,24 @@ const HvProvider = ({
     ...customizations
   } = theme$1;
   const themes = theme.parseThemes(baseTheme, name, customizations);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsx(react.Global, {
-      styles: /* @__PURE__ */ react.css(enableCssBaseline && uikitStyles.CssBaseline, " ", uikitStyles.getThemesVars(themes), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENzc0Jhc2VsaW5lLCBnZXRUaGVtZXNWYXJzIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHBhcnNlVGhlbWVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lIH0gZnJvbSBcIi4uL3R5cGVzL3RoZW1lXCI7XG5pbXBvcnQgeyBIdlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgdHlwZSBIdlByb3ZpZGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHkgdG8gdGhlIGFwcGxpY2F0aW9uIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzIGFuZCBmb3IgdGhlIFVJIEtpdCBjb21wb25lbnRzIHRvIHdvcmsgcHJvcGVybHkuXG4gICAqIElmIHlvdSBhcmUgcHJvdmlkaW5nIHlvdXIgb3duIGJhc2VsaW5lIHN0eWxlcywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBmYWxzZS5cbiAgICovXG4gIGVuYWJsZUNzc0Jhc2VsaW5lPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElkIG9mIHlvdXIgcm9vdCBlbGVtZW50LiBUaGUgdGhlbWUncyBhdHRyaWJ1dGVzIGFuZCBDU1MgdmFyaWFibGVzIHdpbGwgYmUgc2V0IGluIHRoaXMgZWxlbWVudC5cbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkb2N1bWVudCdzIGJvZHkgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgcm9vdEVsZW1lbnRJZD86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBVSSBLaXQgdGhlbWUgb2JqZWN0IHVzZWQgdG8gc2V0IHRoZSB0aGVtZSBhbmQgaW5qZWN0IHRoZSBjdXN0b21pemF0aW9ucyBuZWVkZWQgdG8gbWVldCBzcGVjaWZpYyBkZXNpZ24gbmVlZHMuXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCB0aGVtZSBhbmQgbW9kZSB3aWxsIGJlIGBcImRzNVwiYCBhbmQgYFwiZGF3blwiYCwgcmVzcGVjdGl2ZWx5LlxuICAgKi9cbiAgdGhlbWU/OiBIdlRoZW1lO1xufTtcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgUmVhY3QgdHJlZSB0aGFua3MgdG8gUmVhY3QgY29udGV4dC5cbiAqXG4gKiBUaGUgYEh2UHJvdmlkZXJgIHNob3VsZCBwcmVmZXJhYmx5IGJlIHVzZWQgYXQgKip0aGUgcm9vdCBvZiB5b3VyIGNvbXBvbmVudCB0cmVlKiogYW5kXG4gKiBiZSB1bmlxdWUgaW4gdGhlIEFwcCBpbiBtb3N0IGNhc2VzLlxuICpcbiAqIGBgYGpzeFxuICogPEh2UHJvdmlkZXI+XG4gKiAgIDxNeUFwcCAvPlxuICogPEh2UHJvdmlkZXIvPlxuICogYGBgXG4gKlxuICogSWYgc2V2ZXJhbCBgSHZQcm92aWRlcmAncyBhcmUgdXNlZCBpbiBwYXJhbGxlbCwgeW91J2xsIG5lZWQgdG8gY3JlYXRlIGRpZmZlcmVudCByb290IGVsZW1lbnRzIGFuZFxuICogc2V0IHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgZm9yIGVhY2ggb25lIG9mIHRoZSBwcm92aWRlcnMuIE90aGVyd2lzZSwgdGhlIHN0eWxpbmcgd2lsbCBub3Qgd29yayBwcm9wZXJseS5cbiAqXG4gKiAqKlVJIEtpdCBjb21wb25lbnRzIHdpbGwgbm90IHdvcmsgYXQgYWxsIGlmIHRoZSBgSHZQcm92aWRlcmAgaXMgbm90IGNvbmZpZ3VyZWQgY29ycmVjdGx5KiosXG4gKiBhcyB0aGV5IHdpbGwgbm90IGJlIGFibGUgdG8gYWNjZXNzIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBhY3RpdmUgdGhlbWUuXG4gKlxuICovXG5leHBvcnQgY29uc3QgSHZQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICByb290RWxlbWVudElkLFxuICBlbmFibGVDc3NCYXNlbGluZSA9IHRydWUsXG4gIHRoZW1lID0ge30sXG59OiBIdlByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGJhc2VUaGVtZSA9IFwiZHM1XCIsXG4gICAgYmFzZUNvbG9yTW9kZSA9IFwiZGF3blwiLFxuICAgIG5hbWUsXG4gICAgLi4uY3VzdG9taXphdGlvbnNcbiAgfSA9IHRoZW1lO1xuXG4gIC8vIEdldCB0aGVtZXMgbGlzdFxuICBjb25zdCB0aGVtZXMgPSBwYXJzZVRoZW1lcyhiYXNlVGhlbWUsIG5hbWUsIGN1c3RvbWl6YXRpb25zKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7ZW5hYmxlQ3NzQmFzZWxpbmUgJiYgQ3NzQmFzZWxpbmV9XG4gICAgICAgICAgJHtnZXRUaGVtZXNWYXJzKHRoZW1lcyl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc31cbiAgICAgICAgdGhlbWU9e25hbWUgfHwgYmFzZVRoZW1lfVxuICAgICAgICBjb2xvck1vZGU9e2Jhc2VDb2xvck1vZGV9XG4gICAgICAgIHJvb3RFbGVtZW50SWQ9e3Jvb3RFbGVtZW50SWR9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvSHZUaGVtZVByb3ZpZGVyPlxuICAgIDwvPlxuICApO1xufTtcblxuaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICBIdlByb3ZpZGVyLmRpc3BsYXlOYW1lID0gXCJQcm92aWRlclwiO1xufVxuIl19 */")
-    }), /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider.HvThemeProvider, {
-      themes,
-      theme: name || baseTheme,
-      colorMode: baseColorMode,
-      rootElementId,
-      children
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.CacheProvider,
+    {
+      value: createCache__default.default({
+        key: "hv-uikit-css",
+        prepend: true
+      }),
+      children: [/* @__PURE__ */ jsxRuntime.jsx(react.Global, {
+        styles: /* @__PURE__ */ react.css(enableCssBaseline && uikitStyles.CssBaseline, " ", uikitStyles.getThemesVars(themes), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwsIENhY2hlUHJvdmlkZXIgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENzc0Jhc2VsaW5lLCBnZXRUaGVtZXNWYXJzIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHBhcnNlVGhlbWVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lIH0gZnJvbSBcIi4uL3R5cGVzL3RoZW1lXCI7XG5pbXBvcnQgeyBIdlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5pbXBvcnQgY3JlYXRlQ2FjaGUgZnJvbSBcIkBlbW90aW9uL2NhY2hlXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgdHlwZSBIdlByb3ZpZGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHkgdG8gdGhlIGFwcGxpY2F0aW9uIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzIGFuZCBmb3IgdGhlIFVJIEtpdCBjb21wb25lbnRzIHRvIHdvcmsgcHJvcGVybHkuXG4gICAqIElmIHlvdSBhcmUgcHJvdmlkaW5nIHlvdXIgb3duIGJhc2VsaW5lIHN0eWxlcywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBmYWxzZS5cbiAgICovXG4gIGVuYWJsZUNzc0Jhc2VsaW5lPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElkIG9mIHlvdXIgcm9vdCBlbGVtZW50LiBUaGUgdGhlbWUncyBhdHRyaWJ1dGVzIGFuZCBDU1MgdmFyaWFibGVzIHdpbGwgYmUgc2V0IGluIHRoaXMgZWxlbWVudC5cbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkb2N1bWVudCdzIGJvZHkgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgcm9vdEVsZW1lbnRJZD86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBVSSBLaXQgdGhlbWUgb2JqZWN0IHVzZWQgdG8gc2V0IHRoZSB0aGVtZSBhbmQgaW5qZWN0IHRoZSBjdXN0b21pemF0aW9ucyBuZWVkZWQgdG8gbWVldCBzcGVjaWZpYyBkZXNpZ24gbmVlZHMuXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCB0aGVtZSBhbmQgbW9kZSB3aWxsIGJlIGBcImRzNVwiYCBhbmQgYFwiZGF3blwiYCwgcmVzcGVjdGl2ZWx5LlxuICAgKi9cbiAgdGhlbWU/OiBIdlRoZW1lO1xufTtcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgUmVhY3QgdHJlZSB0aGFua3MgdG8gUmVhY3QgY29udGV4dC5cbiAqXG4gKiBUaGUgYEh2UHJvdmlkZXJgIHNob3VsZCBwcmVmZXJhYmx5IGJlIHVzZWQgYXQgKip0aGUgcm9vdCBvZiB5b3VyIGNvbXBvbmVudCB0cmVlKiogYW5kXG4gKiBiZSB1bmlxdWUgaW4gdGhlIEFwcCBpbiBtb3N0IGNhc2VzLlxuICpcbiAqIGBgYGpzeFxuICogPEh2UHJvdmlkZXI+XG4gKiAgIDxNeUFwcCAvPlxuICogPEh2UHJvdmlkZXIvPlxuICogYGBgXG4gKlxuICogSWYgc2V2ZXJhbCBgSHZQcm92aWRlcmAncyBhcmUgdXNlZCBpbiBwYXJhbGxlbCwgeW91J2xsIG5lZWQgdG8gY3JlYXRlIGRpZmZlcmVudCByb290IGVsZW1lbnRzIGFuZFxuICogc2V0IHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgZm9yIGVhY2ggb25lIG9mIHRoZSBwcm92aWRlcnMuIE90aGVyd2lzZSwgdGhlIHN0eWxpbmcgd2lsbCBub3Qgd29yayBwcm9wZXJseS5cbiAqXG4gKiAqKlVJIEtpdCBjb21wb25lbnRzIHdpbGwgbm90IHdvcmsgYXQgYWxsIGlmIHRoZSBgSHZQcm92aWRlcmAgaXMgbm90IGNvbmZpZ3VyZWQgY29ycmVjdGx5KiosXG4gKiBhcyB0aGV5IHdpbGwgbm90IGJlIGFibGUgdG8gYWNjZXNzIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBhY3RpdmUgdGhlbWUuXG4gKlxuICovXG5leHBvcnQgY29uc3QgSHZQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICByb290RWxlbWVudElkLFxuICBlbmFibGVDc3NCYXNlbGluZSA9IHRydWUsXG4gIHRoZW1lID0ge30sXG59OiBIdlByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGJhc2VUaGVtZSA9IFwiZHM1XCIsXG4gICAgYmFzZUNvbG9yTW9kZSA9IFwiZGF3blwiLFxuICAgIG5hbWUsXG4gICAgLi4uY3VzdG9taXphdGlvbnNcbiAgfSA9IHRoZW1lO1xuXG4gIC8vIEdldCB0aGVtZXMgbGlzdFxuICBjb25zdCB0aGVtZXMgPSBwYXJzZVRoZW1lcyhiYXNlVGhlbWUsIG5hbWUsIGN1c3RvbWl6YXRpb25zKTtcblxuICByZXR1cm4gKFxuICAgIDxDYWNoZVByb3ZpZGVyXG4gICAgICAvKipcbiAgICAgICAqIE1vdmVzIFVJIEtpdCBzdHlsZXMgdG8gdGhlIHRvcCBvZiB0aGUgPGhlYWQ+IHNvIHRoZXkncmUgbG9hZGVkIGZpcnN0LlxuICAgICAgICogVGhpcyBlbmFibGVzIHVzZXJzIHRvIG92ZXJyaWRlIHRoZSBVSSBLaXQgc3R5bGVzIGlmIG5lY2Vzc2FyeS5cbiAgICAgICAqL1xuICAgICAgdmFsdWU9e2NyZWF0ZUNhY2hlKHtcbiAgICAgICAga2V5OiBcImh2LXVpa2l0LWNzc1wiLFxuICAgICAgICBwcmVwZW5kOiB0cnVlLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAke2VuYWJsZUNzc0Jhc2VsaW5lICYmIENzc0Jhc2VsaW5lfVxuICAgICAgICAgICR7Z2V0VGhlbWVzVmFycyh0aGVtZXMpfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIDxIdlRoZW1lUHJvdmlkZXJcbiAgICAgICAgdGhlbWVzPXt0aGVtZXN9XG4gICAgICAgIHRoZW1lPXtuYW1lIHx8IGJhc2VUaGVtZX1cbiAgICAgICAgY29sb3JNb2RlPXtiYXNlQ29sb3JNb2RlfVxuICAgICAgICByb290RWxlbWVudElkPXtyb290RWxlbWVudElkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0h2VGhlbWVQcm92aWRlcj5cbiAgICA8L0NhY2hlUHJvdmlkZXI+XG4gICk7XG59O1xuXG5pZiAocHJvY2Vzcy5lbnYuTk9ERV9FTlYgIT09IFwicHJvZHVjdGlvblwiKSB7XG4gIEh2UHJvdmlkZXIuZGlzcGxheU5hbWUgPSBcIlByb3ZpZGVyXCI7XG59XG4iXX0= */")
+      }), /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider.HvThemeProvider, {
+        themes,
+        theme: name || baseTheme,
+        colorMode: baseColorMode,
+        rootElementId,
+        children
+      })]
+    }
+  );
 };
 if (process.env.NODE_ENV !== "production") {
   HvProvider.displayName = "Provider";

package/dist/cjs/providers/Provider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global } from \"@emotion/react\";\nimport { CssBaseline, getThemesVars } from \"@hitachivantara/uikit-styles\";\nimport { parseThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\n\n// Provider props\nexport type HvProviderProps = {\n /*\n Your component tree.\n /\n children?: React.ReactNode;\n /\n By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n * If you are providing your own baseline styles, you can set this property to false.\n /\n enableCssBaseline?: boolean;\n /\n Id of your root element. The theme's attributes and CSS variables will be set in this element.\n * If no value is provided, the document's body will be used.\n /\n rootElementId?: string;\n /\n The UI Kit theme object used to set the theme and inject the customizations needed to meet specific design needs.\n * If no value is provided, the default theme and mode will be `\"ds5\"` and `\"dawn\"`, respectively.\n /\n theme?: HvTheme;\n};\n\n/\n This component makes cross-component theme properties available down the React tree thanks to React context.\n \n The `HvProvider` should preferably be used at the root of your component tree and\n * be unique in the App in most cases.\n \n ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n \n If several `HvProvider`'s are used in parallel, you'll need to create different root elements and\n * set the `rootElementId` property for each one of the providers. Otherwise, the styling will not work properly.\n \n UI Kit components will not work at all if the `HvProvider` is not configured correctly,\n * as they will not be able to access the properties of the active theme.\n \n /\nexport const HvProvider = ({\n children,\n rootElementId,\n enableCssBaseline = true,\n theme = {},\n}: HvProviderProps) => {\n const {\n baseTheme = \"ds5\",\n baseColorMode = \"dawn\",\n name,\n ...customizations\n } = theme;\n\n // Get themes list\n const themes = parseThemes(baseTheme, name, customizations);\n\n return (\n ~~<>\~~n <Global\n styles={css`\n ${enableCssBaseline && CssBaseline}\n ${getThemesVars(themes)}\n `}\n />\n <HvThemeProvider\n themes={themes}\n theme={name \|\| baseTheme}\n colorMode={baseColorMode}\n rootElementId={rootElementId}\n >\n {children}\n </HvThemeProvider>\n ~~</>\~~n );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n HvProvider.displayName = \"Provider\";\n}\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","theme","baseTheme","baseColorMode","name","customizations","themes","parseThemes","~~_Fragment~~","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","colorMode","displayName"],"mappings":"~~;;;;;;;AAgDO~~,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC,OAAAA,UAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC;AAAAA,OACGC;AAAAA,EACDJ,IAAAA;AAGJ,QAAMK,SAASC,MAAAA,YAAYL,WAAWE,MAAMC,cAAc;~~AAE1D~~,~~yCACEG~~,~~WAAAA~~,~~UAAA~~;AAAA,~~IAAAV~~,UAAA,~~CACEW~~,2BAAAA,IAACC,cAAM;AAAA,~~MACLC~~,~~kCACIX~~,~~qBAAqBY~~,yBAAW,KAChCC,YAAAA,~~cAAcP~~,MAAM,~~UAACQ~~,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,~~q8HAAA~~;AAAA,~~IAAA~~,CAEzB,GACFP,2BAAAA,IAACQ,+BAAe;AAAA,~~MACdX~~;AAAAA,~~MACAL~~,OAAOG,QAAQF;AAAAA,~~MACfgB~~,~~WAAWf~~;AAAAA,~~MACXJ~~;AAAAA,~~MAA6BD~~;AAAAA,~~IAAAA~~,CAGb,CAAA;AAAA,EAAA~~,CACjB~~;~~AAEP~~;AAEA,~~IAAIgB~~,QAAQC,IAAIC,aAAa,cAAc;~~AACzCnB~~,~~aAAWsB~~,cAAc;AAC3B;;"}
1	+ {"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global, CacheProvider } from \"@emotion/react\";\nimport { CssBaseline, getThemesVars } from \"@hitachivantara/uikit-styles\";\nimport { parseThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\nimport createCache from \"@emotion/cache\";\n\n// Provider props\nexport type HvProviderProps = {\n /*\n Your component tree.\n /\n children?: React.ReactNode;\n /\n By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n * If you are providing your own baseline styles, you can set this property to false.\n /\n enableCssBaseline?: boolean;\n /\n Id of your root element. The theme's attributes and CSS variables will be set in this element.\n * If no value is provided, the document's body will be used.\n /\n rootElementId?: string;\n /\n The UI Kit theme object used to set the theme and inject the customizations needed to meet specific design needs.\n * If no value is provided, the default theme and mode will be `\"ds5\"` and `\"dawn\"`, respectively.\n /\n theme?: HvTheme;\n};\n\n/\n This component makes cross-component theme properties available down the React tree thanks to React context.\n \n The `HvProvider` should preferably be used at the root of your component tree and\n * be unique in the App in most cases.\n \n ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n \n If several `HvProvider`'s are used in parallel, you'll need to create different root elements and\n * set the `rootElementId` property for each one of the providers. Otherwise, the styling will not work properly.\n \n UI Kit components will not work at all if the `HvProvider` is not configured correctly,\n * as they will not be able to access the properties of the active theme.\n \n /\nexport const HvProvider = ({\n children,\n rootElementId,\n enableCssBaseline = true,\n theme = {},\n}: HvProviderProps) => {\n const {\n baseTheme = \"ds5\",\n baseColorMode = \"dawn\",\n name,\n ...customizations\n } = theme;\n\n // Get themes list\n const themes = parseThemes(baseTheme, name, customizations);\n\n return (\n <CacheProvider\n /*\n Moves UI Kit styles to the top of the <head> so they're loaded first.\n * This enables users to override the UI Kit styles if necessary.\n */\n value={createCache({\n key: \"hv-uikit-css\",\n prepend: true,\n })}\n >\n <Global\n styles={css`\n ${enableCssBaseline && CssBaseline}\n ${getThemesVars(themes)}\n `}\n />\n <HvThemeProvider\n themes={themes}\n theme={name \|\| baseTheme}\n colorMode={baseColorMode}\n rootElementId={rootElementId}\n >\n {children}\n </HvThemeProvider>\n </CacheProvider>\n );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n HvProvider.displayName = \"Provider\";\n}\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","theme","baseTheme","baseColorMode","name","customizations","themes","parseThemes","_jsxs","CacheProvider","value","createCache","key","prepend","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","colorMode","displayName"],"mappings":";;;;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC,OAAAA,UAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC;AAAAA,OACGC;AAAAA,EACDJ,IAAAA;AAGJ,QAAMK,SAASC,MAAAA,YAAYL,WAAWE,MAAMC,cAAc;AAGxDG,SAAAA,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IACC;AAAA,MAIAC,OAAOC,qBAAAA,QAAY;AAAA,QACjBC,KAAK;AAAA,QACLC,SAAS;AAAA,MAAA,CACV;AAAA,MAAEf,UAAA,CAEHgB,2BAAAA,IAACC,cAAM;AAAA,QACLC,kCACIhB,qBAAqBiB,yBAAW,KAChCC,YAAAA,cAAcZ,MAAM,UAACa,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,y6IAAA;AAAA,MAAA,CAEzB,GACFP,2BAAAA,IAACQ,+BAAe;AAAA,QACdhB;AAAAA,QACAL,OAAOG,QAAQF;AAAAA,QACfqB,WAAWpB;AAAAA,QACXJ;AAAAA,QAA6BD;AAAAA,MAAAA,CAGb,CAAA;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEA,IAAIqB,QAAQC,IAAIC,aAAa,cAAc;AACzCxB,aAAW2B,cAAc;AAC3B;;"}

package/dist/cjs/providers/ThemeProvider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport {\n ~~BaseTheme~~,\n parseTheme,\n ~~ThemeColorMode~~,\n} from \"@hitachivantara/uikit-styles\";\nimport {\n createTheme,\n ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvCustomizedTheme } from \"types/theme\";\n\ninterface HvThemeContextValue {\n themes: (~~BaseTheme~~ \| string)[];\n activeTheme?: HvCustomizedTheme;\n colorModes: (~~ThemeColorMode~~ \| string)[];\n selectedTheme: ~~BaseTheme~~ \| string;\n selectedMode: ~~ThemeColorMode~~ \| string;\n changeTheme: (\n theme?: ~~BaseTheme~~ \| string,\n mode?: ~~ThemeColorMode~~ \| string\n ) => void;\n rootId?: string;\n}\n\ninterface HvThemeProviderProps {\n children: React.ReactNode;\n themes: { [themeName: string]: HvCustomizedTheme };\n theme: ~~BaseTheme~~ \| string;\n colorMode: ~~ThemeColorMode~~ \| string;\n rootElementId?: string;\n}\n\nexport const HvThemeContext = createContext<HvThemeContextValue>({\n themes: [],\n activeTheme: undefined,\n colorModes: [],\n selectedTheme: \"\",\n selectedMode: \"\",\n changeTheme: () => {},\n rootId: undefined,\n});\n\nexport const HvThemeProvider = ({\n children,\n themes: themesList,\n theme,\n colorMode,\n rootElementId,\n}: HvThemeProviderProps) => {\n let pTheme = parseTheme(themesList, theme, colorMode);\n\n const [rootId] = useState<string \| undefined>(rootElementId);\n const [activeTheme, setActiveTheme] = useState<HvCustomizedTheme>(\n themesList[pTheme.selected]\n );\n const [selectedTheme, setSelectedTheme] = useState<string>(pTheme.selected);\n const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n const [themes] = useState<string[]>(Object.keys(themesList));\n\n const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n pTheme = parseTheme(themesList, newTheme, newMode);\n\n setActiveTheme(themesList[pTheme.selected]);\n setSelectedTheme(pTheme.selected);\n setThemeMode(pTheme.selectedMode);\n setColorModes(pTheme.colorModes);\n\n setElementAttrs(\n pTheme.selected,\n pTheme.selectedMode,\n pTheme.bgColor,\n rootId\n );\n };\n\n useEffect(() => {\n changeTheme(theme, colorMode);\n }, [theme, colorMode]);\n\n const value = useMemo(\n () => ({\n themes,\n colorModes,\n activeTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n }),\n [\n themes,\n colorModes,\n activeTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n ]\n );\n\n const MuiTheme = createTheme({\n breakpoints: {\n values: {\n ...themesList[selectedTheme].breakpoints.values,\n },\n },\n });\n\n return (\n <MuiThemeProvider theme={MuiTheme}>\n <HvThemeContext.Provider value={value}>\n {children}\n </HvThemeContext.Provider>\n </MuiThemeProvider>\n );\n};\n"],"names":["HvThemeContext","createContext","themes","activeTheme","undefined","colorModes","selectedTheme","selectedMode","changeTheme","rootId","HvThemeProvider","children","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","useState","setActiveTheme","selected","setSelectedTheme","setThemeMode","setColorModes","Object","keys","newTheme","newMode","setElementAttrs","bgColor","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","Provider"],"mappings":";;;;;;;AAkCO,MAAMA,iBAAiBC,MAAAA,cAAmC;AAAA,EAC/DC,QAAQ,CAAE;AAAA,EACVC,aAAaC;AAAAA,EACbC,YAAY,CAAE;AAAA,EACdC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,aAAaA,MAAM;AAAA,EAAC;AAAA,EACpBC,QAAQL;AACV,CAAC;AAEM,MAAMM,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAT,QAAQU;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,YAAAA,WAAWL,YAAYC,SAAOC,SAAS;AAEpD,QAAM,CAACL,MAAM,IAAIS,MAAAA,SAA6BH,aAAa;AAC3D,QAAM,CAACZ,aAAagB,cAAc,IAAID,MAAAA,SACpCN,WAAWI,OAAOI,SAAS;AAE7B,QAAM,CAACd,eAAee,gBAAgB,IAAIH,MAAAA,SAAiBF,OAAOI,QAAQ;AAC1E,QAAM,CAACb,cAAce,YAAY,IAAIJ,MAAAA,SAAiBF,OAAOT,YAAY;AACzE,QAAM,CAACF,YAAYkB,aAAa,IAAIL,MAAAA,SAAmBF,OAAOX,UAAU;AACxE,QAAM,CAACH,MAAM,IAAIgB,eAAmBM,OAAOC,KAAKb,UAAU,CAAC;AAE3D,QAAMJ,cAAcA,CAACkB,WAAWpB,eAAeqB,UAAUpB,iBAAiB;AAC/DU,aAAAA,YAAAA,WAAWL,YAAYc,UAAUC,OAAO;AAElCf,mBAAAA,WAAWI,OAAOI,SAAS;AAC1CC,qBAAiBL,OAAOI,QAAQ;AAChCE,iBAAaN,OAAOT,YAAY;AAChCgB,kBAAcP,OAAOX,UAAU;AAE/BuB,0BACEZ,OAAOI,UACPJ,OAAOT,cACPS,OAAOa,SACPpB,MAAM;AAAA,EAAA;AAIVqB,QAAAA,UAAU,MAAM;AACdtB,gBAAYK,SAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,SAAOC,SAAS,CAAC;AAEfiB,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACL9B;AAAAA,IACAG;AAAAA,IACAF;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IAEF,CACEP,QACAG,YACAF,aACAG,eACAC,cACAC,aACAC,MAAM,CACP;AAGH,QAAMwB,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGxB,WAAWN,eAAe6B,YAAYC;AAAAA,MAC3C;AAAA,IACF;AAAA,EAAA,CACD;AAED,wCACGC,OAAAA,eAAgB;AAAA,IAACxB,OAAOoB;AAAAA,IAAStB,UAC/BX,2BAAAA,IAAAA,eAAesC,UAAQ;AAAA,MAACP;AAAAA,MAAapB;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;;;"}
1	+ {"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport {\n HvBaseTheme,\n parseTheme,\n HvThemeColorMode,\n} from \"@hitachivantara/uikit-styles\";\nimport {\n createTheme,\n ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvCustomizedTheme } from \"types/theme\";\n\ninterface HvThemeContextValue {\n themes: (HvBaseTheme \| string)[];\n activeTheme?: HvCustomizedTheme;\n colorModes: (HvThemeColorMode \| string)[];\n selectedTheme: HvBaseTheme \| string;\n selectedMode: HvThemeColorMode \| string;\n changeTheme: (\n theme?: HvBaseTheme \| string,\n mode?: HvThemeColorMode \| string\n ) => void;\n rootId?: string;\n}\n\ninterface HvThemeProviderProps {\n children: React.ReactNode;\n themes: { [themeName: string]: HvCustomizedTheme };\n theme: HvBaseTheme \| string;\n colorMode: HvThemeColorMode \| string;\n rootElementId?: string;\n}\n\nexport const HvThemeContext = createContext<HvThemeContextValue>({\n themes: [],\n activeTheme: undefined,\n colorModes: [],\n selectedTheme: \"\",\n selectedMode: \"\",\n changeTheme: () => {},\n rootId: undefined,\n});\n\nexport const HvThemeProvider = ({\n children,\n themes: themesList,\n theme,\n colorMode,\n rootElementId,\n}: HvThemeProviderProps) => {\n let pTheme = parseTheme(themesList, theme, colorMode);\n\n const [rootId] = useState<string \| undefined>(rootElementId);\n const [activeTheme, setActiveTheme] = useState<HvCustomizedTheme>(\n themesList[pTheme.selected]\n );\n const [selectedTheme, setSelectedTheme] = useState<string>(pTheme.selected);\n const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n const [themes] = useState<string[]>(Object.keys(themesList));\n\n const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n pTheme = parseTheme(themesList, newTheme, newMode);\n\n setActiveTheme(themesList[pTheme.selected]);\n setSelectedTheme(pTheme.selected);\n setThemeMode(pTheme.selectedMode);\n setColorModes(pTheme.colorModes);\n\n setElementAttrs(\n pTheme.selected,\n pTheme.selectedMode,\n pTheme.bgColor,\n rootId\n );\n };\n\n useEffect(() => {\n changeTheme(theme, colorMode);\n }, [theme, colorMode]);\n\n const value = useMemo(\n () => ({\n themes,\n colorModes,\n activeTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n }),\n [\n themes,\n colorModes,\n activeTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n ]\n );\n\n const MuiTheme = createTheme({\n breakpoints: {\n values: {\n ...themesList[selectedTheme].breakpoints.values,\n },\n },\n });\n\n return (\n <MuiThemeProvider theme={MuiTheme}>\n <HvThemeContext.Provider value={value}>\n {children}\n </HvThemeContext.Provider>\n </MuiThemeProvider>\n );\n};\n"],"names":["HvThemeContext","createContext","themes","activeTheme","undefined","colorModes","selectedTheme","selectedMode","changeTheme","rootId","HvThemeProvider","children","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","useState","setActiveTheme","selected","setSelectedTheme","setThemeMode","setColorModes","Object","keys","newTheme","newMode","setElementAttrs","bgColor","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","Provider"],"mappings":";;;;;;;AAkCO,MAAMA,iBAAiBC,MAAAA,cAAmC;AAAA,EAC/DC,QAAQ,CAAE;AAAA,EACVC,aAAaC;AAAAA,EACbC,YAAY,CAAE;AAAA,EACdC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,aAAaA,MAAM;AAAA,EAAC;AAAA,EACpBC,QAAQL;AACV,CAAC;AAEM,MAAMM,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAT,QAAQU;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,YAAAA,WAAWL,YAAYC,SAAOC,SAAS;AAEpD,QAAM,CAACL,MAAM,IAAIS,MAAAA,SAA6BH,aAAa;AAC3D,QAAM,CAACZ,aAAagB,cAAc,IAAID,MAAAA,SACpCN,WAAWI,OAAOI,SAAS;AAE7B,QAAM,CAACd,eAAee,gBAAgB,IAAIH,MAAAA,SAAiBF,OAAOI,QAAQ;AAC1E,QAAM,CAACb,cAAce,YAAY,IAAIJ,MAAAA,SAAiBF,OAAOT,YAAY;AACzE,QAAM,CAACF,YAAYkB,aAAa,IAAIL,MAAAA,SAAmBF,OAAOX,UAAU;AACxE,QAAM,CAACH,MAAM,IAAIgB,eAAmBM,OAAOC,KAAKb,UAAU,CAAC;AAE3D,QAAMJ,cAAcA,CAACkB,WAAWpB,eAAeqB,UAAUpB,iBAAiB;AAC/DU,aAAAA,YAAAA,WAAWL,YAAYc,UAAUC,OAAO;AAElCf,mBAAAA,WAAWI,OAAOI,SAAS;AAC1CC,qBAAiBL,OAAOI,QAAQ;AAChCE,iBAAaN,OAAOT,YAAY;AAChCgB,kBAAcP,OAAOX,UAAU;AAE/BuB,0BACEZ,OAAOI,UACPJ,OAAOT,cACPS,OAAOa,SACPpB,MAAM;AAAA,EAAA;AAIVqB,QAAAA,UAAU,MAAM;AACdtB,gBAAYK,SAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,SAAOC,SAAS,CAAC;AAEfiB,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACL9B;AAAAA,IACAG;AAAAA,IACAF;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IAEF,CACEP,QACAG,YACAF,aACAG,eACAC,cACAC,aACAC,MAAM,CACP;AAGH,QAAMwB,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGxB,WAAWN,eAAe6B,YAAYC;AAAAA,MAC3C;AAAA,IACF;AAAA,EAAA,CACD;AAED,wCACGC,OAAAA,eAAgB;AAAA,IAACxB,OAAOoB;AAAAA,IAAStB,UAC/BX,2BAAAA,IAAAA,eAAesC,UAAQ;AAAA,MAACP;AAAAA,MAAapB;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;;;"}

package/dist/cjs/utils/theme.cjs CHANGED Viewed

@@ -33,6 +33,7 @@ const parseThemes = (baseTheme, newThemeName, customizations) => {
     Object.keys(customizedTheme.colors.modes).forEach((mode) => {
       if (!uikitStyles.themes[baseTheme].colors.modes[mode]) {
         customizedTheme.colors.modes[mode] = {
+          type: customizedTheme.colors.modes[mode].type || "light",
           backgroundColor: uikitStyles.colors.light.atmo2,
           ...uikitStyles.colors.common,
           ...uikitStyles.colors.light,

package/dist/cjs/utils/theme.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.cjs","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import {\n themes,\n ~~BaseTheme~~,\n colors,\n ~~ThemeColorModeStructure~~,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/*\n Sets the element attributes for a theme and color mode.\n /\nexport const setElementAttrs = (\n theme: string,\n mode: string,\n bgColor: string,\n elementId?: string\n) => {\n const element =\n (elementId && document.getElementById(elementId)) \|\| document.body;\n\n element.setAttribute(`data-theme`, theme);\n element.setAttribute(`data-color-mode`, mode);\n element.style.backgroundColor = bgColor;\n};\n\n/\n Applies the customizations to a theme.\n /\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n const isObject = (val: any) => val && typeof val === \"object\";\n\n // Customized theme\n const customizedTheme = { ...obj };\n\n // Add new values to the theme or replace values\n Object.keys(customizations).forEach((key) => {\n if (customizedTheme[key]) {\n if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n customizedTheme[key] = applyThemeCustomizations(\n customizedTheme[key],\n customizations[key]\n );\n } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n customizedTheme[key] = customizations[key];\n }\n } else {\n customizedTheme[key] = customizations[key];\n }\n });\n\n return customizedTheme;\n};\n\n/\n Creates a list of customized themes based on the base theme and customizations given.\n \n If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n baseTheme: ~~BaseTheme~~,\n newThemeName?: string,\n customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n // Apply customizations to the base theme\n const customizedTheme: HvCustomizedTheme = customizations\n ? (applyThemeCustomizations(\n themes[baseTheme],\n customizations\n ) as HvCustomizedTheme)\n : { ...themes[baseTheme] };\n\n // Fill new color modes with missing colors\n if (customizations) {\n Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n if (!themes[baseTheme].colors.modes[mode]) {\n customizedTheme.colors.modes[mode] = {\n backgroundColor: colors.light.atmo2,\n ...colors.common,\n ...colors.light,\n ...(customizedTheme.colors.modes[mode] as Partial<\n ~~ThemeColorModeStructure~~ & { [key: string]: string }\n >),\n };\n }\n });\n }\n\n // Create new themes list\n const customizedThemes: {\n [themeName: string]: HvCustomizedTheme;\n } = newThemeName\n ? { ...themes, [newThemeName]: customizedTheme }\n : { ...themes, [baseTheme]: customizedTheme };\n\n return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","bgColor","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","themes","colors","modes","light","atmo2","common","customizedThemes"],"mappings":";;;AAWO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,SACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAC5CG,UAAQK,MAAMC,kBAAkBR;AAClC;AAKA,MAAMS,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAV,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCa,YAAOF,OAAAA,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGW,YAAAA,OAAOF;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBS,OAAOC,KAAK,EAAEP,QAASlB,CAAS,SAAA;AAC1D,UAAI,CAACuB,YAAAA,OAAOF,WAAWG,OAAOC,MAAMzB,OAAO;AACzBwB,wBAAAA,OAAOC,MAAMzB,QAAQ;AAAA,~~UACnCS~~,iBAAiBe,YAAAA,~~OAAOE~~,MAAMC;AAAAA,UAC9B,~~GAAGH~~,~~YAAOI~~,OAAAA;AAAAA,UACV,~~GAAGJ~~,~~YAAOE~~,OAAAA;AAAAA,UACV,~~GAAIX~~,gBAAgBS,OAAOC,MAAMzB;AAAAA,QAAAA;AAAAA,MAIrC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,~~QAAM6B~~,~~mBAEFP~~,eACA;AAAA,IAAE,GAAGC,YAAAA;AAAAA,IAAQ,CAACD,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGQ,YAAAA;AAAAA,IAAQ,CAACF,YAAYN;AAAAA,EAAAA;~~AAEvBc~~,SAAAA;AACT;;;"}
1	+ {"version":3,"file":"theme.cjs","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import {\n themes,\n HvBaseTheme,\n colors,\n HvThemeColorModeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/*\n Sets the element attributes for a theme and color mode.\n /\nexport const setElementAttrs = (\n theme: string,\n mode: string,\n bgColor: string,\n elementId?: string\n) => {\n const element =\n (elementId && document.getElementById(elementId)) \|\| document.body;\n\n element.setAttribute(`data-theme`, theme);\n element.setAttribute(`data-color-mode`, mode);\n element.style.backgroundColor = bgColor;\n};\n\n/\n Applies the customizations to a theme.\n /\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n const isObject = (val: any) => val && typeof val === \"object\";\n\n // Customized theme\n const customizedTheme = { ...obj };\n\n // Add new values to the theme or replace values\n Object.keys(customizations).forEach((key) => {\n if (customizedTheme[key]) {\n if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n customizedTheme[key] = applyThemeCustomizations(\n customizedTheme[key],\n customizations[key]\n );\n } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n customizedTheme[key] = customizations[key];\n }\n } else {\n customizedTheme[key] = customizations[key];\n }\n });\n\n return customizedTheme;\n};\n\n/\n Creates a list of customized themes based on the base theme and customizations given.\n \n If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n baseTheme: HvBaseTheme,\n newThemeName?: string,\n customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n // Apply customizations to the base theme\n const customizedTheme: HvCustomizedTheme = customizations\n ? (applyThemeCustomizations(\n themes[baseTheme],\n customizations\n ) as HvCustomizedTheme)\n : { ...themes[baseTheme] };\n\n // Fill new color modes with missing colors\n if (customizations) {\n Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n if (!themes[baseTheme].colors.modes[mode]) {\n customizedTheme.colors.modes[mode] = {\n type: customizedTheme.colors.modes[mode].type \|\| \"light\",\n backgroundColor: colors.light.atmo2,\n ...colors.common,\n ...colors.light,\n ...(customizedTheme.colors.modes[mode] as Partial<\n HvThemeColorModeStructure & { [key: string]: string }\n >),\n };\n }\n });\n }\n\n // Create new themes list\n const customizedThemes: {\n [themeName: string]: HvCustomizedTheme;\n } = newThemeName\n ? { ...themes, [newThemeName]: customizedTheme }\n : { ...themes, [baseTheme]: customizedTheme };\n\n return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","bgColor","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","themes","colors","modes","type","light","atmo2","common","customizedThemes"],"mappings":";;;AAWO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,SACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAC5CG,UAAQK,MAAMC,kBAAkBR;AAClC;AAKA,MAAMS,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAV,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCa,YAAOF,OAAAA,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGW,YAAAA,OAAOF;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBS,OAAOC,KAAK,EAAEP,QAASlB,CAAS,SAAA;AAC1D,UAAI,CAACuB,YAAAA,OAAOF,WAAWG,OAAOC,MAAMzB,OAAO;AACzBwB,wBAAAA,OAAOC,MAAMzB,QAAQ;AAAA,UACnC0B,MAAMX,gBAAgBS,OAAOC,MAAMzB,MAAM0B,QAAQ;AAAA,UACjDjB,iBAAiBe,YAAAA,OAAOG,MAAMC;AAAAA,UAC9B,GAAGJ,YAAOK,OAAAA;AAAAA,UACV,GAAGL,YAAOG,OAAAA;AAAAA,UACV,GAAIZ,gBAAgBS,OAAOC,MAAMzB;AAAAA,QAAAA;AAAAA,MAIrC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,QAAM8B,mBAEFR,eACA;AAAA,IAAE,GAAGC,YAAAA;AAAAA,IAAQ,CAACD,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGQ,YAAAA;AAAAA,IAAQ,CAACF,YAAYN;AAAAA,EAAAA;AAEvBe,SAAAA;AACT;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { setId } from \"utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\n\nexport type HvAccordionProps = HvBaseProps & {\n /*\n Id to be applied to the root node of the accordion.\n /\n id?: string;\n /\n Class names to be applied to the accordion.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvAccordionClasses;\n /\n The accordion label button.\n /\n label?: ~~any~~;\n /\n The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n /\n onChange?: ~~any~~;\n /\n Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be passed onto container holding the accordion children.\n /\n containerProps?: ~~Object;\~~n /\n Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n /\n Is the accordion disabled.\n /\n disabled?: boolean;\n};\n\n/\n A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n id,\n className,\n classes,\n disabled = false,\n label,\n onChange,\n children,\n expanded,\n headingLevel,\n defaultExpanded = false,\n containerProps,\n ...others\n}: HvAccordionProps) => {\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const handleAction = useCallback(\n (event: SyntheticEvent) => {\n if (!disabled) {\n onChange?.(event, isOpen);\n setIsOpen(!isOpen);\n return true;\n }\n return false;\n },\n [disabled, onChange, isOpen, setIsOpen]\n );\n\n const handleClick = useCallback(\n (event: SyntheticEvent) => {\n handleAction(event);\n event.preventDefault();\n event.stopPropagation();\n },\n [handleAction]\n );\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (\n event.altKey \|\|\n event.ctrlKey \|\|\n event.metaKey \|\|\n event.currentTarget !== event.target\n ) {\n return;\n }\n switch (key) {\n case \"Enter\":\n case \" \":\n isEventHandled = handleAction(event);\n break;\n default:\n return;\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n },\n [handleAction]\n );\n\n const accordionHeaderId = setId(id, \"button\");\n const accordionContainer = setId(id, \"container\");\n const accordionHeader = useMemo(() => {\n const color = (disabled && [\"atmo5\"]) \|\| undefined;\n const accordionButton = (\n <StyledLabel\n id={accordionHeaderId}\n component=\"div\"\n role=\"button\"\n className={clsx(accordionClasses.label, classes?.label)}\n disabled={disabled}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n variant={\"label\"}\n aria-expanded={isOpen}\n aria-disabled={disabled}\n >\n {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n {label}\n </StyledLabel>\n );\n const result =\n headingLevel === undefined ? (\n accordionButton\n ) : (\n <StyledLabel component={`h${headingLevel}`}>\n {accordionButton}\n </StyledLabel>\n );\n return result;\n }, [\n classes,\n handleClick,\n handleKeyDown,\n label,\n accordionHeaderId,\n disabled,\n headingLevel,\n isOpen,\n ]);\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, accordionClasses.root, classes?.root)}\n {...others}\n >\n {accordionHeader}\n <StyledContainer\n id={accordionContainer}\n role=\"region\"\n aria-labelledby={accordionHeaderId}\n className={clsx(accordionClasses.container, classes?.container)}\n hidden={!isOpen}\n {...containerProps}\n >\n {children}\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":";;;;;;;;~~AAuDO~~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"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n SyntheticEvent,\n useCallback,\n useMemo,\n HTMLAttributes,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { setId } from \"utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\n\nexport type HvAccordionProps = HvBaseProps & {\n /*\n Id to be applied to the root node of the accordion.\n /\n id?: string;\n /\n Class names to be applied to the accordion.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvAccordionClasses;\n /\n The accordion label button.\n /\n label?: string;\n /\n The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n /\n onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n /\n Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be passed onto container holding the accordion children.\n /\n containerProps?: HTMLAttributes<HTMLDivElement>;\n /\n Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n /\n Is the accordion disabled.\n /\n disabled?: boolean;\n};\n\n/\n A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n id,\n className,\n classes,\n disabled = false,\n label,\n onChange,\n children,\n expanded,\n headingLevel,\n defaultExpanded = false,\n containerProps,\n ...others\n}: HvAccordionProps) => {\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const handleAction = useCallback(\n (event: SyntheticEvent) => {\n if (!disabled) {\n onChange?.(event, isOpen);\n setIsOpen(!isOpen);\n return true;\n }\n return false;\n },\n [disabled, onChange, isOpen, setIsOpen]\n );\n\n const handleClick = useCallback(\n (event: SyntheticEvent) => {\n handleAction(event);\n event.preventDefault();\n event.stopPropagation();\n },\n [handleAction]\n );\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (\n event.altKey \|\|\n event.ctrlKey \|\|\n event.metaKey \|\|\n event.currentTarget !== event.target\n ) {\n return;\n }\n switch (key) {\n case \"Enter\":\n case \" \":\n isEventHandled = handleAction(event);\n break;\n default:\n return;\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n },\n [handleAction]\n );\n\n const accordionHeaderId = setId(id, \"button\");\n const accordionContainer = setId(id, \"container\");\n const accordionHeader = useMemo(() => {\n const color = (disabled && [\"atmo5\"]) \|\| undefined;\n const accordionButton = (\n <StyledLabel\n id={accordionHeaderId}\n component=\"div\"\n role=\"button\"\n className={clsx(accordionClasses.label, classes?.label)}\n disabled={disabled}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n variant={\"label\"}\n aria-expanded={isOpen}\n aria-disabled={disabled}\n >\n {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n {label}\n </StyledLabel>\n );\n const result =\n headingLevel === undefined ? (\n accordionButton\n ) : (\n <StyledLabel component={`h${headingLevel}`}>\n {accordionButton}\n </StyledLabel>\n );\n return result;\n }, [\n classes,\n handleClick,\n handleKeyDown,\n label,\n accordionHeaderId,\n disabled,\n headingLevel,\n isOpen,\n ]);\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, accordionClasses.root, classes?.root)}\n {...others}\n >\n {accordionHeader}\n <StyledContainer\n id={accordionContainer}\n role=\"region\"\n aria-labelledby={accordionHeaderId}\n className={clsx(accordionClasses.container, classes?.container)}\n hidden={!isOpen}\n {...containerProps}\n >\n {children}\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBar.js","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./ActionBar.styles\";\nimport actionBarClasses, { HvActionBarClasses } from \"./actionBarClasses\";\n\nexport type HvActionBarProps = HvBaseProps & {\n /** Id to be applied to the root node. /\n id?: string;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. */\n classes?: HvActionBarClasses;\n};\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n const { classes, className, id, children, ...others } = props;\n\n return (\n <StyledRoot\n id={id}\n className={clsx(actionBarClasses.root, classes?.root, className)}\n {...others}\n >\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvActionBar","props","classes","className","id","children","others","StyledRoot","clsx","actionBarClasses","root"],"mappings":";;;;AAYaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAIC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,6BACGM,YAAU;AAAA,IACTH;AAAAA,IACAD,WAAWK,KAAKC,iBAAiBC,MAAMR,mCAASQ,MAAMP,SAAS;AAAA,IAAE,GAC7DG;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;"}
1	+ {"version":3,"file":"ActionBar.js","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./ActionBar.styles\";\nimport actionBarClasses, { HvActionBarClasses } from \"./actionBarClasses\";\n\nexport type HvActionBarProps = HvBaseProps & {\n /** Id to be applied to the root node. /\n id?: string;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionBarClasses;\n};\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n const { classes, className, id, children, ...others } = props;\n\n return (\n <StyledRoot\n id={id}\n className={clsx(actionBarClasses.root, classes?.root, className)}\n {...others}\n >\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvActionBar","props","classes","className","id","children","others","StyledRoot","clsx","actionBarClasses","root"],"mappings":";;;;AAYaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAIC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,6BACGM,YAAU;AAAA,IACTH;AAAAA,IACAD,WAAWK,KAAKC,iBAAiBC,MAAMR,mCAASQ,MAAMP,SAAS;AAAA,IAAE,GAC7DG;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionsGeneric.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonSize, HvButtonVariant, HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\nimport { isValidElement, useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { actionsGenericClasses, HvActionsGenericClasses } from \".\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvActionGeneric = {\n id: string;\n label: string;\n icon?:\n \| React.ReactNode\n \| ((params: { isDisabled?: boolean }) => React.ReactNode);\n disabled?: boolean;\n};\n\nexport type HvActionsGenericProps = HvBaseProps & {\n /** Button category. /\n category?: HvButtonVariant;\n /* Whether actions should be all disabled /\n disabled?: boolean;\n /* The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` /\n actions: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (event: ~~Event,~~ id: string, action: HvActionGeneric) => void;\n /* The number of maximum visible actions before they're collapsed into a `DropDownMenu`. /\n maxVisibleActions?: number;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. */\n classes?: HvActionsGenericClasses;\n};\n\nexport const HvActionsGeneric = ({\n id,\n classes,\n className,\n category = \"secondaryGhost\",\n disabled = false,\n actions = [],\n actionsCallback,\n maxVisibleActions = Infinity,\n ...others\n}: HvActionsGenericProps) => {\n const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n const renderButton = (action: HvActionGeneric, idx: number) => {\n const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n const actionId = setId(id, idx, \"action\", action.id);\n\n const renderedIcon = isValidElement(icon)\n ? icon\n : (icon as Function)?.({ isDisabled: disabled });\n\n return (\n <StyledButton\n id={actionId}\n key={actionId \|\| idx}\n variant={category}\n className={clsx(actionsGenericClasses.button, classes?.button)}\n disabled={actDisabled ?? disabled}\n onClick={(event: ~~any~~) => actionsCallback?.(event, id \|\| \"\", action)}\n startIcon={renderedIcon}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].base1 \|\| theme.colors.base1\n }\n size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) \|\| \"md\"}\n {...other}\n >\n {label}\n </StyledButton>\n );\n };\n\n const renderActionsGrid = () => {\n const actsVisible = actions.slice(0, maxVisibleActions);\n const actsDropdown = actions.slice(maxVisibleActions);\n\n const semantic = category === \"semantic\";\n const iconColor =\n (disabled && \"atmo5\") \|\| (semantic && \"base2\") \|\| undefined;\n\n return (\n <>\n {actsVisible.map((action, idx) => renderButton(action, idx))}\n <HvDropDownMenu\n id={setId(id, \"menu\")}\n disabled={disabled}\n category={category}\n classes={{\n root: clsx(\n actionsGenericClasses.dropDownMenu,\n classes?.dropDownMenu\n ),\n icon: clsx(\n actionsGenericClasses.dropDownMenuButton,\n classes?.dropDownMenuButton\n ),\n iconSelected: clsx(\n actionsGenericClasses.dropDownMenuButtonSelected,\n classes?.dropDownMenuButtonSelected\n ),\n }}\n icon={<MoreOptionsVertical color={iconColor} />}\n placement=\"left\"\n onClick={(event: ~~Event~~, action: HvActionGeneric) =>\n actionsCallback?.(event, id \|\| \"\", action)\n }\n dataList={actsDropdown}\n keepOpened={false}\n disablePortal={false}\n />\n </>\n );\n };\n\n const actionOverflow = actions.length > maxVisibleActions;\n\n return (\n <StyledRoot\n className={clsx(\n className,\n actionsGenericClasses.root,\n classes?.root,\n actionOverflow &&\n clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n )}\n $actionOverflow={actionOverflow}\n {...others}\n >\n {actionOverflow\n ? renderActionsGrid()\n : actions.map((action, idx) => renderButton(action, idx))}\n </StyledRoot>\n );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useContext","HvThemeContext","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base1","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":";;;;;;;;;;~~AAmCO~~,MAAMA,mBAAmBA,CAAC;AAAA,EAC/BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU,CAAE;AAAA,EACZC;AAAAA,EACAC,oBAAoBC;AAAAA,KACjBC;AACkB,MAAM;AACrB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,EAAAA,IAAiBC,WAAWC,cAAc;AAE3D,MAAA,CAACC,MAAMC,QAAQV,OAAO;AAAUW,WAAAA,eAAeX,OAAO,IAAIA,UAAU;AAElEY,QAAAA,eAAeA,CAACC,QAAyBC,QAAgB;;AACvD,UAAA;AAAA,MAAEf,UAAUgB;AAAAA,MAAapB,IAAIqB;AAAAA,MAAOC;AAAAA,MAAMC;AAAAA,SAAUC;AAAAA,IAAUN,IAAAA;AACpE,UAAMO,WAAWC,MAAM1B,IAAImB,KAAK,UAAUD,OAAOlB,EAAE;AAEnD,UAAM2B,eAAeX,eAAeM,IAAI,IACpCA,OACCA,6BAAoB;AAAA,MAAEM,YAAYxB;AAAAA,IAAAA;AAEvC,+BACGyB,cAAY;AAAA,MACX7B,IAAIyB;AAAAA,MAEJK,SAAS3B;AAAAA,MACTD,WAAW6B,KAAKC,sBAAsBC,QAAQhC,mCAASgC,MAAM;AAAA,MAC7D7B,UAAUgB,oCAAehB;AAAAA,MACzB8B,SAASA,CAACC,~~UAAe7B~~,mDAAkB6B,OAAOnC,MAAM,IAAIkB;AAAAA,~~MAC5DkB~~,WAAWT;AAAAA,MACXU,cACE3B,gDAAa4B,WAAb5B,mBAAqB6B,MAAM5B,cAAc6B,UAASC,MAAMH,OAAOE;AAAAA,MAEjEE,QAAOhC,gDAAaiC,mBAAbjC,mBAA6BkC,eAA+B;AAAA,MAAK,GACpEpB;AAAAA,MAAKqB,UAERtB;AAAAA,IAAAA,~~GAZIE~~,YAAYN,GAAG;AAAA,EAAA;~~AAiB1B~~,QAAM2B,oBAAoBA,MAAM;AAC9B,UAAMC,cAAc1C,QAAQ2C,MAAM,GAAGzC,iBAAiB;AAChD0C,UAAAA,eAAe5C,QAAQ2C,MAAMzC,iBAAiB;AAEpD,UAAM2C,WAAW/C,aAAa;AAC9B,UAAMgD,YACH/C,YAAY,WAAa8C,YAAY,WAAYE;AAEpD,gCACEC,UAAA;AAAA,MAAAR,UAAA,CACGE,YAAYO,IAAI,CAACpC,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC,uBAC1DoC,gBAAc;AAAA,QACbvD,IAAI0B,MAAM1B,IAAI,MAAM;AAAA,QACpBI;AAAAA,QACAD;AAAAA,QACAF,SAAS;AAAA,UACPuD,MAAMzB,KACJC,sBAAsByB,cACtBxD,mCAASwD,YAAY;AAAA,UAEvBnC,MAAMS,KACJC,sBAAsB0B,oBACtBzD,mCAASyD,kBAAkB;AAAA,UAE7BC,cAAc5B,KACZC,sBAAsB4B,4BACtB3D,mCAAS2D,0BAA0B;AAAA,QAEvC;AAAA,QACAtC,0BAAOuC,qBAAmB;AAAA,UAACC,OAAOX;AAAAA,QAAAA,CAAc;AAAA,QAChDY,WAAU;AAAA,QACV7B,SAASA,CAACC,~~OAAcjB~~,~~WACtBZ~~,mDAAkB6B,OAAOnC,MAAM,IAAIkB;AAAAA,QAErC8C,UAAUf;AAAAA,QACVgB,YAAY;AAAA,QACZC,eAAe;AAAA,MAAA,CACf,CAAA;AAAA,IAAA,CACD;AAAA,EAAA;AAIDC,QAAAA,iBAAiB9D,QAAQ+D,SAAS7D;AAExC,6BACG8D,YAAU;AAAA,IACTnE,WAAW6B,KACT7B,WACA8B,sBAAsBwB,MACtBvD,mCAASuD,MACTW,kBACEpC,KAAKC,sBAAsBsC,iBAAiBrE,mCAASqE,eAAe,CAAC;AAAA,IAEzEC,iBAAiBJ;AAAAA,IAAe,GAC5B1D;AAAAA,IAAMoC,UAETsB,iBACGrB,sBACAzC,QAAQiD,IAAI,CAACpC,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC;AAAA,EAAA,CAC/C;AAEjB;"}
1	+ {"version":3,"file":"ActionsGeneric.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonSize, HvButtonVariant, HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\nimport React, { isValidElement, useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { actionsGenericClasses, HvActionsGenericClasses } from \".\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvActionGeneric = {\n id: string;\n label: string;\n icon?:\n \| React.ReactNode\n \| ((params: { isDisabled?: boolean }) => React.ReactNode);\n disabled?: boolean;\n};\n\nexport type HvActionsGenericProps = HvBaseProps & {\n /** Button category. /\n category?: HvButtonVariant;\n /* Whether actions should be all disabled /\n disabled?: boolean;\n /* The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` /\n actions: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The number of maximum visible actions before they're collapsed into a `DropDownMenu`. /\n maxVisibleActions?: number;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionsGenericClasses;\n};\n\nexport const HvActionsGeneric = ({\n id,\n classes,\n className,\n category = \"secondaryGhost\",\n disabled = false,\n actions = [],\n actionsCallback,\n maxVisibleActions = Infinity,\n ...others\n}: HvActionsGenericProps) => {\n const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n const renderButton = (action: HvActionGeneric, idx: number) => {\n const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n const actionId = setId(id, idx, \"action\", action.id);\n\n const renderedIcon = isValidElement(icon)\n ? icon\n : (icon as Function)?.({ isDisabled: disabled });\n\n return (\n <StyledButton\n id={actionId}\n key={actionId \|\| idx}\n variant={category}\n className={clsx(actionsGenericClasses.button, classes?.button)}\n disabled={actDisabled ?? disabled}\n onClick={(event: React.SyntheticEvent) =>\n actionsCallback?.(event, id \|\| \"\", action)\n }\n startIcon={renderedIcon}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].base1 \|\| theme.colors.base1\n }\n size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) \|\| \"md\"}\n {...other}\n >\n {label}\n </StyledButton>\n );\n };\n\n const renderActionsGrid = () => {\n const actsVisible = actions.slice(0, maxVisibleActions);\n const actsDropdown = actions.slice(maxVisibleActions);\n\n const semantic = category === \"semantic\";\n const iconColor =\n (disabled && \"atmo5\") \|\| (semantic && \"base2\") \|\| undefined;\n\n return (\n <>\n {actsVisible.map((action, idx) => renderButton(action, idx))}\n <HvDropDownMenu\n id={setId(id, \"menu\")}\n disabled={disabled}\n category={category}\n classes={{\n root: clsx(\n actionsGenericClasses.dropDownMenu,\n classes?.dropDownMenu\n ),\n icon: clsx(\n actionsGenericClasses.dropDownMenuButton,\n classes?.dropDownMenuButton\n ),\n iconSelected: clsx(\n actionsGenericClasses.dropDownMenuButtonSelected,\n classes?.dropDownMenuButtonSelected\n ),\n }}\n icon={<MoreOptionsVertical color={iconColor} />}\n placement=\"left\"\n onClick={(event: React.SyntheticEvent, action: HvActionGeneric) =>\n actionsCallback?.(event, id \|\| \"\", action)\n }\n dataList={actsDropdown}\n keepOpened={false}\n disablePortal={false}\n />\n </>\n );\n };\n\n const actionOverflow = actions.length > maxVisibleActions;\n\n return (\n <StyledRoot\n className={clsx(\n className,\n actionsGenericClasses.root,\n classes?.root,\n actionOverflow &&\n clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n )}\n $actionOverflow={actionOverflow}\n {...others}\n >\n {actionOverflow\n ? renderActionsGrid()\n : actions.map((action, idx) => renderButton(action, idx))}\n </StyledRoot>\n );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useContext","HvThemeContext","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base1","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}

package/dist/esm/components/AppSwitcher/Action/Action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: HvApplication;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: Function;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const HvAction = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: HvActionProps) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n */\n const handleOnClick = (event) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n // @ts-ignore\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}
1	+ {"version":3,"file":"Action.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: HvApplication;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: Function;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const HvAction = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: HvActionProps) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n */\n const handleOnClick = (event) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n // @ts-ignore\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSwitcher.js","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n StyledRoot,\n StyledTitle,\n StyledActionsContainer,\n StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvApplication = {\n /** Id of the application. /\n id?: string;\n /* Name of the application, this is the value that will be displayed on the component. /\n name: string;\n /* URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. /\n iconUrl?: string;\n /* Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. /\n iconElement?: React.ReactElement;\n /* Small description of the application. /\n description?: string;\n /* URL where the application is accessible. /\n url?: string;\n /* Defines if the application should be opened in the same tab or in a new one. /\n target?: \"_top\" \| \"_blank\";\n /* If true, the item will be disabled. /\n disabled?: boolean;\n /* True when the application is selected, false otherwise. /\n isSelected?: boolean;\n /* The color of the application. /\n color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n /* Number of columns to render. One, two, or whatever fits the component's width. /\n layout?: \"single\" \| \"dual\" \| \"fluid\";\n /* Title to be displayed on the header of the component. /\n title?: string;\n /* The list of applications to be used to render the actions on the component. /\n applications?: HvApplication[];\n /* Triggered when an action is clicked. /\n onActionClickedCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isActionSelectedCallback?: Function;\n /* Element to be added to the header container, if none is provided a label with the title will be added. /\n header?: React.ReactNode;\n /* Element to be added to the footer container. /\n footer?: React.ReactNode;\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n /\n isOpen?: boolean;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. */\n classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n id,\n className,\n classes,\n layout = \"single\",\n title,\n applications,\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n header,\n footer,\n isOpen,\n}: HvAppSwitcherProps) => {\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = useMemo(\n () =>\n applications &&\n applications?.map((application) => {\n if (application.name) {\n return (\n <HvAppSwitcherAction\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: clsx(classes?.item, appSwitcherClasses.item),\n selected: clsx(\n classes?.itemSelected,\n appSwitcherClasses.itemSelected\n ),\n disabled: clsx(\n classes?.itemDisabled,\n appSwitcherClasses.itemDisabled\n ),\n typography: clsx(\n classes?.itemTrigger,\n appSwitcherClasses.itemTrigger\n ),\n icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n iconInfo: clsx(\n classes?.itemInfoIcon,\n appSwitcherClasses.itemInfoIcon\n ),\n }}\n />\n );\n }\n\n return undefined;\n }),\n [applications]\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n appSwitcherClasses.root,\n classes?.root,\n isOpen && clsx(appSwitcherClasses.open, classes?.open),\n isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n )}\n $open={!!isOpen}\n $closed={isOpen === false}\n $layout={layout}\n >\n {(header && (\n <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n {header}\n </StyledTitle>\n )) \|\|\n (title && (\n <TitleWithTooltip\n className={clsx(appSwitcherClasses.title, classes?.title)}\n title={title}\n type=\"appSwitcher\"\n />\n ))}\n <StyledActionsContainer\n disableGutters\n className={clsx(\n appSwitcherClasses.actionsContainer,\n classes?.actionsContainer\n )}\n >\n {panelActions}\n </StyledActionsContainer>\n {footer && (\n <StyledFooter\n className={clsx(\n appSwitcherClasses.footerContainer,\n classes?.footerContainer\n )}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;AA6DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CAACC,OAAOC,gBAAgB;AAC5CP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,iCACGC,UAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,KAAKpB,mCAASqB,MAAMC,mBAAmBD,IAAI;AAAA,UACjDE,UAAUH,KACRpB,mCAASwB,cACTF,mBAAmBE,YAAY;AAAA,UAEjCC,UAAUL,KACRpB,mCAAS0B,cACTJ,mBAAmBI,YAAY;AAAA,UAEjCC,YAAYP,KACVpB,mCAAS4B,aACTN,mBAAmBM,WAAW;AAAA,UAEhCC,MAAMT,KAAKpB,mCAAS8B,UAAUR,mBAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,KAAKpB,mCAAS+B,WAAWT,mBAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,KACRpB,mCAASiC,cACTX,mBAAmBW,YAAY;AAAA,QAEnC;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAAK;AAAA,IA2BrE;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CAAC;AAGhB,8BACGiC,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,KACTrB,WACAuB,mBAAmBH,MACnBnB,mCAASmB,MACTX,UAAUY,KAAKE,mBAAmBe,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,KAAKE,mBAAmBgB,QAAQtC,mCAASsC,MAAM,CAAC;AAAA,IAEtEC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,oBAACC,aAAW;AAAA,MAAC7C,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UACpEpC;AAAAA,IAAAA,CAAM,KAGRJ,SACCyC,oBAACE,kBAAgB;AAAA,MACf9C,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CAEP,GACJH,oBAACI,wBAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWqB,KACTE,mBAAmB2B,kBACnBjD,mCAASiD,gBAAgB;AAAA,MACzBP,UAED9B;AAAAA,IAAAA,CAAY,GAEdL,UACCoC,oBAACO,cAAY;AAAA,MACXnD,WAAWqB,KACTE,mBAAmB6B,iBACnBnD,mCAASmD,eAAe;AAAA,MACxBT,UAEDnC;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}
1	+ {"version":3,"file":"AppSwitcher.js","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n StyledRoot,\n StyledTitle,\n StyledActionsContainer,\n StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvApplication = {\n /** Id of the application. /\n id?: string;\n /* Name of the application, this is the value that will be displayed on the component. /\n name: string;\n /* URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. /\n iconUrl?: string;\n /* Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. /\n iconElement?: React.ReactElement;\n /* Small description of the application. /\n description?: string;\n /* URL where the application is accessible. /\n url?: string;\n /* Defines if the application should be opened in the same tab or in a new one. /\n target?: \"_top\" \| \"_blank\";\n /* If true, the item will be disabled. /\n disabled?: boolean;\n /* True when the application is selected, false otherwise. /\n isSelected?: boolean;\n /* The color of the application. /\n color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n /* Number of columns to render. One, two, or whatever fits the component's width. /\n layout?: \"single\" \| \"dual\" \| \"fluid\";\n /* Title to be displayed on the header of the component. /\n title?: string;\n /* The list of applications to be used to render the actions on the component. /\n applications?: HvApplication[];\n /* Triggered when an action is clicked. /\n onActionClickedCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isActionSelectedCallback?: Function;\n /* Element to be added to the header container, if none is provided a label with the title will be added. /\n header?: React.ReactNode;\n /* Element to be added to the footer container. /\n footer?: React.ReactNode;\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n /\n isOpen?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n id,\n className,\n classes,\n layout = \"single\",\n title,\n applications,\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n header,\n footer,\n isOpen,\n}: HvAppSwitcherProps) => {\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = useMemo(\n () =>\n applications &&\n applications?.map((application) => {\n if (application.name) {\n return (\n <HvAppSwitcherAction\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: clsx(classes?.item, appSwitcherClasses.item),\n selected: clsx(\n classes?.itemSelected,\n appSwitcherClasses.itemSelected\n ),\n disabled: clsx(\n classes?.itemDisabled,\n appSwitcherClasses.itemDisabled\n ),\n typography: clsx(\n classes?.itemTrigger,\n appSwitcherClasses.itemTrigger\n ),\n icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n iconInfo: clsx(\n classes?.itemInfoIcon,\n appSwitcherClasses.itemInfoIcon\n ),\n }}\n />\n );\n }\n\n return undefined;\n }),\n [applications]\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n appSwitcherClasses.root,\n classes?.root,\n isOpen && clsx(appSwitcherClasses.open, classes?.open),\n isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n )}\n $open={!!isOpen}\n $closed={isOpen === false}\n $layout={layout}\n >\n {(header && (\n <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n {header}\n </StyledTitle>\n )) \|\|\n (title && (\n <TitleWithTooltip\n className={clsx(appSwitcherClasses.title, classes?.title)}\n title={title}\n type=\"appSwitcher\"\n />\n ))}\n <StyledActionsContainer\n disableGutters\n className={clsx(\n appSwitcherClasses.actionsContainer,\n classes?.actionsContainer\n )}\n >\n {panelActions}\n </StyledActionsContainer>\n {footer && (\n <StyledFooter\n className={clsx(\n appSwitcherClasses.footerContainer,\n classes?.footerContainer\n )}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;AA6DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CAACC,OAAOC,gBAAgB;AAC5CP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,iCACGC,UAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,KAAKpB,mCAASqB,MAAMC,mBAAmBD,IAAI;AAAA,UACjDE,UAAUH,KACRpB,mCAASwB,cACTF,mBAAmBE,YAAY;AAAA,UAEjCC,UAAUL,KACRpB,mCAAS0B,cACTJ,mBAAmBI,YAAY;AAAA,UAEjCC,YAAYP,KACVpB,mCAAS4B,aACTN,mBAAmBM,WAAW;AAAA,UAEhCC,MAAMT,KAAKpB,mCAAS8B,UAAUR,mBAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,KAAKpB,mCAAS+B,WAAWT,mBAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,KACRpB,mCAASiC,cACTX,mBAAmBW,YAAY;AAAA,QAEnC;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAAK;AAAA,IA2BrE;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CAAC;AAGhB,8BACGiC,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,KACTrB,WACAuB,mBAAmBH,MACnBnB,mCAASmB,MACTX,UAAUY,KAAKE,mBAAmBe,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,KAAKE,mBAAmBgB,QAAQtC,mCAASsC,MAAM,CAAC;AAAA,IAEtEC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,oBAACC,aAAW;AAAA,MAAC7C,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UACpEpC;AAAAA,IAAAA,CAAM,KAGRJ,SACCyC,oBAACE,kBAAgB;AAAA,MACf9C,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CAEP,GACJH,oBAACI,wBAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWqB,KACTE,mBAAmB2B,kBACnBjD,mCAASiD,gBAAgB;AAAA,MACzBP,UAED9B;AAAAA,IAAAA,CAAY,GAEdL,UACCoC,oBAACO,cAAY;AAAA,MACXnD,WAAWqB,KACTE,mBAAmB6B,iBACnBnD,mCAASmD,eAAe;AAAA,MACxBT,UAEDnC;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n StyledAvatar,\n StyledBadge,\n StyledContainer,\n StyledImg,\n StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" \| \"square\";\n\nexport type HvAvatarSize = \"XS\" \| \"SM\" \| \"MD\" \| \"LG\" \| \"XL\";\n\nexport type HvAvatarProps = ~~MuiAvatarProps &\n~~ HvBaseProps & {\n /** Inline styles to be applied to the root element. /\n style?: ~~object~~;\n /* The component used for the root node. Either a string to use a DOM element or a component. /\n component?: React.ElementType;\n /* Sets one of the standard sizes of the icons /\n size?: HvAvatarSize;\n /\n A String representing the foreground color of the avatar's\n * letters or the generic User icon fallback.\n * You can use either an HEX or color name from the palette.\n /\n color?: string;\n /* A String representing the background color of the avatar. You can use either an HEX or color name from the palette. /\n backgroundColor?: string;\n /* The `src` attribute for the `img` element. /\n src?: string;\n /* The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. /\n srcSet?: string;\n /* The `sizes` attribute for the `img` element. /\n sizes?: string;\n /* Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. /\n alt?: string;\n /\n Attributes applied to the `img` element if the component is used to display an image.\n * It can be used to listen for the loading error event.\n /\n imgProps?: ~~object;\~~n /* A string representing the type of avatar to display, circular or square. /\n variant?: HvAvatarVariant;\n /* A string representing the color of the avatar border that represents its status. /\n status?: string;\n /* A string representing the color of the avatar badge. /\n badge?: string;\n /* Attributes applied to the avatar element. /\n avatarProps?: ~~object~~;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. /\n classes?: HvAvatarClasses;\n };\n\n/\n Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n /\nconst getColor = (color: string, defaultColor: string): string =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\n/\n Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n className,\n style,\n classes,\n children: childrenProp,\n component = \"div\",\n size = \"SM\",\n backgroundColor = \"acce1\",\n color = \"atmo1\",\n src,\n srcSet,\n sizes,\n alt,\n imgProps,\n status,\n badge,\n variant = \"circular\",\n avatarProps,\n ...others\n}: HvAvatarProps) => {\n let children: React.ReactNode;\n\n // Use a hook instead of onError on the img element to support server-side rendering.\n const imageLoaded = useImageLoaded(src, srcSet);\n const hasImg = src \|\| srcSet;\n const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n if (hasImgNotFailing) {\n children = (\n <StyledImg\n alt={alt}\n src={src}\n srcSet={srcSet}\n sizes={sizes}\n className={clsx(classes?.img, avatarClasses.img)}\n {...imgProps}\n />\n );\n } else if (childrenProp != null) {\n children = childrenProp;\n } else if (hasImg && alt) {\n [children] = alt;\n } else {\n children = (\n <User\n color={color}\n iconSize={decreaseSize(size)}\n className={clsx(avatarClasses.fallback, classes?.fallback)}\n />\n );\n }\n\n const inlineStyle: CSSProperties = {\n ...style,\n };\n\n if (component != null && typeof component !== \"string\") {\n // override border-radius with custom components\n inlineStyle.borderRadius = \"50%\";\n }\n\n if (!hasImgNotFailing) {\n inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n inlineStyle.color = getColor(color, theme.colors.atmo1);\n }\n\n const statusInlineStyle: CSSProperties = {};\n if (status) {\n // set the status border. we're using the boxShadow property to set the border\n // to be inside the container and not on its edge.\n const statusColor = getColor(status, theme.colors.sema1);\n statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n }\n\n const badgeColor = getColor(badge \|\| \"\", theme.colors.sema1);\n\n return (\n <StyledContainer\n className={clsx(avatarClasses.container, classes?.container)}\n {...others}\n >\n <StyledStatus\n className={clsx(avatarClasses.status, classes?.status)}\n style={statusInlineStyle}\n $variant={variant}\n $size={size}\n >\n {badge && (\n <StyledBadge\n className={clsx(avatarClasses.badge, classes?.badge)}\n style={{ backgroundColor: badgeColor }}\n />\n )}\n <StyledAvatar\n component={component}\n className={clsx(\n className,\n avatarClasses.root,\n classes?.root,\n avatarClasses.avatar,\n classes?.avatar\n )}\n style={inlineStyle}\n variant={variant}\n size={size}\n {...avatarProps}\n >\n {children}\n </StyledAvatar>\n </StyledStatus>\n </StyledContainer>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","StyledStatus","$variant","$size","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":";;;;;;;;~~AAoEA~~,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,mCACGmB,WAAS;AAAA,MACRX;AAAAA,MACAH;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAV,WAAWuB,KAAKrB,mCAASsB,KAAKC,cAAcD,GAAG;AAAA,MAAE,GAC7CZ;AAAAA,IAAAA,CAEP;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,mCACGuB,MAAI;AAAA,MACH/B;AAAAA,MACAgC,UAAUC,aAAatB,IAAI;AAAA,MAC3BN,WAAWuB,KAAKE,cAAcI,UAAU3B,mCAAS2B,QAAQ;AAAA,IAAA,CAE5D;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG7B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDyB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACV,kBAAkB;AACrBS,gBAAYvB,kBAAkBb,SAASa,iBAAiBV,MAAMC,OAAOkC,KAAK;AAC1EF,gBAAYnC,QAAQD,SAASC,OAAOE,MAAMC,OAAOmC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIrB,QAAQ;AAGV,UAAMsB,cAAczC,SAASmB,QAAQhB,MAAMC,OAAOsC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAa5C,SAASoB,SAAS,IAAIjB,MAAMC,OAAOsC,KAAK;AAE3D,6BACGG,iBAAe;AAAA,IACdvC,WAAWuB,KAAKE,cAAce,WAAWtC,mCAASsC,SAAS;AAAA,IAAE,GACzDvB;AAAAA,IAAMd,+BAETsC,cAAY;AAAA,MACXzC,WAAWuB,KAAKE,cAAcZ,QAAQX,mCAASW,MAAM;AAAA,MACrDZ,OAAOiC;AAAAA,MACPQ,UAAU3B;AAAAA,MACV4B,OAAOrC;AAAAA,MAAKH,UAEXW,CAAAA,SACC8B,oBAACC,aAAW;AAAA,QACV7C,WAAWuB,KAAKE,cAAcX,OAAOZ,mCAASY,KAAK;AAAA,QACnDb,OAAO;AAAA,UAAEM,iBAAiB+B;AAAAA,QAAW;AAAA,MAAA,CAExC,GACDM,oBAACE,cAAY;AAAA,QACXzC;AAAAA,QACAL,WAAWuB,KACTvB,WACAyB,cAAcsB,MACd7C,mCAAS6C,MACTtB,cAAcuB,QACd9C,mCAAS8C,MAAM;AAAA,QAEjB/C,OAAO6B;AAAAA,QACPf;AAAAA,QACAT;AAAAA,QAAW,GACPU;AAAAA,QAAWb;AAAAA,MAAAA,CAGF,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAED;AAEtB;"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n StyledAvatar,\n StyledBadge,\n StyledContainer,\n StyledImg,\n StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" \| \"square\";\n\nexport type HvAvatarSize = \"XS\" \| \"SM\" \| \"MD\" \| \"LG\" \| \"XL\";\n\nexport type HvAvatarProps = HvBaseProps & {\n /** Inline styles to be applied to the root element. /\n style?: CSSProperties;\n /* The component used for the root node. Either a string to use a DOM element or a component. /\n component?: React.ElementType;\n /* Sets one of the standard sizes of the icons /\n size?: HvAvatarSize;\n /\n A String representing the foreground color of the avatar's\n * letters or the generic User icon fallback.\n * You can use either an HEX or color name from the palette.\n /\n color?: string;\n /* A String representing the background color of the avatar. You can use either an HEX or color name from the palette. /\n backgroundColor?: string;\n /* The `src` attribute for the `img` element. /\n src?: string;\n /* The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. /\n srcSet?: string;\n /* The `sizes` attribute for the `img` element. /\n sizes?: string;\n /* Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. /\n alt?: string;\n /\n Attributes applied to the `img` element if the component is used to display an image.\n * It can be used to listen for the loading error event.\n /\n imgProps?: HTMLAttributes<HTMLImageElement>;\n /* A string representing the type of avatar to display, circular or square. /\n variant?: HvAvatarVariant;\n /* A string representing the color of the avatar border that represents its status. /\n status?: string;\n /* A string representing the color of the avatar badge. /\n badge?: string;\n /* Attributes applied to the avatar element. /\n avatarProps?: MuiAvatarProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAvatarClasses;\n};\n\n/\n Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n /\nconst getColor = (color: string, defaultColor: string): string =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\n/\n Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n className,\n style,\n classes,\n children: childrenProp,\n component = \"div\",\n size = \"SM\",\n backgroundColor = \"acce1\",\n color = \"atmo1\",\n src,\n srcSet,\n sizes,\n alt,\n imgProps,\n status,\n badge,\n variant = \"circular\",\n avatarProps,\n ...others\n}: HvAvatarProps) => {\n let children: React.ReactNode;\n\n // Use a hook instead of onError on the img element to support server-side rendering.\n const imageLoaded = useImageLoaded(src, srcSet);\n const hasImg = src \|\| srcSet;\n const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n if (hasImgNotFailing) {\n children = (\n <StyledImg\n alt={alt}\n src={src}\n srcSet={srcSet}\n sizes={sizes}\n className={clsx(classes?.img, avatarClasses.img)}\n {...imgProps}\n />\n );\n } else if (childrenProp != null) {\n children = childrenProp;\n } else if (hasImg && alt) {\n [children] = alt;\n } else {\n children = (\n <User\n color={color}\n iconSize={decreaseSize(size)}\n className={clsx(avatarClasses.fallback, classes?.fallback)}\n />\n );\n }\n\n const inlineStyle: CSSProperties = {\n ...style,\n };\n\n if (component != null && typeof component !== \"string\") {\n // override border-radius with custom components\n inlineStyle.borderRadius = \"50%\";\n }\n\n if (!hasImgNotFailing) {\n inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n inlineStyle.color = getColor(color, theme.colors.atmo1);\n }\n\n const statusInlineStyle: CSSProperties = {};\n if (status) {\n // set the status border. we're using the boxShadow property to set the border\n // to be inside the container and not on its edge.\n const statusColor = getColor(status, theme.colors.sema1);\n statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n }\n\n const badgeColor = getColor(badge \|\| \"\", theme.colors.sema1);\n\n return (\n <StyledContainer\n className={clsx(avatarClasses.container, classes?.container)}\n {...others}\n >\n <StyledStatus\n className={clsx(avatarClasses.status, classes?.status)}\n style={statusInlineStyle}\n $variant={variant}\n $size={size}\n >\n {badge && (\n <StyledBadge\n className={clsx(avatarClasses.badge, classes?.badge)}\n style={{ backgroundColor: badgeColor }}\n />\n )}\n <StyledAvatar\n component={component}\n className={clsx(\n className,\n avatarClasses.root,\n classes?.root,\n avatarClasses.avatar,\n classes?.avatar\n )}\n style={inlineStyle}\n variant={variant}\n size={size}\n {...avatarProps}\n >\n {children}\n </StyledAvatar>\n </StyledStatus>\n </StyledContainer>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","StyledStatus","$variant","$size","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":";;;;;;;;AAmEA,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,mCACGmB,WAAS;AAAA,MACRX;AAAAA,MACAH;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAV,WAAWuB,KAAKrB,mCAASsB,KAAKC,cAAcD,GAAG;AAAA,MAAE,GAC7CZ;AAAAA,IAAAA,CAEP;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,mCACGuB,MAAI;AAAA,MACH/B;AAAAA,MACAgC,UAAUC,aAAatB,IAAI;AAAA,MAC3BN,WAAWuB,KAAKE,cAAcI,UAAU3B,mCAAS2B,QAAQ;AAAA,IAAA,CAE5D;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG7B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDyB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACV,kBAAkB;AACrBS,gBAAYvB,kBAAkBb,SAASa,iBAAiBV,MAAMC,OAAOkC,KAAK;AAC1EF,gBAAYnC,QAAQD,SAASC,OAAOE,MAAMC,OAAOmC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIrB,QAAQ;AAGV,UAAMsB,cAAczC,SAASmB,QAAQhB,MAAMC,OAAOsC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAa5C,SAASoB,SAAS,IAAIjB,MAAMC,OAAOsC,KAAK;AAE3D,6BACGG,iBAAe;AAAA,IACdvC,WAAWuB,KAAKE,cAAce,WAAWtC,mCAASsC,SAAS;AAAA,IAAE,GACzDvB;AAAAA,IAAMd,+BAETsC,cAAY;AAAA,MACXzC,WAAWuB,KAAKE,cAAcZ,QAAQX,mCAASW,MAAM;AAAA,MACrDZ,OAAOiC;AAAAA,MACPQ,UAAU3B;AAAAA,MACV4B,OAAOrC;AAAAA,MAAKH,UAEXW,CAAAA,SACC8B,oBAACC,aAAW;AAAA,QACV7C,WAAWuB,KAAKE,cAAcX,OAAOZ,mCAASY,KAAK;AAAA,QACnDb,OAAO;AAAA,UAAEM,iBAAiB+B;AAAAA,QAAW;AAAA,MAAA,CAExC,GACDM,oBAACE,cAAY;AAAA,QACXzC;AAAAA,QACAL,WAAWuB,KACTvB,WACAyB,cAAcsB,MACd7C,mCAAS6C,MACTtB,cAAcuB,QACd9C,mCAAS8C,MAAM;AAAA,QAEjB/C,OAAO6B;AAAAA,QACPf;AAAAA,QACAT;AAAAA,QAAW,GACPU;AAAAA,QAAWb;AAAAA,MAAAA,CAGF,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAED;AAEtB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"components\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBadgeProps = HvBaseProps & {\n /*\n Count is the number of unread notifications.\n * Note count and label are mutually exclusive.\n * count is ignored when label is specified at the same time.\n /\n count?: number;\n /\n True if count should be displayed.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n showCount?: boolean;\n /* The maximum number of unread notifications to be displayed /\n maxCount?: number;\n /\n Custom text to show in place of count.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n label?: string;\n /* Icon which the notification will be attached. /\n icon?: React.ReactNode;\n /* Text which the notification will be attached. /\n text?: string;\n /* Text variant. /\n textVariant?: HvTypographyVariants;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. /\n classes?: HvBadgeClasses;\n};\n\n/\n The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n const {\n classes,\n className,\n showCount = false,\n count = 0,\n maxCount = 99,\n label = null,\n icon = null,\n text = null,\n textVariant = undefined,\n ...others\n } = props;\n\n const renderedCount = count > maxCount ? `${maxCount}+` : count;\n // If label is specified and non-empty, render it.\n // If showCount is specified and count > 0, render the count.\n // Otherwise, render nothing on the badge.\n // (Note count=0 should not be rendered to avoid ghosty 0.)\n const renderedCountOrLabel =\n label \|\| (showCount && count > 0 && renderedCount) \|\| null;\n const Component =\n icon \|\| (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n return (\n <StyledRoot\n aria-label={renderedCountOrLabel?.toString()}\n className={clsx(badgeClasses.root, classes?.root)}\n {...others}\n >\n {Component}\n <StyledContainer\n $component={Component ? true : false}\n className={\n Component\n ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n : \"\"\n }\n >\n <StyledBadge\n className={clsx(badgeClasses.badgePosition, classes?.badgePosition)}\n $badge={!!(count > 0 \|\| renderedCountOrLabel)}\n $showCount={!!(!label && renderedCountOrLabel)}\n $showLabel={!!label}\n $badgeIcon={!!icon}\n $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n >\n {renderedCountOrLabel}\n </StyledBadge>\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","_jsx","HvTypography","variant","children","StyledRoot","toString","clsx","badgeClasses","root","StyledContainer","$component","badgeContainer","StyledBadge","badgePosition","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit","String","length"],"mappings":";;;;;AAwCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,OACXC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,QAAQO,oBAACC,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAqB;AAE7E,8BACGW,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,KAAKC,aAAaC,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GAC9CZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,oBAACS,iBAAe;AAAA,MACdC,YAAYX,YAAY,OAAO;AAAA,MAC/BZ,WACEY,YACIO,KAAKC,aAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,8BAEAS,aAAW;AAAA,QACVzB,WAAWmB,KAAKC,aAAaM,eAAe3B,mCAAS2B,aAAa;AAAA,QAClEC,QAAQ,CAAC,EAAEzB,QAAQ,KAAKS;AAAAA,QACxBiB,YAAY,CAAC,EAAE,CAACxB,SAASO;AAAAA,QACzBkB,YAAY,CAAC,CAACzB;AAAAA,QACd0B,YAAY,CAAC,CAACzB;AAAAA,QACd0B,gBAAgBC,OAAOrB,oBAAoB,EAAEsB,WAAW;AAAA,QAAEjB,UAEzDL;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAEP,CAAA;AAAA,EAAA,CACP;AAEjB;"}
1	+ {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"components\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBadgeProps = HvBaseProps & {\n /*\n Count is the number of unread notifications.\n * Note count and label are mutually exclusive.\n * count is ignored when label is specified at the same time.\n /\n count?: number;\n /\n True if count should be displayed.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n showCount?: boolean;\n /* The maximum number of unread notifications to be displayed /\n maxCount?: number;\n /\n Custom text to show in place of count.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n label?: string;\n /* Icon which the notification will be attached. /\n icon?: React.ReactNode;\n /* Text which the notification will be attached. /\n text?: string;\n /* Text variant. /\n textVariant?: HvTypographyVariants;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBadgeClasses;\n};\n\n/\n The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n const {\n classes,\n className,\n showCount = false,\n count = 0,\n maxCount = 99,\n label = null,\n icon = null,\n text = null,\n textVariant = undefined,\n ...others\n } = props;\n\n const renderedCount = count > maxCount ? `${maxCount}+` : count;\n // If label is specified and non-empty, render it.\n // If showCount is specified and count > 0, render the count.\n // Otherwise, render nothing on the badge.\n // (Note count=0 should not be rendered to avoid ghosty 0.)\n const renderedCountOrLabel =\n label \|\| (showCount && count > 0 && renderedCount) \|\| null;\n const Component =\n icon \|\| (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n return (\n <StyledRoot\n aria-label={renderedCountOrLabel?.toString()}\n className={clsx(badgeClasses.root, classes?.root)}\n {...others}\n >\n {Component}\n <StyledContainer\n $component={Component ? true : false}\n className={\n Component\n ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n : \"\"\n }\n >\n <StyledBadge\n className={clsx(badgeClasses.badgePosition, classes?.badgePosition)}\n $badge={!!(count > 0 \|\| renderedCountOrLabel)}\n $showCount={!!(!label && renderedCountOrLabel)}\n $showLabel={!!label}\n $badgeIcon={!!icon}\n $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n >\n {renderedCountOrLabel}\n </StyledBadge>\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","_jsx","HvTypography","variant","children","StyledRoot","toString","clsx","badgeClasses","root","StyledContainer","$component","badgeContainer","StyledBadge","badgePosition","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit","String","length"],"mappings":";;;;;AAwCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,OACXC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,QAAQO,oBAACC,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAqB;AAE7E,8BACGW,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,KAAKC,aAAaC,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GAC9CZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,oBAACS,iBAAe;AAAA,MACdC,YAAYX,YAAY,OAAO;AAAA,MAC/BZ,WACEY,YACIO,KAAKC,aAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,8BAEAS,aAAW;AAAA,QACVzB,WAAWmB,KAAKC,aAAaM,eAAe3B,mCAAS2B,aAAa;AAAA,QAClEC,QAAQ,CAAC,EAAEzB,QAAQ,KAAKS;AAAAA,QACxBiB,YAAY,CAAC,EAAE,CAACxB,SAASO;AAAAA,QACzBkB,YAAY,CAAC,CAACzB;AAAAA,QACd0B,YAAY,CAAC,CAACzB;AAAAA,QACd0B,gBAAgBC,OAAOrB,oBAAoB,EAAEsB,WAAW;AAAA,QAAEjB,UAEzDL;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAEP,CAAA;AAAA,EAAA,CACP;AAEjB;"}