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

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

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

Files changed (2071) hide show

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, 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~~","createCache","key","prepend","~~jsx~~","Global","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","~~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~~;~~AAGxD~~,~~SAAAG~~,~~2BAAA~~;AAAA,IAACC,~~MAAA~~;~~AAAA~~,~~IAAA~~;AAAA,~~MAKC~~,~~OAAOC~~,~~qBAAAA~~,~~QAAY~~;AAAA,~~QACjBC~~,~~KAAK~~;AAAA,~~QACLC~~,~~SAAS~~;~~AAAA~~,~~MAAA~~,~~CACV~~;~~AAAA~~,~~MAED~~,~~UAAA~~;AAAA,~~QAACC~~,~~2BAAAA~~,~~IAAAC~~,~~MAAA~~,~~QAAA~~,~~EACC~~,~~QACId~~,~~sBAAAA~~,~~IAAAA~~,~~qBAAqBe~~,~~yBAAW~~,~~KAChCC~~,~~YAAAA~~,~~cAAcV~~,~~MAAM~~,~~GAACW~~,~~OAAAA~~,~~QAAAC~~,~~IAAAC~~,~~aAAAF~~,~~eAAAA~~,~~KAAAA~~,~~uBAAAA~~,~~QAAAC~~,~~IAAAC~~,~~aACvB~~,~~eAAA~~,~~KAAA~~,~~y6IAAA~~,~~EAAA~~,CAAA;AAAA,~~QAEJN~~,~~2BAAAA~~,~~IAACO~~,~~iCACC~~,~~QACA~~,~~OAAOhB~~,~~QAAQF~~,~~WACf~~,~~WAAWC~~,~~eACX~~,~~eAECL~~,~~SACH~~,~~CAAA~~;AAAA,~~MAAA~~;~~AAAA~~,~~IAAA~~;~~AAAA~~,~~EAAA~~;~~AAGN~~;~~AAEA~~,~~IAAImB~~,~~QAAQC~~,~~IAAIC~~,~~aAAa~~,~~cAAc~~;~~AACzCtB~~,~~aAAWwB~~,~~cAAc~~;~~AAC3B~~;;"}
1	+ {"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import {\n css as cssReact,\n Global,\n CacheProvider,\n ClassNames,\n} from \"@emotion/react\";\nimport {\n CssBaseline,\n CssScopedBaseline,\n getThemesVars,\n HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { processThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\nimport React, { useMemo } from \"react\";\nimport createCache from \"@emotion/cache\";\nimport { useUniqueId } from \"hooks\";\n\n// Provider props\nexport type HvProviderProps = {\n /*\n Your component tree.\n /\n children?: React.ReactNode;\n /\n Id of your root element.\n /\n rootElementId?: string;\n /\n By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n * To scope the baseline to your root, you need to add the `rootElementId` property.\n * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root`, created around your content.\n If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n /\n cssBaseline?: \"global\" \| \"scoped\" \| \"none\";\n /\n By default the theme styles are applied globally, `global`, to the application.\n * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n * To scope the theme to your root, you need to add the `rootElementId` property.\n * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root`, created around your content.\n /\n cssTheme?: \"global\" \| \"scoped\";\n /*\n The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n * This is useful to avoid class name collisions.\n \n If no value is provided, the default is `hv-uikit-css`.\n /\n classNameKey?: string;\n /\n List of themes to be used by UI Kit.\n * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n \n If no value is provided, the `ds5` theme will be used.\n /\n themes?: (HvTheme \| HvThemeStructure)[];\n /\n The active theme. It must be one of the themes passed to `themes`.\n \n If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n /\n theme?: string;\n /\n The active color mode. It must be one of the color modes of the active theme.\n \n If no value is provided, the first color mode defined in the active theme is used.\n * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n /\n colorMode?: string;\n};\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/\n Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n children,\n rootElementId,\n cssBaseline = \"global\",\n cssTheme = \"global\",\n themes,\n theme,\n colorMode,\n classNameKey = \"hv-uikit-css\",\n}: HvProviderProps) => {\n const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n // Themes\n const themesList: (HvTheme \| HvThemeStructure)[] = processThemes(themes);\n\n // Emotion cache\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 const emotionCache = useMemo(\n () =>\n createCache({\n key: classNameKey,\n prepend: true,\n }),\n [classNameKey]\n );\n\n return (\n <CacheProvider value={emotionCache}>\n <Global\n styles={cssReact`\n ${cssBaseline == \"global\" && CssBaseline}\n ${getThemesVars(themesList)}\n `}\n />\n <HvThemeProvider\n themes={themesList}\n theme={theme \|\| themesList[0].name}\n colorMode={colorMode \|\| Object.keys(themesList[0].colors.modes)[0]}\n themeRootId={\n cssTheme === \"scoped\" ? rootElementId \|\| scopedRootId : undefined\n }\n >\n <ClassNames>\n {({ css }) => {\n if (cssBaseline === \"scoped\" && rootElementId) {\n const rootElement = document.getElementById(rootElementId);\n\n if (rootElement) {\n rootElement.classList.add(\n css({\n ...CssScopedBaseline,\n })\n );\n }\n }\n\n return (cssTheme === \"scoped\" \|\| cssBaseline === \"scoped\") &&\n !rootElementId ? (\n <div\n id={scopedRootId}\n className={\n cssBaseline === \"scoped\"\n ? css({ ...CssScopedBaseline })\n : undefined\n }\n >\n {children}\n </div>\n ) : (\n children\n );\n }}\n </ClassNames>\n </HvThemeProvider>\n </CacheProvider>\n );\n};\n"],"names":["scopedRootPrefix","HvProvider","children","rootElementId","cssBaseline","cssTheme","themes","theme","colorMode","classNameKey","scopedRootId","useUniqueId","undefined","themesList","processThemes","emotionCache","useMemo","createCache","key","prepend","CacheProvider","value","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","name","Object","keys","colors","modes","themeRootId","ClassNames","css","rootElement","document","getElementById","classList","add","CssScopedBaseline","id","className"],"mappings":";;;;;;;;;;;;AAyEA,MAAMA,mBAAmB;AAKlB,MAAMC,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC,WAAW;AAAA,EACXC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AACA,MAAM;AACfC,QAAAA,eAAeC,YAAYC,QAAAA,QAAWZ,gBAAgB;AAGtDa,QAAAA,aAA6CC,oBAAcR,MAAM;AAKjES,QAAAA,eAAeC,cACnB,MACEC,6BAAY;AAAA,IACVC,KAAKT;AAAAA,IACLU,SAAS;AAAA,EAAA,CACV,GACH,CAACV,YAAY,CAAC;AAGhB,yCACGW,MAAAA,eAAa;AAAA,IAACC,OAAON;AAAAA,IAAab,UAAA,CACjCoB,2BAAAA,IAACC,cAAM;AAAA,MACLC,kCACIpB,eAAe,YAAYqB,YAAAA,aAC3BC,KAAAA,0BAAcb,UAAU,GAACc,OAAAA,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,66OAAA;AAAA,IAAA,CAE7B,GACFP,2BAAAA,IAACQ,+BAAe;AAAA,MACdxB,QAAQO;AAAAA,MACRN,OAAOA,WAASM,WAAW,CAAC,EAAEkB;AAAAA,MAC9BvB,WAAWA,aAAawB,OAAOC,KAAKpB,WAAW,CAAC,EAAEqB,OAAOC,KAAK,EAAE,CAAC;AAAA,MACjEC,aACE/B,aAAa,WAAWF,iBAAiBO,eAAeE;AAAAA,MACzDV,yCAEAmC,kBAAU;AAAA,QAAAnC,UACRA,CAAC;AAAA,UAAEoC;AAAAA,QAAAA,MAAU;AACRlC,cAAAA,gBAAgB,YAAYD,eAAe;AACvCoC,kBAAAA,cAAcC,SAASC,eAAetC,aAAa;AAEzD,gBAAIoC,aAAa;AACHG,0BAAAA,UAAUC,IACpBL,IAAI;AAAA,gBACF,GAAGM,YAAAA;AAAAA,cACJ,CAAA,CAAC;AAAA,YAEN;AAAA,UACF;AAEA,kBAAQvC,aAAa,YAAYD,gBAAgB,aAC/C,CAACD,+CACD,OAAA;AAAA,YACE0C,IAAInC;AAAAA,YACJoC,WACE1C,gBAAgB,WACZkC,IAAI;AAAA,cAAE,GAAGM,YAAAA;AAAAA,YAAmB,CAAA,IAC5BhC;AAAAA,YACLV;AAAAA,UAEQ,CAAA,IAGXA;AAAAA,QAEJ;AAAA,MAAA,CAAC;AAAA,IAAA,CAEa,CAAA;AAAA,EAAA,CACJ;AAEpB;;"}

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

@@ -1,41 +1,35 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const styles = require("@mui/material/styles");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
-const HvThemeContext = React.createContext({
-  themes: [],
-  activeTheme: void 0,
-  colorModes: [],
-  selectedTheme: "",
-  selectedMode: "",
-  changeTheme: () => {
-  },
-  rootId: void 0
-});
 const HvThemeProvider = ({
   children,
   themes: themesList,
   theme: theme$1,
   colorMode,
-  rootElementId
+  themeRootId
 }) => {
   let pTheme = uikitStyles.parseTheme(themesList, theme$1, colorMode);
-  const [rootId] = React.useState(rootElementId);
-  const [activeTheme, setActiveTheme] = React.useState(themesList[pTheme.selected]);
-  const [selectedTheme, setSelectedTheme] = React.useState(pTheme.selected);
+  const [rootId] = React.useState(themeRootId);
+  const [activeTheme, setActiveTheme] = React.useState(pTheme.theme);
+  const [selectedTheme, setSelectedTheme] = React.useState(pTheme.selectedTheme);
   const [selectedMode, setThemeMode] = React.useState(pTheme.selectedMode);
   const [colorModes, setColorModes] = React.useState(pTheme.colorModes);
-  const [themes] = React.useState(Object.keys(themesList));
+  const [themes, setThemes] = React.useState(themesList.map((t) => t.name));
+  React.useEffect(() => {
+    setThemes(themesList.map((t) => t.name));
+  }, [themesList]);
   const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {
     pTheme = uikitStyles.parseTheme(themesList, newTheme, newMode);
-    setActiveTheme(themesList[pTheme.selected]);
-    setSelectedTheme(pTheme.selected);
+    setActiveTheme(pTheme.theme);
+    setSelectedTheme(pTheme.selectedTheme);
     setThemeMode(pTheme.selectedMode);
     setColorModes(pTheme.colorModes);
-    theme.setElementAttrs(pTheme.selected, pTheme.selectedMode, pTheme.styles, rootId);
+    theme.setElementAttrs(pTheme.selectedTheme, pTheme.selectedMode, pTheme.colorScheme, rootId);
   };
   React.useEffect(() => {
     changeTheme(theme$1, colorMode);
@@ -52,12 +46,21 @@ const HvThemeProvider = ({
   const MuiTheme = styles.createTheme({
     breakpoints: {
       values: {
-        ...themesList[selectedTheme].breakpoints.values
+        ...activeTheme.breakpoints.values
       }
     }
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme: MuiTheme, children: /* @__PURE__ */ jsxRuntime.jsx(HvThemeContext.Provider, { value, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, {
+    theme: MuiTheme,
+    children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactShared.HvThemeContext.Provider, {
+      value,
+      children
+    })
+  });
 };
-exports.HvThemeContext = HvThemeContext;
+Object.defineProperty(exports, "HvThemeContext", {
+  enumerable: true,
+  get: () => uikitReactShared.HvThemeContext
+});
 exports.HvThemeProvider = HvThemeProvider;
 //# sourceMappingURL=ThemeProvider.cjs.map

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 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.~~styles~~,\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","~~styles~~","~~useEffect","~~value","useMemo","MuiTheme","createTheme","breakpoints","values","~~jsx~~","~~MuiThemeProvider~~"],"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~~,~~QACPpB~~,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;~~AAGC~~,~~SAAAC~~,~~2BAAA~~,~~IAACC~~,~~OAAiB~~,~~eAAA~~,~~EAAA~~,~~OAAOL~~,~~UACvB~~,~~UAAAI~~,~~2BAAAA~~,~~IAAC~~,~~eAAe~~,~~UAAf~~,~~EAAwB~~,~~OACtB1B~~,~~SACH~~,~~CAAA~~,~~EACF,CAAA~~;~~AAEJ;;;~~"}
1	+ {"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n createTheme,\n ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\ninterface HvThemeProviderProps {\n children: React.ReactNode;\n themes: (HvTheme \| HvThemeStructure)[];\n theme: string;\n colorMode: string;\n themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n children,\n themes: themesList,\n theme,\n colorMode,\n themeRootId,\n}: HvThemeProviderProps) => {\n let pTheme = parseTheme(themesList, theme, colorMode);\n\n const [rootId] = useState<string \| undefined>(themeRootId);\n const [activeTheme, setActiveTheme] = useState<HvTheme \| HvThemeStructure>(\n pTheme.theme\n );\n const [selectedTheme, setSelectedTheme] = useState<string>(\n pTheme.selectedTheme\n );\n const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n const [themes, setThemes] = useState<string[]>(themesList.map((t) => t.name));\n\n useEffect(() => {\n setThemes(themesList.map((t) => t.name));\n }, [themesList]);\n\n const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n pTheme = parseTheme(themesList, newTheme, newMode);\n\n setActiveTheme(pTheme.theme);\n setSelectedTheme(pTheme.selectedTheme);\n setThemeMode(pTheme.selectedMode);\n setColorModes(pTheme.colorModes);\n\n setElementAttrs(\n pTheme.selectedTheme,\n pTheme.selectedMode,\n pTheme.colorScheme,\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: activeTheme as HvTheme,\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 ...activeTheme.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":["HvThemeProvider","children","themes","themesList","theme","colorMode","themeRootId","pTheme","parseTheme","rootId","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","changeTheme","newTheme","newMode","setElementAttrs","colorScheme","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;;AAsBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EAAAA,OACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,YAAAA,WAAWL,YAAYC,SAAOC,SAAS;AAEpD,QAAM,CAACI,MAAM,IAAIC,MAAAA,SAA6BJ,WAAW;AACzD,QAAM,CAACK,aAAaC,cAAc,IAAIF,MAAAA,SACpCH,OAAOH,KAAK;AAEd,QAAM,CAACS,eAAeC,gBAAgB,IAAIJ,MAAAA,SACxCH,OAAOM,aAAa;AAEtB,QAAM,CAACE,cAAcC,YAAY,IAAIN,MAAAA,SAAiBH,OAAOQ,YAAY;AACzE,QAAM,CAACE,YAAYC,aAAa,IAAIR,MAAAA,SAAmBH,OAAOU,UAAU;AAClE,QAAA,CAACf,QAAQiB,SAAS,IAAIT,eAAmBP,WAAWiB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAE5EC,QAAAA,UAAU,MAAM;AACdJ,cAAUhB,WAAWiB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AAAA,EAAA,GACtC,CAACnB,UAAU,CAAC;AAEf,QAAMqB,cAAcA,CAACC,WAAWZ,eAAea,UAAUX,iBAAiB;AAC/DP,aAAAA,YAAAA,WAAWL,YAAYsB,UAAUC,OAAO;AAEjDd,mBAAeL,OAAOH,KAAK;AAC3BU,qBAAiBP,OAAOM,aAAa;AACrCG,iBAAaT,OAAOQ,YAAY;AAChCG,kBAAcX,OAAOU,UAAU;AAE/BU,0BACEpB,OAAOM,eACPN,OAAOQ,cACPR,OAAOqB,aACPnB,MAAM;AAAA,EAAA;AAIVc,QAAAA,UAAU,MAAM;AACdC,gBAAYpB,SAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,SAAOC,SAAS,CAAC;AAEfwB,QAAAA,QAAQC,MAAAA,QACZ,OAAO;AAAA,IACL5B;AAAAA,IACAe;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAS;AAAAA,IACAf;AAAAA,EAAAA,IAEF,CACEP,QACAe,YACAN,aACAE,eACAE,cACAS,aACAf,MAAM,CACP;AAGH,QAAMsB,WAAWC,OAAAA,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGvB,YAAYsB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAED,wCACGC,OAAAA,eAAgB;AAAA,IAAC/B,OAAO2B;AAAAA,IAAS9B,UAC/BmC,2BAAAA,IAAAA,iBAAAA,eAAeC,UAAQ;AAAA,MAACR;AAAAA,MAAa5B;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;;;;;;"}

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

@@ -1,16 +1,7 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 class Random {
   constructor(seed = 0, max = 1, min = 0) {
-    __publicField(this, "i");
-    __publicField(this, "max");
-    __publicField(this, "min");
     this.i = seed;
     this.max = max;
     this.min = min;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Random.cjs","sources":["../../../src/utils/Random.ts"],"sourcesContent":["export default class Random {\n i: number;\n\n max: number;\n\n min: number;\n\n constructor(seed = 0, max = 1, min = 0) {\n this.i = seed;\n this.max = max;\n this.min = min;\n }\n\n next(max = this.max, min = this.min) {\n const r = (Math.abs(Math.sin(this.i)) * 10 ** 4) % 1;\n this.i += 1;\n return Math.floor(r * (max - min + 1)) + min;\n }\n}\n"],"names":["Random","constructor","seed","max","min","i","next","r","Math","abs","sin","floor"],"mappings":"~~;;;;;;;;~~AAAA,MAAqBA,OAAO;AAAA,EAO1BC,YAAYC,OAAO,GAAGC,MAAM,GAAGC,MAAM,GAAG;~~AANxCC;AAEAF;AAEAC;AAGE~~,SAAKC,IAAIH;AACT,SAAKC,MAAMA;AACX,SAAKC,MAAMA;AAAAA,EACb;AAAA,EAEAE,KAAKH,MAAM,KAAKA,KAAKC,MAAM,KAAKA,KAAK;AAC7BG,UAAAA,IAAKC,KAAKC,IAAID,KAAKE,IAAI,KAAKL,CAAC,CAAC,IAAI,MAAM,IAAK;AACnD,SAAKA,KAAK;AACV,WAAOG,KAAKG,MAAMJ,KAAKJ,MAAMC,MAAM,EAAE,IAAIA;AAAAA,EAC3C;AACF;;"}
1	+ {"version":3,"file":"Random.cjs","sources":["../../../src/utils/Random.ts"],"sourcesContent":["export default class Random {\n i: number;\n\n max: number;\n\n min: number;\n\n constructor(seed = 0, max = 1, min = 0) {\n this.i = seed;\n this.max = max;\n this.min = min;\n }\n\n next(max = this.max, min = this.min) {\n const r = (Math.abs(Math.sin(this.i)) * 10 ** 4) % 1;\n this.i += 1;\n return Math.floor(r * (max - min + 1)) + min;\n }\n}\n"],"names":["Random","constructor","seed","max","min","i","next","r","Math","abs","sin","floor"],"mappings":";;AAAA,MAAqBA,OAAO;AAAA,EAO1BC,YAAYC,OAAO,GAAGC,MAAM,GAAGC,MAAM,GAAG;AACtC,SAAKC,IAAIH;AACT,SAAKC,MAAMA;AACX,SAAKC,MAAMA;AAAAA,EACb;AAAA,EAEAE,KAAKH,MAAM,KAAKA,KAAKC,MAAM,KAAKA,KAAK;AAC7BG,UAAAA,IAAKC,KAAKC,IAAID,KAAKE,IAAI,KAAKL,CAAC,CAAC,IAAI,MAAM,IAAK;AACnD,SAAKA,KAAK;AACV,WAAOG,KAAKG,MAAMJ,KAAKJ,MAAMC,MAAM,EAAE,IAAIA;AAAAA,EAC3C;AACF;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const getClasses = (keys, name) => {
   const classesObj = {};
   keys.forEach((key) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["export const getClasses = <T>(keys: string[], name: string): T => {\n const classesObj = {};\n keys.forEach((key: string) => {\n classesObj[key] = `${name}-${key}`;\n });\n return classesObj as T;\n};\n"],"names":["getClasses","keys","name","classesObj","forEach","key"],"mappings":";;AAAaA,MAAAA,aAAa,CAAIC,MAAgBC,SAAoB;AAChE,QAAMC,aAAa,CAAA;AACdC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,~~OAAQ~~,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;;"}
1	+ {"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["export const getClasses = <T>(keys: string[], name: string): T => {\n const classesObj = {};\n keys.forEach((key: string) => {\n classesObj[key] = `${name}-${key}`;\n });\n return classesObj as T;\n};\n"],"names":["getClasses","keys","name","classesObj","forEach","key"],"mappings":";;AAAaA,MAAAA,aAAa,CAAIC,MAAgBC,SAAoB;AAChE,QAAMC,aAAa,CAAA;AACdC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const outlineStyles = {
   outlineColor: "#52A8EC",
   outlineStyle: "solid",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"focusableElementFinder.cjs","sources":["../../../src/utils/focusableElementFinder.ts"],"sourcesContent":["const SELECTORS =\n 'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"]';\n\n/*\n Gets the list of focusable elements.\n * @param node\n * @returns {\|NodeListOf<HTMLElementTagNameMap[string]>\|NodeListOf<>\|NodeListOf<SVGElementTagNameMap[string]>\|[]}\n /\nconst getFocusableList = (node) =>\n (node && node.querySelectorAll(SELECTORS)) \|\| [];\n\n/*\n Auxiliary function to find adjacent nodes to focus.\n \n @param nodeId\n * @returns {{prevFocus: , nextFocus: }}\n /\nconst getPrevNextFocus = (nodeId) => {\n const nodes = getFocusableList(document);\n\n const nbNodes = nodes.length;\n let index = 0;\n for (; index < nbNodes; index += 1) {\n if (nodes[index].id === nodeId) {\n break;\n }\n }\n return {\n nextFocus: nodes[index + 1 > nbNodes - 1 ? 0 : index + 1],\n prevFocus: nodes[index - 1 < 0 ? nbNodes - 1 : index - 1],\n };\n};\n\n/\n Get the first and last focusable element from a node.\n \n @param nodeId\n * @returns {{last: , first: }}\n */\nconst getFirstAndLastFocus = (node) => {\n const focusableList = getFocusableList(node);\n\n return {\n first: focusableList[0] \|\| null,\n last: focusableList[focusableList.length - 1] \|\| null,\n };\n};\n\nexport { getFocusableList, getFirstAndLastFocus, getPrevNextFocus };\nexport default getPrevNextFocus;\n"],"names":["SELECTORS","getFocusableList","node","querySelectorAll","getPrevNextFocus","nodeId","nodes","document","nbNodes","length","index","id","nextFocus","prevFocus","getFirstAndLastFocus","focusableList","first","last"],"mappings":";;AAAA,MAAMA,YACJ;AAOF,MAAMC,mBAAoBC,CACvBA,SAAAA,QAAQA,KAAKC,iBAAiBH,SAAS,KAAM,CAAE;AAQlD,MAAMI,mBAAoBC,CAAW,WAAA;AAC7BC,QAAAA,QAAQL,iBAAiBM,QAAQ;AAEvC,QAAMC,UAAUF,MAAMG;AACtB,MAAIC,QAAQ;AACLA,SAAAA,QAAQF,SAASE,SAAS,GAAG;~~AAC9BJ~~,~~QAAAA~~,MAAMI,~~OAAOC~~,OAAON,QAAQ;AAC9B;AAAA,IACF;AAAA,EACF;AACO,SAAA;AAAA,IACLO,WAAWN,MAAMI,QAAQ,IAAIF,UAAU,IAAI,IAAIE,QAAQ;AAAA,~~IACvDG~~,WAAWP,MAAMI,QAAQ,IAAI,IAAIF,UAAU,IAAIE,QAAQ;AAAA,EAAA;~~AAE3D~~;AAQA,MAAMI,uBAAwBZ,CAAS,SAAA;AAC/Ba,QAAAA,gBAAgBd,iBAAiBC,IAAI;AAEpC,SAAA;AAAA,IACLc,OAAOD,cAAc,~~MAAM~~;AAAA,IAC3BE,MAAMF,cAAcA,cAAcN,SAAS,~~MAAM~~;AAAA,EAAA;AAErD;;;;;"}
1	+ {"version":3,"file":"focusableElementFinder.cjs","sources":["../../../src/utils/focusableElementFinder.ts"],"sourcesContent":["const SELECTORS =\n 'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"]';\n\n/*\n Gets the list of focusable elements.\n * @param node\n * @returns {\|NodeListOf<HTMLElementTagNameMap[string]>\|NodeListOf<>\|NodeListOf<SVGElementTagNameMap[string]>\|[]}\n /\nconst getFocusableList = (node) =>\n (node && node.querySelectorAll(SELECTORS)) \|\| [];\n\n/*\n Auxiliary function to find adjacent nodes to focus.\n \n @param nodeId\n * @returns {{prevFocus: , nextFocus: }}\n /\nconst getPrevNextFocus = (nodeId) => {\n const nodes = getFocusableList(document);\n\n const nbNodes = nodes.length;\n let index = 0;\n for (; index < nbNodes; index += 1) {\n if (nodes[index].id === nodeId) {\n break;\n }\n }\n return {\n nextFocus: nodes[index + 1 > nbNodes - 1 ? 0 : index + 1],\n prevFocus: nodes[index - 1 < 0 ? nbNodes - 1 : index - 1],\n };\n};\n\n/\n Get the first and last focusable element from a node.\n \n @param nodeId\n * @returns {{last: , first: }}\n */\nconst getFirstAndLastFocus = (node) => {\n const focusableList = getFocusableList(node);\n\n return {\n first: focusableList[0] \|\| null,\n last: focusableList[focusableList.length - 1] \|\| null,\n };\n};\n\nexport { getFocusableList, getFirstAndLastFocus, getPrevNextFocus };\nexport default getPrevNextFocus;\n"],"names":["SELECTORS","getFocusableList","node","querySelectorAll","getPrevNextFocus","nodeId","nodes","document","nbNodes","length","index","id","nextFocus","prevFocus","getFirstAndLastFocus","focusableList","first","last"],"mappings":";;AAAA,MAAMA,YACJ;AAOF,MAAMC,mBAAoBC,CACvBA,SAAAA,QAAQA,KAAKC,iBAAiBH,SAAS,KAAM,CAAE;AAQlD,MAAMI,mBAAoBC,CAAW,WAAA;AAC7BC,QAAAA,QAAQL,iBAAiBM,QAAQ;AAEvC,QAAMC,UAAUF,MAAMG;AACtB,MAAIC,QAAQ;AACLA,SAAAA,QAAQF,SAASE,SAAS,GAAG;AAClC,QAAIJ,MAAMI,KAAK,EAAEC,OAAON,QAAQ;AAC9B;AAAA,IACF;AAAA,EACF;AACO,SAAA;AAAA,IACLO,WAAWN,MAAMI,QAAQ,IAAIF,UAAU,IAAI,IAAIE,QAAQ,CAAC;AAAA,IACxDG,WAAWP,MAAMI,QAAQ,IAAI,IAAIF,UAAU,IAAIE,QAAQ,CAAC;AAAA,EAAA;AAE5D;AAQA,MAAMI,uBAAwBZ,CAAS,SAAA;AAC/Ba,QAAAA,gBAAgBd,iBAAiBC,IAAI;AAEpC,SAAA;AAAA,IACLc,OAAOD,cAAc,CAAC,KAAK;AAAA,IAC3BE,MAAMF,cAAcA,cAAcN,SAAS,CAAC,KAAK;AAAA,EAAA;AAErD;;;;;"}

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

@@ -1,17 +1,28 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = (variant, color, semantic) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, { color, semantic: semantic && "sema1" });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, {
+        color,
+        semantic: semantic && "positive"
+      });
     case "warning":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Caution, { color, semantic: semantic && "sema3" });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Caution, {
+        color,
+        semantic: semantic && "warning"
+      });
     case "error":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, { color, semantic: semantic && "sema4" });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, {
+        color,
+        semantic: semantic && "negative"
+      });
     case "info":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, { color });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, {
+        color
+      });
     default:
       return null;
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"iconVariant.cjs","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Fail,\n Success,\n Caution,\n Info,\n} from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n switch (variant) {\n case \"success\":\n return <Success color={color} semantic={semantic && \"~~sema1~~\"} />;\n case \"warning\":\n return <Caution color={color} semantic={semantic && \"~~sema3~~\"} />;\n case \"error\":\n return <Fail color={color} semantic={semantic && \"~~sema4~~\"} />;\n case \"info\":\n return <Info color={color} />;\n default:\n return null;\n }\n};\n\nexport default iconVariant;\n"],"names":["iconVariant","variant","color","semantic","~~jsx","~~Success","Caution","Fail","Info"],"mappings":";;;;AAQA,MAAMA,cAAcA,CAACC,SAASC,OAAOC,aAAa;AAChD,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,~~aAAQG~~,~~2BAAAA,IAAAC,~~gBAAAA,~~SAAA~~,~~EAAQ~~,~~OAAc~~,~~UAAUF~~,YAAY,~~QAAW~~,~~CAAA~~;AAAA,~~IACjE~~,KAAK;AACH,~~aAAQC~~,~~2BAAAA,IAAAE,~~gBAAAA,~~SAAA~~,~~EAAQ~~,~~OAAc~~,~~UAAUH~~,YAAY,~~QAAW~~,~~CAAA~~;AAAA,~~IACjE~~,KAAK;AACH,~~aAAQC~~,~~2BAAAA,IAAAG,~~gBAAAA,~~MAAA~~,~~EAAK~~,~~OAAc~~,~~UAAUJ~~,YAAY,~~QAAW~~,~~CAAA~~;AAAA,~~IAC9D~~,KAAK;~~AACI~~,~~aAAAC,+BAACI~~,gBAAAA,~~QAAK~~,~~MAAgB~~,~~CAAA~~;AAAA,IAC/B;AACS,aAAA;AAAA,EAAK;AAElB;AAEA,MAAA,~~gBAAeR~~;;"}
1	+ {"version":3,"file":"iconVariant.cjs","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Fail,\n Success,\n Caution,\n Info,\n} from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n switch (variant) {\n case \"success\":\n return <Success color={color} semantic={semantic && \"positive\"} />;\n case \"warning\":\n return <Caution color={color} semantic={semantic && \"warning\"} />;\n case \"error\":\n return <Fail color={color} semantic={semantic && \"negative\"} />;\n case \"info\":\n return <Info color={color} />;\n default:\n return null;\n }\n};\n\nexport default iconVariant;\n"],"names":["iconVariant","variant","color","semantic","Success","Caution","Fail","Info"],"mappings":";;;;AAQA,MAAMA,cAAcA,CAACC,SAASC,OAAOC,aAAa;AAChD,UAAQF,SAAO;AAAA,IACb,KAAK;AACH,4CAAQG,gBAAAA,SAAO;AAAA,QAACF;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAc;AAAA,IACpE,KAAK;AACH,4CAAQE,gBAAAA,SAAO;AAAA,QAACH;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAa;AAAA,IACnE,KAAK;AACH,4CAAQG,gBAAAA,MAAI;AAAA,QAACJ;AAAAA,QAAcC,UAAUA,YAAY;AAAA,MAAA,CAAc;AAAA,IACjE,KAAK;AACH,4CAAQI,gBAAAA,MAAI;AAAA,QAACL;AAAAA,MAAAA,CAAgB;AAAA,IAC/B;AACS,aAAA;AAAA,EAAK;AAElB;AAEA,MAAA,gBAAeF;;"}

package/dist/cjs/utils/keyboardUtils/keyCheck.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const getKeyCodeFromEvent = (event) => event ? event.keyCode : void 0;
 const isKeycode = (number, keyCode) => number === null || number === void 0 ? void 0 : number === keyCode;
 const isKeypress = (event, keyCode) => isKeycode(getKeyCodeFromEvent(event), keyCode);

package/dist/cjs/utils/keyboardUtils/keyboardCodes.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const keyboardCodes = Object.freeze({
   Backspace: 8,
   Tab: 9,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"multiSelectionEventHandler.cjs","sources":["../../../src/utils/multiSelectionEventHandler.ts"],"sourcesContent":["const cycleThroughSelection = (\n selectedState,\n index,\n allValues,\n selectionCheck\n) => {\n const newValue: any[] = [];\n selectedState.forEach((isSelected, i) => {\n if (i === index) {\n if (selectionCheck \|\| !isSelected) {\n newValue.push(allValues[i]);\n }\n } else if (isSelected) {\n newValue.push(allValues[i]);\n }\n });\n\n return newValue;\n};\n\nconst multiSelectionEventHandler = (\n evt,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n selectionCheck\n) => {\n let newValue: any[] = [];\n\n if (evt.nativeEvent.shiftKey) {\n if (selectionAnchor.current === undefined) {\n selectionAnchor.current = index;\n newValue.push(allValues[index]);\n } else {\n let selectionStart;\n let selectionEnd;\n if (selectionAnchor.current > index) {\n selectionStart = index;\n selectionEnd = selectionAnchor.current + 1;\n } else {\n selectionStart = selectionAnchor.current;\n selectionEnd = index + 1;\n }\n\n const selectedValues = allValues.slice(selectionStart, selectionEnd);\n\n newValue.push(...selectedValues);\n }\n } else if (evt.nativeEvent.metaKey) {\n selectionAnchor.current = index;\n\n newValue = cycleThroughSelection(\n selectedState,\n index,\n allValues,\n selectionCheck\n );\n } else {\n selectionAnchor.current = index;\n\n newValue = cycleThroughSelection(\n selectedState,\n index,\n allValues,\n selectionCheck\n );\n }\n\n return newValue;\n};\n\nexport default multiSelectionEventHandler;\n"],"names":["cycleThroughSelection","selectedState","index","allValues","selectionCheck","newValue","forEach","isSelected","i","push","multiSelectionEventHandler","evt","selectionAnchor","nativeEvent","shiftKey","current","undefined","selectionStart","selectionEnd","selectedValues","slice","metaKey"],"mappings":";;AAAA,MAAMA,wBAAwBA,CAC5BC,eACAC,OACAC,WACAC,mBACG;AACH,QAAMC,WAAkB,CAAA;AACVC,gBAAAA,QAAQ,CAACC,YAAYC,MAAM;AACvC,QAAIA,MAAMN,OAAO;AACXE,UAAAA,kBAAkB,CAACG,YAAY;AACxBE,iBAAAA,KAAKN,UAAUK,~~EAAE~~;AAAA,MAC5B;AAAA,eACSD,YAAY;AACZE,eAAAA,KAAKN,UAAUK,~~EAAE~~;AAAA,IAC5B;AAAA,EAAA,CACD;AAEMH,SAAAA;AACT;AAEA,MAAMK,6BAA6BA,CACjCC,KACAT,OACAU,iBACAT,WACAF,eACAG,mBACG;AACH,MAAIC,WAAkB,CAAA;AAElBM,MAAAA,IAAIE,YAAYC,UAAU;AACxBF,QAAAA,gBAAgBG,YAAYC,QAAW;AACzCJ,sBAAgBG,UAAUb;AACjBO,eAAAA,KAAKN,UAAUD,~~MAAM~~;AAAA,IAAA,OACzB;AACDe,UAAAA;AACAC,UAAAA;AACAN,UAAAA,gBAAgBG,UAAUb,OAAO;AAClBA,yBAAAA;AACjBgB,uBAAeN,gBAAgBG,UAAU;AAAA,MAAA,OACpC;AACLE,yBAAiBL,gBAAgBG;AACjCG,uBAAehB,QAAQ;AAAA,MACzB;AAEA,YAAMiB,iBAAiBhB,UAAUiB,MAAMH,gBAAgBC,YAAY;AAE1DT,eAAAA,KAAK,GAAGU,cAAc;AAAA,IACjC;AAAA,EAAA,WACSR,IAAIE,YAAYQ,SAAS;AAClCT,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAAA,OAEX;AACLQ,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAElB;AAEOC,SAAAA;AACT;AAEA,MAAA,+BAAeK;;"}
1	+ {"version":3,"file":"multiSelectionEventHandler.cjs","sources":["../../../src/utils/multiSelectionEventHandler.ts"],"sourcesContent":["const cycleThroughSelection = (\n selectedState,\n index,\n allValues,\n selectionCheck\n) => {\n const newValue: any[] = [];\n selectedState.forEach((isSelected, i) => {\n if (i === index) {\n if (selectionCheck \|\| !isSelected) {\n newValue.push(allValues[i]);\n }\n } else if (isSelected) {\n newValue.push(allValues[i]);\n }\n });\n\n return newValue;\n};\n\nconst multiSelectionEventHandler = (\n evt,\n index,\n selectionAnchor,\n allValues,\n selectedState,\n selectionCheck\n) => {\n let newValue: any[] = [];\n\n if (evt.nativeEvent.shiftKey) {\n if (selectionAnchor.current === undefined) {\n selectionAnchor.current = index;\n newValue.push(allValues[index]);\n } else {\n let selectionStart;\n let selectionEnd;\n if (selectionAnchor.current > index) {\n selectionStart = index;\n selectionEnd = selectionAnchor.current + 1;\n } else {\n selectionStart = selectionAnchor.current;\n selectionEnd = index + 1;\n }\n\n const selectedValues = allValues.slice(selectionStart, selectionEnd);\n\n newValue.push(...selectedValues);\n }\n } else if (evt.nativeEvent.metaKey) {\n selectionAnchor.current = index;\n\n newValue = cycleThroughSelection(\n selectedState,\n index,\n allValues,\n selectionCheck\n );\n } else {\n selectionAnchor.current = index;\n\n newValue = cycleThroughSelection(\n selectedState,\n index,\n allValues,\n selectionCheck\n );\n }\n\n return newValue;\n};\n\nexport default multiSelectionEventHandler;\n"],"names":["cycleThroughSelection","selectedState","index","allValues","selectionCheck","newValue","forEach","isSelected","i","push","multiSelectionEventHandler","evt","selectionAnchor","nativeEvent","shiftKey","current","undefined","selectionStart","selectionEnd","selectedValues","slice","metaKey"],"mappings":";;AAAA,MAAMA,wBAAwBA,CAC5BC,eACAC,OACAC,WACAC,mBACG;AACH,QAAMC,WAAkB,CAAA;AACVC,gBAAAA,QAAQ,CAACC,YAAYC,MAAM;AACvC,QAAIA,MAAMN,OAAO;AACXE,UAAAA,kBAAkB,CAACG,YAAY;AACxBE,iBAAAA,KAAKN,UAAUK,CAAC,CAAC;AAAA,MAC5B;AAAA,eACSD,YAAY;AACZE,eAAAA,KAAKN,UAAUK,CAAC,CAAC;AAAA,IAC5B;AAAA,EAAA,CACD;AAEMH,SAAAA;AACT;AAEA,MAAMK,6BAA6BA,CACjCC,KACAT,OACAU,iBACAT,WACAF,eACAG,mBACG;AACH,MAAIC,WAAkB,CAAA;AAElBM,MAAAA,IAAIE,YAAYC,UAAU;AACxBF,QAAAA,gBAAgBG,YAAYC,QAAW;AACzCJ,sBAAgBG,UAAUb;AACjBO,eAAAA,KAAKN,UAAUD,KAAK,CAAC;AAAA,IAAA,OACzB;AACDe,UAAAA;AACAC,UAAAA;AACAN,UAAAA,gBAAgBG,UAAUb,OAAO;AAClBA,yBAAAA;AACjBgB,uBAAeN,gBAAgBG,UAAU;AAAA,MAAA,OACpC;AACLE,yBAAiBL,gBAAgBG;AACjCG,uBAAehB,QAAQ;AAAA,MACzB;AAEA,YAAMiB,iBAAiBhB,UAAUiB,MAAMH,gBAAgBC,YAAY;AAE1DT,eAAAA,KAAK,GAAGU,cAAc;AAAA,IACjC;AAAA,EAAA,WACSR,IAAIE,YAAYQ,SAAS;AAClCT,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAAA,OAEX;AACLQ,oBAAgBG,UAAUb;AAE1BG,eAAWL,sBACTC,eACAC,OACAC,WACAC,cAAc;AAAA,EAElB;AAEOC,SAAAA;AACT;AAEA,MAAA,+BAAeK;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const isNil = require("lodash/isNil");
 const uniqueId = require("lodash/uniqueId");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

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

@@ -1,30 +1,30 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const decreaseSize = (size) => {
   switch (size) {
-    case "XL":
+    case "xl":
       return "L";
-    case "L":
-    case "LG":
+    case "l":
+    case "lg":
       return "M";
-    case "M":
-    case "MD":
+    case "m":
+    case "md":
       return "S";
-    case "S":
-    case "SM":
+    case "s":
+    case "sm":
     default:
       return "XS";
   }
 };
 const increaseSize = (size) => {
   switch (size) {
-    case "XS":
+    case "xs":
       return "S";
-    case "S":
+    case "s":
       return "M";
-    case "M":
+    case "m":
       return "L";
-    case "L":
+    case "l":
     default:
       return "XL";
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sizes.cjs","sources":["../../../src/utils/sizes.ts"],"sourcesContent":["export const decreaseSize = (size: string) => {\n switch (size) {\n case \"XL\":\n return \"L\";\n\n case \"L\":\n case \"LG\":\n return \"M\";\n\n case \"M\":\n case \"MD\":\n return \"S\";\n\n case \"S\":\n case \"SM\":\n default:\n return \"XS\";\n }\n};\n\nexport const increaseSize = (size: string) => {\n switch (size) {\n case \"XS\":\n return \"S\";\n\n case \"S\":\n return \"M\";\n\n case \"M\":\n return \"L\";\n\n case \"L\":\n default:\n return \"XL\";\n }\n};\n"],"names":["decreaseSize","size","increaseSize"],"mappings":";;AAAaA,MAAAA,eAAeA,CAACC,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;AAEaC,MAAAA,eAAeA,CAACD,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;;;"}
1	+ {"version":3,"file":"sizes.cjs","sources":["../../../src/utils/sizes.ts"],"sourcesContent":["export const decreaseSize = (size: string) => {\n switch (size) {\n case \"xl\":\n return \"L\";\n\n case \"l\":\n case \"lg\":\n return \"M\";\n\n case \"m\":\n case \"md\":\n return \"S\";\n\n case \"s\":\n case \"sm\":\n default:\n return \"XS\";\n }\n};\n\nexport const increaseSize = (size: string) => {\n switch (size) {\n case \"xs\":\n return \"S\";\n\n case \"s\":\n return \"M\";\n\n case \"m\":\n return \"L\";\n\n case \"l\":\n default:\n return \"XL\";\n }\n};\n"],"names":["decreaseSize","size","increaseSize"],"mappings":";;AAAaA,MAAAA,eAAeA,CAACC,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;AAEaC,MAAAA,eAAeA,CAACD,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;;;"}

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

@@ -1,21 +1,31 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const setElementAttrs = (theme, mode, styles, elementId) => {
-  const element = elementId && document.getElementById(elementId) || document.body;
-  element.setAttribute(`data-theme`, theme);
-  element.setAttribute(`data-color-mode`, mode);
-  element.style.backgroundColor = styles.bgColor;
-  element.style.colorScheme = styles.colorScheme;
-  element.style.accentColor = styles.accentColor;
-  element.style.color = styles.color;
-  element.style.fontSize = styles.fontSize;
-  element.style.fontWeight = styles.fontWeight;
-  element.style.lineHeight = styles.lineHeight;
-  element.style.letterSpacing = styles.letterSpacing;
+const setElementStyle = (element, style) => {
+  for (const property in style) {
+    element.style[property] = style[property];
+  }
+};
+const setElementAttrs = (themeName, modeName, colorScheme, themeRootId) => {
+  const element = themeRootId ? document.getElementById(themeRootId) : document.body;
+  if (element) {
+    element.setAttribute(`data-theme`, themeName);
+    element.setAttribute(`data-color-mode`, modeName);
+    setElementStyle(element, {
+      colorScheme,
+      backgroundColor: uikitStyles.theme.colors.backgroundColor,
+      accentColor: uikitStyles.theme.colors.secondary,
+      color: uikitStyles.theme.colors.secondary,
+      fontSize: uikitStyles.theme.typography.body.fontSize,
+      fontWeight: uikitStyles.theme.typography.body.fontWeight,
+      lineHeight: uikitStyles.theme.typography.body.lineHeight,
+      letterSpacing: uikitStyles.theme.typography.body.letterSpacing,
+      fontFamily: uikitStyles.theme.fontFamily.body
+    });
+  }
 };
 const applyThemeCustomizations = (obj, customizations) => {
-  const isObject = (val) => val && typeof val === "object";
+  const isObject = (val) => val && typeof val === "object" && !Array.isArray(val);
   const customizedTheme = {
     ...obj
   };
@@ -32,32 +42,56 @@ const applyThemeCustomizations = (obj, customizations) => {
   });
   return customizedTheme;
 };
-const parseThemes = (baseTheme, newThemeName, customizations) => {
-  const customizedTheme = customizations ? applyThemeCustomizations(uikitStyles.themes[baseTheme], customizations) : {
-    ...uikitStyles.themes[baseTheme]
+const createTheme = (props) => {
+  var _a;
+  const {
+    name,
+    base = "ds5",
+    inheritColorModes = true,
+    ...customizations
+  } = props;
+  const customizedTheme = customizations ? applyThemeCustomizations(uikitStyles.themes[base], customizations) : {
+    ...uikitStyles.themes[base]
   };
+  customizedTheme.name = name.trim();
   if (customizations) {
     Object.keys(customizedTheme.colors.modes).forEach((mode) => {
-      if (!uikitStyles.themes[baseTheme].colors.modes[mode]) {
+      if (!uikitStyles.themes[base].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,
+          ...uikitStyles.themes[base].colors.modes.dawn,
           ...customizedTheme.colors.modes[mode]
         };
       }
     });
   }
-  const customizedThemes = newThemeName ? {
-    ...uikitStyles.themes,
-    [newThemeName]: customizedTheme
-  } : {
-    ...uikitStyles.themes,
-    [baseTheme]: customizedTheme
-  };
-  return customizedThemes;
+  if (!inheritColorModes && ((_a = customizations.colors) == null ? void 0 : _a.modes)) {
+    Object.keys(customizedTheme.colors.modes).forEach((mode) => {
+      var _a2;
+      if (!Object.keys(((_a2 = customizations.colors) == null ? void 0 : _a2.modes) || {}).includes(mode)) {
+        delete customizedTheme.colors.modes[mode];
+      }
+    });
+  }
+  return customizedTheme;
+};
+const processThemes = (themesList) => {
+  if (themesList && Array.isArray(themesList) && themesList.length > 0) {
+    const list = [];
+    themesList.map((thm) => {
+      const i = list.findIndex((t) => t.name.trim() === thm.name.trim());
+      if (i !== -1) {
+        list.splice(i, 1);
+        list.push(thm);
+      } else {
+        list.push(thm);
+      }
+    });
+    return list;
+  } else {
+    return [uikitStyles.themes.ds5];
+  }
 };
-exports.parseThemes = parseThemes;
+exports.createTheme = createTheme;
+exports.processThemes = processThemes;
 exports.setElementAttrs = setElementAttrs;
 //# sourceMappingURL=theme.cjs.map

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 ~~HvBaseTheme~~,\n ~~colors~~,\n ~~HvThemeColorModeStructure~~,\n ~~HvParsedThemeStyles,\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 ~~styles~~: ~~HvParsedThemeStyles~~,\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\n // Set default properties for all components to inherit\n element~~.style.backgroundColor~~ ~~= styles.bgColor;\~~n ~~element.style.~~colorScheme ~~= styles.~~colorScheme;\n ~~element~~.~~style~~.accentColor ~~= styles~~.~~accentColor;\~~n ~~element.style.~~color ~~= styles~~.~~color;\~~n ~~element.style.~~fontSize ~~= styles~~.fontSize;\n ~~element.style.~~fontWeight ~~= styles~~.fontWeight;\n ~~element.style.~~lineHeight ~~= styles~~.lineHeight;\n ~~element~~.~~style~~.letterSpacing ~~= styles~~.~~letterSpacing~~;\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~~","~~styles~~","~~elementId~~","~~element~~","document","getElementById","body","setAttribute","~~style~~","~~backgroundColor~~","~~bgColor~~","~~colorScheme~~","~~accentColor~~","color","fontSize","fontWeight","lineHeight","letterSpacing","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","~~parseThemes~~","~~baseTheme~~","~~newThemeName~~","themes","~~colors~~","modes","~~type~~","~~light~~","~~atmo2~~","~~common~~","~~customizedThemes~~"],"mappings":";;;~~AAYO~~,MAAMA,kBAAkBA,CAC7BC,~~OACAC~~,~~MACAC~~,~~QACAC~~,~~cACG~~;AACH,~~QAAMC~~,~~UACHD~~,~~aAAaE~~,SAASC,~~eAAeH~~,~~SAAS~~,~~KAAME~~,SAASE;~~AAExDC~~,~~UAAAA~~,aAAc,~~cAAaR~~,~~KAAK~~;~~AAChCQ~~,~~UAAAA~~,aAAc,~~mBAAkBP~~,~~IAAI~~;~~AAGpCQ~~,~~UAAAA~~,MAAMC,~~kBAAkBR,OAAOS~~;~~AAC/BF~~,~~UAAAA~~,~~MAAMG~~,~~cAAcV~~,~~OAAOU~~;~~AAC3BH~~,~~UAAAA~~,~~MAAMI~~,~~cAAcX~~,~~OAAOW~~;~~AAC3BJ~~,~~UAAAA~~,~~MAAMK~~,~~QAAQZ~~,~~OAAOY~~;~~AACrBL~~,~~UAAAA~~,~~MAAMM~~,~~WAAWb~~,~~OAAOa~~;~~AACxBN~~,~~UAAAA~~,~~MAAMO~~,~~aAAad~~,~~OAAOc~~;~~AAC1BP~~,~~UAAAA~~,~~MAAMQ~~,~~aAAaf~~,~~OAAOe~~;~~AAC1BR~~,~~UAAAA~~,~~MAAMS~~,~~gBAAgBhB~~,~~OAAOgB~~;~~AACvC~~;AAKA,~~MAAMC~~,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~~,~~QAAS1B~~,CAAS,SAAA;AAC1D,UAAI,~~CAAC+B~~,~~YAAAA~~,~~OAAOF~~,~~WAAWG~~,~~OAAOC~~,~~MAAMjC~~,~~OAAO~~;~~AACzBgC~~,wBAAAA,~~OAAOC~~,~~MAAMjC~~,~~QAAQ~~;AAAA,~~UACnCkC~~,~~MAAMX~~,~~gBAAgBS~~,~~OAAOC~~,~~MAAMjC~~,~~MAAMkC~~,~~QAAQ~~;~~AAAA~~,~~UACjDzB~~,~~iBAAiBuB~~,~~YAAAA~~,~~OAAOG~~,MAAMC;~~AAAAA~~,~~UAC9B~~,~~GAAGJ~~,~~YAAOK~~,~~OAAAA~~;~~AAAAA~~,~~UACV~~,~~GAAGL~~,~~YAAOG~~,~~OAAAA~~;~~AAAAA~~,~~UACV~~,~~GAAIZ~~,~~gBAAgBS~~,OAAOC,~~MAAMjC~~;~~AAAAA~~,~~QAAAA~~;~~AAAAA~~,~~MAIrC~~;AAAA,IAAA,CACD;AAAA,EACH;~~AAGA~~,~~QAAMsC~~,~~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;;;~~"}
1	+ {"version":3,"file":"theme.cjs","sources":["../../../src/utils/theme.ts"],"sourcesContent":["/eslint import/namespace: [2, { allowComputed: true }]/\nimport {\n themes,\n HvThemeColorModeStructure,\n HvThemeStructure,\n theme,\n} from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { HvTheme, HvCreateThemeProps } from \"../types/theme\";\n\n/*\n Sets the element style properties.\n /\nconst setElementStyle = (element: HTMLElement, style: CSSProperties) => {\n for (const property in style) {\n element.style[property] = style[property];\n }\n};\n\n/\n Sets the element attributes and style for a theme and color mode.\n /\nexport const setElementAttrs = (\n themeName: string,\n modeName: string,\n colorScheme: string,\n themeRootId?: string\n) => {\n const element = themeRootId\n ? document.getElementById(themeRootId)\n : document.body;\n\n if (element) {\n element.setAttribute(`data-theme`, themeName);\n element.setAttribute(`data-color-mode`, modeName);\n\n // Set default properties for all components to inherit\n setElementStyle(element, {\n colorScheme: colorScheme,\n backgroundColor: theme.colors.backgroundColor,\n accentColor: theme.colors.secondary,\n color: theme.colors.secondary,\n fontSize: theme.typography.body.fontSize,\n fontWeight: theme.typography.body.fontWeight,\n lineHeight: theme.typography.body.lineHeight,\n letterSpacing: theme.typography.body.letterSpacing,\n fontFamily: theme.fontFamily.body,\n });\n }\n};\n\n/\n Applies customizations to a theme.\n /\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n const isObject = (val: any) =>\n val && typeof val === \"object\" && !Array.isArray(val);\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 customized theme based on the base theme and customizations given.\n * For the color modes, the colors that are not defined will be replaced by the values from the dawn mode of the base theme.\n /\nexport const createTheme = (\n props: HvCreateThemeProps\n): HvTheme \| HvThemeStructure => {\n const {\n name,\n base = \"ds5\",\n inheritColorModes = true,\n ...customizations\n } = props;\n\n // Apply customizations to the base theme\n const customizedTheme: HvTheme \| HvThemeStructure = customizations\n ? (applyThemeCustomizations(themes[base], customizations) as HvTheme)\n : { ...themes[base] };\n\n // Set theme name\n customizedTheme.name = name.trim();\n\n // Fill new color modes with missing colors\n if (customizations) {\n Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n if (!themes[base].colors.modes[mode]) {\n customizedTheme.colors.modes[mode] = {\n ...themes[base].colors.modes.dawn,\n ...(customizedTheme.colors.modes[mode] as Partial<\n HvThemeColorModeStructure & { [key: string]: string }\n >),\n };\n }\n });\n }\n\n // If the flag `inheritColorModes` is false and customizations were given for the color modes,\n // we're removing any color modes that might have been inherited\n if (!inheritColorModes && customizations.colors?.modes) {\n Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n if (!Object.keys(customizations.colors?.modes \|\| {}).includes(mode)) {\n delete customizedTheme.colors.modes[mode];\n }\n });\n }\n\n // Created theme\n return customizedTheme;\n};\n\n/\n Process the themes provided to the HvProvider:\n * - Cleans themes with the same name\n * - Returns the default if the list is empty (ds5)\n */\nexport const processThemes = (\n themesList?: (HvTheme \| HvThemeStructure)[]\n): (HvTheme \| HvThemeStructure)[] => {\n if (themesList && Array.isArray(themesList) && themesList.length > 0) {\n const list: (HvTheme \| HvThemeStructure)[] = [];\n\n themesList.map((thm) => {\n const i: number = list.findIndex(\n (t) => t.name.trim() === thm.name.trim()\n );\n\n if (i !== -1) {\n list.splice(i, 1);\n list.push(thm);\n } else {\n list.push(thm);\n }\n });\n\n // Cleaned themes\n return list;\n } else {\n // DS5\n return [themes.ds5];\n }\n};\n"],"names":["setElementStyle","element","style","property","setElementAttrs","themeName","modeName","colorScheme","themeRootId","document","getElementById","body","setAttribute","backgroundColor","theme","colors","accentColor","secondary","color","fontSize","typography","fontWeight","lineHeight","letterSpacing","fontFamily","applyThemeCustomizations","obj","customizations","isObject","val","Array","isArray","customizedTheme","Object","keys","forEach","key","createTheme","props","name","base","inheritColorModes","themes","trim","modes","mode","dawn","includes","processThemes","themesList","length","list","map","thm","i","findIndex","t","splice","push","ds5"],"mappings":";;;AAaA,MAAMA,kBAAkBA,CAACC,SAAsBC,UAAyB;AACtE,aAAWC,YAAYD,OAAO;AAC5BD,YAAQC,MAAMC,QAAQ,IAAID,MAAMC,QAAQ;AAAA,EAC1C;AACF;AAKO,MAAMC,kBAAkBA,CAC7BC,WACAC,UACAC,aACAC,gBACG;AACH,QAAMP,UAAUO,cACZC,SAASC,eAAeF,WAAW,IACnCC,SAASE;AAEb,MAAIV,SAAS;AACHW,YAAAA,aAAc,cAAaP,SAAS;AACpCO,YAAAA,aAAc,mBAAkBN,QAAQ;AAGhDN,oBAAgBC,SAAS;AAAA,MACvBM;AAAAA,MACAM,iBAAiBC,YAAAA,MAAMC,OAAOF;AAAAA,MAC9BG,aAAaF,YAAAA,MAAMC,OAAOE;AAAAA,MAC1BC,OAAOJ,YAAAA,MAAMC,OAAOE;AAAAA,MACpBE,UAAUL,YAAMM,MAAAA,WAAWT,KAAKQ;AAAAA,MAChCE,YAAYP,YAAMM,MAAAA,WAAWT,KAAKU;AAAAA,MAClCC,YAAYR,YAAMM,MAAAA,WAAWT,KAAKW;AAAAA,MAClCC,eAAeT,YAAMM,MAAAA,WAAWT,KAAKY;AAAAA,MACrCC,YAAYV,YAAAA,MAAMU,WAAWb;AAAAA,IAAAA,CAC9B;AAAA,EACH;AACF;AAKA,MAAMc,2BAA2BA,CAACC,KAAaC,mBAA2B;AAClEC,QAAAA,WAAWA,CAACC,QAChBA,OAAO,OAAOA,QAAQ,YAAY,CAACC,MAAMC,QAAQF,GAAG;AAGtD,QAAMG,kBAAkB;AAAA,IAAE,GAAGN;AAAAA,EAAAA;AAG7BO,SAAOC,KAAKP,cAAc,EAAEQ,QAASC,CAAQ,QAAA;AACvCJ,QAAAA,gBAAgBI,GAAG,GAAG;AACpBR,UAAAA,SAASI,gBAAgBI,GAAG,CAAC,KAAKR,SAASD,eAAeS,GAAG,CAAC,GAAG;AACnDA,wBAAAA,GAAG,IAAIX,yBACrBO,gBAAgBI,GAAG,GACnBT,eAAeS,GAAG,CAAC;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,GAAG,KAAK,OAAOT,eAAeS,GAAG,GAAG;AACpDA,wBAAAA,GAAG,IAAIT,eAAeS,GAAG;AAAA,MAC3C;AAAA,IAAA,OACK;AACWA,sBAAAA,GAAG,IAAIT,eAAeS,GAAG;AAAA,IAC3C;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAMaK,MAAAA,cAAcA,CACzBC,UAC+B;;AACzB,QAAA;AAAA,IACJC;AAAAA,IACAC,OAAO;AAAA,IACPC,oBAAoB;AAAA,IACpB,GAAGd;AAAAA,EACDW,IAAAA;AAGJ,QAAMN,kBAA8CL,iBAC/CF,yBAAyBiB,mBAAOF,IAAI,GAAGb,cAAc,IACtD;AAAA,IAAE,GAAGe,YAAAA,OAAOF,IAAI;AAAA,EAAA;AAGJD,kBAAAA,OAAOA,KAAKI;AAG5B,MAAIhB,gBAAgB;AAClBM,WAAOC,KAAKF,gBAAgBjB,OAAO6B,KAAK,EAAET,QAASU,CAAS,SAAA;AAC1D,UAAI,CAACH,YAAOF,OAAAA,IAAI,EAAEzB,OAAO6B,MAAMC,IAAI,GAAG;AACpB9B,wBAAAA,OAAO6B,MAAMC,IAAI,IAAI;AAAA,UACnC,GAAGH,YAAAA,OAAOF,IAAI,EAAEzB,OAAO6B,MAAME;AAAAA,UAC7B,GAAId,gBAAgBjB,OAAO6B,MAAMC,IAAI;AAAA,QAAA;AAAA,MAIzC;AAAA,IAAA,CACD;AAAA,EACH;AAIA,MAAI,CAACJ,uBAAqBd,oBAAeZ,WAAfY,mBAAuBiB,QAAO;AACtDX,WAAOC,KAAKF,gBAAgBjB,OAAO6B,KAAK,EAAET,QAASU,CAAS,SAAA;;AACtD,UAAA,CAACZ,OAAOC,OAAKP,MAAAA,eAAeZ,WAAfY,gBAAAA,IAAuBiB,UAAS,EAAE,EAAEG,SAASF,IAAI,GAAG;AAC5Db,eAAAA,gBAAgBjB,OAAO6B,MAAMC,IAAI;AAAA,MAC1C;AAAA,IAAA,CACD;AAAA,EACH;AAGOb,SAAAA;AACT;AAOagB,MAAAA,gBAAgBA,CAC3BC,eACmC;AACnC,MAAIA,cAAcnB,MAAMC,QAAQkB,UAAU,KAAKA,WAAWC,SAAS,GAAG;AACpE,UAAMC,OAAuC,CAAA;AAE7CF,eAAWG,IAAKC,CAAQ,QAAA;AAChBC,YAAAA,IAAYH,KAAKI,UACpBC,CAAMA,MAAAA,EAAEjB,KAAKI,KAAWU,MAAAA,IAAId,KAAKI,KAAM,CAAA;AAG1C,UAAIW,MAAM,IAAI;AACPG,aAAAA,OAAOH,GAAG,CAAC;AAChBH,aAAKO,KAAKL,GAAG;AAAA,MAAA,OACR;AACLF,aAAKO,KAAKL,GAAG;AAAA,MACf;AAAA,IAAA,CACD;AAGMF,WAAAA;AAAAA,EAAAA,OACF;AAEE,WAAA,CAACT,YAAAA,OAAOiB,GAAG;AAAA,EACpB;AACF;;;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const transientOptions = {
   shouldForwardProp: (propName) => !propName.startsWith("$")
 };

package/dist/cjs/utils/wrapperTooltip.cjs ADDED Viewed

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const withTooltip = require("../hocs/withTooltip.cjs");
+const hideTooltip = (evt) => {
+  const isOverFlow = evt.target.children.length > 1 ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth) : evt.target.scrollWidth > evt.target.clientWidth;
+  return !isOverFlow;
+};
+const wrapperTooltip = (hasTooltips, Component, label) => {
+  const ComponentFunction = () => Component;
+  return hasTooltips ? withTooltip.default(ComponentFunction, label, "top", hideTooltip, {}, {}) : ComponentFunction;
+};
+exports.wrapperTooltip = wrapperTooltip;
+//# sourceMappingURL=wrapperTooltip.cjs.map

package/dist/cjs/utils/wrapperTooltip.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"wrapperTooltip.cjs","sources":["../../../src/utils/wrapperTooltip.tsx"],"sourcesContent":["import { withTooltip } from \"hocs\";\n\nconst hideTooltip = (evt) => {\n const isOverFlow =\n evt.target.children.length > 1\n ? Array.of(...evt.target.children).some(\n (child) => child.scrollWidth > child.clientWidth\n )\n : evt.target.scrollWidth > evt.target.clientWidth;\n\n return !isOverFlow;\n};\n\nexport const wrapperTooltip = (hasTooltips, Component, label) => {\n const ComponentFunction = () => Component;\n return hasTooltips\n ? withTooltip(ComponentFunction, label, \"top\", hideTooltip, {}, {})\n : ComponentFunction;\n};\n"],"names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","hasTooltips","Component","label","ComponentFunction","withTooltip"],"mappings":";;;AAEA,MAAMA,cAAeC,CAAQ,QAAA;AACrBC,QAAAA,aACJD,IAAIE,OAAOC,SAASC,SAAS,IACzBC,MAAMC,GAAG,GAAGN,IAAIE,OAAOC,QAAQ,EAAEI,KAC9BC,CAAAA,UAAUA,MAAMC,cAAcD,MAAME,WAAW,IAElDV,IAAIE,OAAOO,cAAcT,IAAIE,OAAOQ;AAE1C,SAAO,CAACT;AACV;AAEO,MAAMU,iBAAiBA,CAACC,aAAaC,WAAWC,UAAU;AAC/D,QAAMC,oBAAoBA,MAAMF;AACzBD,SAAAA,cACHI,oBAAYD,mBAAmBD,OAAO,OAAOf,aAAa,CAAC,GAAG,EAAE,IAChEgB;AACN;;"}