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

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

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 (553) 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","~~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;;"}
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;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const styles = require("@mui/material/styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const theme = require("../utils/theme.cjs");
 const HvThemeContext = React.createContext({
   themes: [],
@@ -56,13 +56,7 @@ const HvThemeProvider = ({
       }
     }
   });
-  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(HvThemeContext.Provider, { value, children }) });
 };
 exports.HvThemeContext = HvThemeContext;
 exports.HvThemeProvider = HvThemeProvider;

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","~~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,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;~~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.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;;;"}

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

@@ -1,28 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 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 && "sema1" });
     case "warning":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Caution, {
-        color,
-        semantic: semantic && "sema3"
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Caution, { color, semantic: semantic && "sema3" });
     case "error":
-      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, {
-        color,
-        semantic: semantic && "sema4"
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, { color, semantic: semantic && "sema4" });
     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","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~~,~~CAAW~~;AAAA,IACjE,KAAK;AACH,~~4CAAQE~~,gBAAAA,~~SAAO;AAAA~~,~~QAACH;AAAAA~~,~~QAAcC~~,~~UAAUA~~,YAAY~~;AAAA~~,~~MAAA~~,~~CAAW~~;AAAA,IACjE,KAAK;AACH,~~4CAAQG~~,gBAAAA,~~MAAI;AAAA~~,~~QAACJ;AAAAA~~,~~QAAcC~~,~~UAAUA~~,YAAY~~;AAAA~~,~~MAAA~~,~~CAAW~~;AAAA,IAC9D,KAAK;~~AACH~~,~~4CAAQI~~,gBAAAA,~~MAAI;AAAA~~,~~QAACL;AAAAA~~,~~MAAAA,CAAgB~~;AAAA,IAC/B;AACS,aAAA;AAAA,EAAK;AAElB;AAEA,MAAA,~~gBAAeF~~;;"}
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;;"}

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

@@ -1,9 +1,9 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import clsx from "clsx";
 import { DropUpXS, DropDownXS } from "@hitachivantara/uikit-react-icons";
 import { StyledLabel, StyledRoot, StyledContainer } from "./Accordion.styles.js";
 import accordionClasses from "./accordionClasses.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";
 const HvAccordion = ({
@@ -59,44 +59,17 @@ const HvAccordion = ({
   const accordionContainer = setId(id, "container");
   const accordionHeader = useMemo(() => {
     const color = disabled && ["atmo5"] || void 0;
-    const accordionButton = /* @__PURE__ */ jsxs(StyledLabel, {
-      id: accordionHeaderId,
-      component: "div",
-      role: "button",
-      className: clsx(accordionClasses.label, classes == null ? void 0 : classes.label, disabled && clsx(accordionClasses.disabled, classes == null ? void 0 : classes.disabled)),
-      disabled,
-      tabIndex: 0,
-      onKeyDown: handleKeyDown,
-      onClick: handleClick,
-      variant: "label",
-      "aria-expanded": isOpen,
-      "aria-disabled": disabled,
-      children: [isOpen ? /* @__PURE__ */ jsx(DropUpXS, {
-        color
-      }) : /* @__PURE__ */ jsx(DropDownXS, {
-        color
-      }), label]
-    });
-    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsx(StyledLabel, {
-      component: `h${headingLevel}`,
-      children: accordionButton
-    });
+    const accordionButton = /* @__PURE__ */ jsxs(StyledLabel, { id: accordionHeaderId, component: "div", role: "button", className: clsx(accordionClasses.label, classes == null ? void 0 : classes.label, disabled && clsx(accordionClasses.disabled, classes == null ? void 0 : classes.disabled)), disabled, tabIndex: 0, onKeyDown: handleKeyDown, onClick: handleClick, variant: "label", "aria-expanded": isOpen, "aria-disabled": disabled, children: [
+      isOpen ? /* @__PURE__ */ jsx(DropUpXS, { color }) : /* @__PURE__ */ jsx(DropDownXS, { color }),
+      label
+    ] });
+    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsx(StyledLabel, { component: `h${headingLevel}`, children: accordionButton });
     return result;
   }, [classes, handleClick, handleKeyDown, label, accordionHeaderId, disabled, headingLevel, isOpen]);
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    id,
-    className: clsx(className, accordionClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [accordionHeader, /* @__PURE__ */ jsx(StyledContainer, {
-      id: accordionContainer,
-      role: "region",
-      "aria-labelledby": accordionHeaderId,
-      className: clsx(accordionClasses.container, classes == null ? void 0 : classes.container, !isOpen && clsx(accordionClasses.hidden, classes == null ? void 0 : classes.hidden)),
-      hidden: !isOpen,
-      ...containerProps,
-      children
-    })]
-  });
+  return /* @__PURE__ */ jsxs(StyledRoot, { id, className: clsx(className, accordionClasses.root, classes == null ? void 0 : classes.root), ...others, children: [
+    accordionHeader,
+    /* @__PURE__ */ jsx(StyledContainer, { id: accordionContainer, role: "region", "aria-labelledby": accordionHeaderId, className: clsx(accordionClasses.container, classes == null ? void 0 : classes.container, !isOpen && clsx(accordionClasses.hidden, classes == null ? void 0 : classes.hidden)), hidden: !isOpen, ...containerProps, children })
+  ] });
 };
 export {
   HvAccordion

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, {\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(\n accordionClasses.label,\n classes?.label,\n disabled && clsx(accordionClasses.disabled, classes?.disabled)\n )}\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(\n accordionClasses.container,\n classes?.container,\n !isOpen && clsx(accordionClasses.hidden, classes?.hidden)\n )}\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":";;;;;;;;AA4DO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,KACGC;AACa,MAAM;AAChB,QAAA,CAACC,QAAQC,SAAS,IAAIC,cAAcP,UAAUQ,QAAQN,eAAe,CAAC;AAEtEO,QAAAA,eAAeC,YACnB,CAACC,UAA0B;AACzB,QAAI,CAACf,UAAU;AACbE,2CAAWa,OAAON;AAClBC,gBAAU,CAACD,MAAM;AACV,aAAA;AAAA,IACT;AACO,WAAA;AAAA,KAET,CAACT,UAAUE,UAAUO,QAAQC,SAAS,CAAC;AAGnCM,QAAAA,cAAcF,YAClB,CAACC,UAA0B;AACzBF,iBAAaE,KAAK;AAClBA,UAAME,eAAgB;AACtBF,UAAMG,gBAAiB;AAAA,EAAA,GAEzB,CAACL,YAAY,CAAC;AAGVM,QAAAA,gBAAgBL,YACpB,CAACC,UAA+C;AAC9C,QAAIK,iBAAiB;AACf,UAAA;AAAA,MAAEC;AAAAA,IAAQN,IAAAA;AAGdA,QAAAA,MAAMO,UACNP,MAAMQ,WACNR,MAAMS,WACNT,MAAMU,kBAAkBV,MAAMW,QAC9B;AACA;AAAA,IACF;AACA,YAAQL,KAAG;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AACHD,yBAAiBP,aAAaE,KAAK;AACnC;AAAA,MACF;AACE;AAAA,IAAO;AAGX,QAAIK,gBAAgB;AAClBL,YAAME,eAAgB;AACtBF,YAAMG,gBAAiB;AAAA,IACzB;AAAA,EAAA,GAEF,CAACL,YAAY,CAAC;AAGVc,QAAAA,oBAAoBC,MAAM/B,IAAI,QAAQ;AACtCgC,QAAAA,qBAAqBD,MAAM/B,IAAI,WAAW;AAC1CiC,QAAAA,kBAAkBC,QAAQ,MAAM;AACpC,UAAMC,QAAShC,YAAY,CAAC,OAAO,KAAMiC;~~AACnCC~~,~~UAAAA~~,~~uCACHC~~,~~aAAW;AAAA~~,~~MACVtC~~,~~IAAI8B;AAAAA~~,~~MACJS~~,WAAU~~;AAAA~~,~~MACVC~~,MAAK~~;AAAA~~,~~MACLvC~~,~~WAAWwC~~,KACTC,~~iBAAiBtC~~,OACjBF,mCAASE,OACTD,~~YAAYsC~~,KAAKC,~~iBAAiBvC~~,UAAUD,mCAASC,QAAQ,CAAC~~;AAAA~~,~~MAEhEA;AAAAA~~,~~MACAwC~~,UAAU~~;AAAA~~,~~MACVC~~,~~WAAWtB;AAAAA~~,~~MACXuB~~,~~SAAS1B;AAAAA~~,~~MACT2B~~,SAAS~~;AAAA~~,~~MACT~~,~~iBAAelC;AAAAA~~,~~MACf~~,iBAAeT;AAAAA,~~MAASG~~,~~UAEvBM~~,~~CAAAA~~,~~SAASmC~~,~~oBAACC~~,~~UAAQ;AAAA~~,~~QAACb;AAAAA~~,~~MAAAA~~,~~CAAgB~~,~~IAAGY,oBAACE,YAAU~~;AAAA,~~QAACd~~;AAAAA,~~MAAa~~,CAAA~~,GAC/D/B,KAAK~~;~~AAAA~~,~~IAAA~~,~~CAET;AACD~~,~~UAAM8C,SACJ1C,~~iBAAiB4B,SACfC,~~sCAECC~~,~~aAAW;AAAA~~,~~MAACC~~,WAAY,~~IAAG/B;AAAAA~~,~~MAAeF~~,~~UACxC+B;AAAAA~~,~~IAAAA~~,~~CAEJ~~;~~AACIa~~,WAAAA;AAAAA,EAAAA,GACN,~~CACDhD~~,SACAiB,aACAG,eACAlB,OACA0B,mBACA3B,UACAK,cACAI,MAAM,CACP;AAED,~~8BACGuC~~,~~YAAU;AAAA~~,~~IACTnD;AAAAA~~,~~IACAC~~,~~WAAWwC~~,~~KAAKxC~~,~~WAAWyC~~,~~iBAAiBU~~,~~MAAMlD~~,~~mCAASkD~~,IAAI~~;AAAA~~,~~IAAE~~,~~GAC7DzC~~;AAAAA,~~IAAML~~,~~UAET2B~~,~~CAAAA~~,~~iBACDc~~,~~oBAACM~~,~~iBAAe;AAAA~~,~~MACdrD~~,~~IAAIgC;AAAAA,MACJQ,~~MAAK~~;AAAA~~,~~MACL~~,~~mBAAiBV;AAAAA~~,~~MACjB7B~~,~~WAAWwC~~,KACTC,~~iBAAiBY~~,~~WACjBpD~~,~~mCAASoD~~,WACT,~~CAAC1C~~,~~UAAU6B~~,KAAKC,~~iBAAiBa~~,~~QAAQrD~~,~~mCAASqD~~,MAAM,CAAC~~;AAAA~~,~~MAE3DA~~,QAAQ,~~CAAC3C;AAAAA~~,~~MAAO~~,~~GACZF;AAAAA~~,~~MAAcJ;AAAAA~~,~~IAAAA~~,~~CAGF,~~CAAA;AAAA,EAAA,~~CACP~~;~~AAEjB~~;"}
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(\n accordionClasses.label,\n classes?.label,\n disabled && clsx(accordionClasses.disabled, classes?.disabled)\n )}\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(\n accordionClasses.container,\n classes?.container,\n !isOpen && clsx(accordionClasses.hidden, classes?.hidden)\n )}\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","clsx","accordionClasses","result","root","container","hidden"],"mappings":";;;;;;;;AA4DO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,KACGC;AACa,MAAM;AAChB,QAAA,CAACC,QAAQC,SAAS,IAAIC,cAAcP,UAAUQ,QAAQN,eAAe,CAAC;AAEtEO,QAAAA,eAAeC,YACnB,CAACC,UAA0B;AACzB,QAAI,CAACf,UAAU;AACbE,2CAAWa,OAAON;AAClBC,gBAAU,CAACD,MAAM;AACV,aAAA;AAAA,IACT;AACO,WAAA;AAAA,KAET,CAACT,UAAUE,UAAUO,QAAQC,SAAS,CAAC;AAGnCM,QAAAA,cAAcF,YAClB,CAACC,UAA0B;AACzBF,iBAAaE,KAAK;AAClBA,UAAME,eAAgB;AACtBF,UAAMG,gBAAiB;AAAA,EAAA,GAEzB,CAACL,YAAY,CAAC;AAGVM,QAAAA,gBAAgBL,YACpB,CAACC,UAA+C;AAC9C,QAAIK,iBAAiB;AACf,UAAA;AAAA,MAAEC;AAAAA,IAAQN,IAAAA;AAGdA,QAAAA,MAAMO,UACNP,MAAMQ,WACNR,MAAMS,WACNT,MAAMU,kBAAkBV,MAAMW,QAC9B;AACA;AAAA,IACF;AACA,YAAQL,KAAG;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AACHD,yBAAiBP,aAAaE,KAAK;AACnC;AAAA,MACF;AACE;AAAA,IAAO;AAGX,QAAIK,gBAAgB;AAClBL,YAAME,eAAgB;AACtBF,YAAMG,gBAAiB;AAAA,IACzB;AAAA,EAAA,GAEF,CAACL,YAAY,CAAC;AAGVc,QAAAA,oBAAoBC,MAAM/B,IAAI,QAAQ;AACtCgC,QAAAA,qBAAqBD,MAAM/B,IAAI,WAAW;AAC1CiC,QAAAA,kBAAkBC,QAAQ,MAAM;AACpC,UAAMC,QAAShC,YAAY,CAAC,OAAO,KAAMiC;AACzC,UAAMC,kBACJ,qBAAC,aACC,EAAA,IAAIP,mBACJ,WAAU,OACV,MAAK,UACL,WAAWQ,KACTC,iBAAiBnC,OACjBF,mCAASE,OACTD,YAAYmC,KAAKC,iBAAiBpC,UAAUD,mCAASC,QAAQ,CAAC,GAEhE,UACA,UAAU,GACV,WAAWmB,eACX,SAASH,aACT,SAAS,SACT,iBAAeP,QACf,iBAAeT,UAEdS,UAAAA;AAAAA,MAAAA,6BAAU,UAAS,EAAA,MAAA,CAAgB,IAAG,oBAAC,cAAW,OAAgB;AAAA,MAClER;AAAAA,IACH,EAAA,CAAA;AAEIoC,UAAAA,SACJhC,iBAAiB4B,SACfC,sCAEC,aAAY,EAAA,WAAY,IAAG7B,gBACzB6B,UACH,gBAAA,CAAA;AAEGG,WAAAA;AAAAA,EAAAA,GACN,CACDtC,SACAiB,aACAG,eACAlB,OACA0B,mBACA3B,UACAK,cACAI,MAAM,CACP;AAED,SACG,qBAAA,YAAA,EACC,IACA,WAAW0B,KAAKrC,WAAWsC,iBAAiBE,MAAMvC,mCAASuC,IAAI,GAC3D9B,GAAAA,QAEHsB,UAAAA;AAAAA,IAAAA;AAAAA,IACA,oBAAA,iBAAA,EACC,IAAID,oBACJ,MAAK,UACL,mBAAiBF,mBACjB,WAAWQ,KACTC,iBAAiBG,WACjBxC,mCAASwC,WACT,CAAC9B,UAAU0B,KAAKC,iBAAiBI,QAAQzC,mCAASyC,MAAM,CAAC,GAE3D,QAAQ,CAAC/B,QACLF,GAAAA,gBAEHJ,SACH,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledRoot } from "./ActionBar.styles.js";
 import actionBarClasses from "./actionBarClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvActionBar = (props) => {
   const {
     classes,
@@ -10,12 +10,7 @@ const HvActionBar = (props) => {
     children,
     ...others
   } = props;
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    id,
-    className: clsx(actionBarClasses.root, classes == null ? void 0 : classes.root, className),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { id, className: clsx(actionBarClasses.root, classes == null ? void 0 : classes.root, className), ...others, children });
 };
 export {
   HvActionBar

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 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","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,SACG,oBAAA,YAAA,EACC,IACA,WAAWM,KAAKC,iBAAiBC,MAAMP,mCAASO,MAAMN,SAAS,GAC3DG,GAAAA,QAEHD,SACH,CAAA;AAEJ;"}

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

@@ -1,9 +1,9 @@
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { useContext, isValidElement } from "react";
 import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
 import { theme } from "@hitachivantara/uikit-styles";
 import { StyledRoot, StyledButton } from "./ActionsGeneric.styles.js";
-import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import actionsGenericClasses from "./actionsGenericClasses.js";
 import HvDropDownMenu from "../DropDownMenu/DropDownMenu.js";
 import { HvThemeContext } from "../../providers/ThemeProvider.js";
@@ -38,52 +38,24 @@ const HvActionsGeneric = ({
     const renderedIcon = isValidElement(icon) ? icon : icon == null ? void 0 : icon({
       isDisabled: disabled
     });
-    return /* @__PURE__ */ jsx(StyledButton, {
-      id: actionId,
-      variant: category,
-      className: clsx(actionsGenericClasses.button, classes == null ? void 0 : classes.button),
-      disabled: actDisabled != null ? actDisabled : disabled,
-      onClick: (event) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action),
-      startIcon: renderedIcon,
-      $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || theme.colors.base1,
-      size: ((_b = activeTheme == null ? void 0 : activeTheme.actionsGeneric) == null ? void 0 : _b.buttonSize) || "md",
-      ...other,
-      children: label
-    }, actionId || idx);
+    return /* @__PURE__ */ jsx(StyledButton, { id: actionId, variant: category, className: clsx(actionsGenericClasses.button, classes == null ? void 0 : classes.button), disabled: actDisabled != null ? actDisabled : disabled, onClick: (event) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action), startIcon: renderedIcon, $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || theme.colors.base1, size: ((_b = activeTheme == null ? void 0 : activeTheme.actionsGeneric) == null ? void 0 : _b.buttonSize) || "md", ...other, children: label }, actionId || idx);
   };
   const renderActionsGrid = () => {
     const actsVisible = actions.slice(0, maxVisibleActions);
     const actsDropdown = actions.slice(maxVisibleActions);
     const semantic = category === "semantic";
     const iconColor = disabled && "atmo5" || semantic && "base2" || void 0;
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [actsVisible.map((action, idx) => renderButton(action, idx)), /* @__PURE__ */ jsx(HvDropDownMenu, {
-        id: setId(id, "menu"),
-        disabled,
-        category,
-        classes: {
-          root: clsx(actionsGenericClasses.dropDownMenu, classes == null ? void 0 : classes.dropDownMenu),
-          icon: clsx(actionsGenericClasses.dropDownMenuButton, classes == null ? void 0 : classes.dropDownMenuButton),
-          iconSelected: clsx(actionsGenericClasses.dropDownMenuButtonSelected, classes == null ? void 0 : classes.dropDownMenuButtonSelected)
-        },
-        icon: /* @__PURE__ */ jsx(MoreOptionsVertical, {
-          color: iconColor
-        }),
-        placement: "left",
-        onClick: (event, action) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action),
-        dataList: actsDropdown,
-        keepOpened: false,
-        disablePortal: false
-      })]
-    });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      actsVisible.map((action, idx) => renderButton(action, idx)),
+      /* @__PURE__ */ jsx(HvDropDownMenu, { id: setId(id, "menu"), disabled, category, classes: {
+        root: clsx(actionsGenericClasses.dropDownMenu, classes == null ? void 0 : classes.dropDownMenu),
+        icon: clsx(actionsGenericClasses.dropDownMenuButton, classes == null ? void 0 : classes.dropDownMenuButton),
+        iconSelected: clsx(actionsGenericClasses.dropDownMenuButtonSelected, classes == null ? void 0 : classes.dropDownMenuButtonSelected)
+      }, icon: /* @__PURE__ */ jsx(MoreOptionsVertical, { color: iconColor }), placement: "left", onClick: (event, action) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action), dataList: actsDropdown, keepOpened: false, disablePortal: false })
+    ] });
   };
   const actionOverflow = actions.length > maxVisibleActions;
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    className: clsx(className, actionsGenericClasses.root, classes == null ? void 0 : classes.root, actionOverflow && clsx(actionsGenericClasses.actionContainer, classes == null ? void 0 : classes.actionContainer)),
-    $actionOverflow: actionOverflow,
-    ...others,
-    children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx))
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { className: clsx(className, actionsGenericClasses.root, classes == null ? void 0 : classes.root, actionOverflow && clsx(actionsGenericClasses.actionContainer, classes == null ? void 0 : classes.actionContainer)), $actionOverflow: actionOverflow, ...others, children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx)) });
 };
 export {
   HvActionsGeneric

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 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":";;;;;;;;;;AAuCO,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~~,~~UACR7B~~,~~mDAAkB6B~~,~~OAAOnC~~,MAAM,IAAIkB~~;AAAAA~~,~~MAErCkB~~,~~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~~,~~GAdIE~~,YAAYN,~~GAAG~~;AAAA,EAAA;~~AAmB1B~~,~~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~~,~~OAA6BjB~~,WACrCZ,~~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","clsx","actionsGenericClasses","button","event","colors","modes","base1","theme","actionsGeneric","buttonSize","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","actionOverflow","length","actionContainer"],"mappings":";;;;;;;;;;AAuCO,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;AAGrC,WAAA,oBAAC,gBACC,IAAIqB,UAEJ,SAAStB,UACT,WAAW0B,KAAKC,sBAAsBC,QAAQ9B,mCAAS8B,MAAM,GAC7D,UAAUX,oCAAehB,UACzB,SAAS,CAAC4B,UACR1B,mDAAkB0B,OAAOhC,MAAM,IAAIkB,SAErC,WAAWS,cACX,cACEjB,gDAAauB,WAAbvB,mBAAqBwB,MAAMvB,cAAcwB,UAASC,MAAMH,OAAOE,OAEjE,QAAOzB,gDAAa2B,mBAAb3B,mBAA6B4B,eAA+B,MAC/Dd,GAAAA,OAEHD,UAdIE,MAAAA,GAAAA,YAAYN,GAenB;AAAA,EAAA;AAIJ,QAAMoB,oBAAoBA,MAAM;AAC9B,UAAMC,cAAcnC,QAAQoC,MAAM,GAAGlC,iBAAiB;AAChDmC,UAAAA,eAAerC,QAAQoC,MAAMlC,iBAAiB;AAEpD,UAAMoC,WAAWxC,aAAa;AAC9B,UAAMyC,YACHxC,YAAY,WAAauC,YAAY,WAAYE;AAEpD,WAEKL,qBAAAA,UAAAA,EAAAA,UAAAA;AAAAA,MAAAA,YAAYM,IAAI,CAAC5B,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC;AAAA,MAC3D,oBAAC,kBACC,IAAIO,MAAM1B,IAAI,MAAM,GACpB,UACA,UACA,SAAS;AAAA,QACP+C,MAAMlB,KACJC,sBAAsBkB,cACtB/C,mCAAS+C,YAAY;AAAA,QAEvB1B,MAAMO,KACJC,sBAAsBmB,oBACtBhD,mCAASgD,kBAAkB;AAAA,QAE7BC,cAAcrB,KACZC,sBAAsBqB,4BACtBlD,mCAASkD,0BAA0B;AAAA,MAEvC,GACA,MAAM,oBAAC,qBAAoB,EAAA,OAAOP,WAAU,GAC5C,WAAU,QACV,SAAS,CAACZ,OAA6Bd,WACrCZ,mDAAkB0B,OAAOhC,MAAM,IAAIkB,SAErC,UAAUwB,cACV,YAAY,OACZ,eAAe,MAAM,CAAA;AAAA,IAEzB,EAAA,CAAA;AAAA,EAAA;AAIEU,QAAAA,iBAAiB/C,QAAQgD,SAAS9C;AAExC,SACG,oBAAA,YAAA,EACC,WAAWsB,KACT3B,WACA4B,sBAAsBiB,MACtB9C,mCAAS8C,MACTK,kBACEvB,KAAKC,sBAAsBwB,iBAAiBrD,mCAASqD,eAAe,CAAC,GAEzE,iBAAiBF,gBACjB,GAAI3C,QAEH2C,UAAAA,iBACGb,sBACAlC,QAAQyC,IAAI,CAAC5B,QAAQC,QAAQF,aAAaC,QAAQC,GAAG,CAAC,EAC5D,CAAA;AAEJ;"}

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

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { transientOptions } from "../../utils/transientOptions.js";
 import { theme } from "@hitachivantara/uikit-styles";
 import fade from "../../utils/hexToRgbA.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvButton } from "../Button/Button.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -32,9 +32,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
     float: "right"
   }
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpYy9BY3Rpb25zR2VuZXJpYy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFjdGlvbk92ZXJmbG93IH06IHsgJGFjdGlvbk92ZXJmbG93OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkYWN0aW9uT3ZlcmZsb3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCdXR0b25Qcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxufSkpO1xuIl19 */");
-const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e4fkrgz0"
 }, transientOptions) : _extends({}, {
   target: "e4fkrgz0",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionsGeneric.styles.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n ...($actionOverflow && {\n display: \"flex\",\n alignItems: \"center\",\n float: \"right\",\n }),\n}));\n\nexport const StyledButton = styled(\n (props: HvButtonProps) => <HvButton {...props} />,\n transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n \"&:not(:last-child)\": {\n marginRight: theme.space.xs,\n },\n \"&:hover\": {\n backgroundColor: fade($baseColor, 0.3),\n },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","~~HvButton","~~$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMS,eAAeC,wBAC1B,CAACC,~~8BAA0BC~~,~~UAAQ;AAAA~~,~~EAAA~~,~~GAAKD;AAAK~~,CAAA,~~GAAIb~~,QAAAC,IAAAC,~~4BAAAC~~,SAAA,~~IAAA~~;AAAA,EAAAC,QAAA;AAAA,GACjDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,~~EAAEU~~;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,KAAKN,YAAY,GAAG;AAAA,EACvC;AACF,~~IAAEf~~,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;"}
1	+ {"version":3,"file":"ActionsGeneric.styles.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n ...($actionOverflow && {\n display: \"flex\",\n alignItems: \"center\",\n float: \"right\",\n }),\n}));\n\nexport const StyledButton = styled(\n (props: HvButtonProps) => <HvButton {...props} />,\n transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n \"&:not(:last-child)\": {\n marginRight: theme.space.xs,\n },\n \"&:hover\": {\n backgroundColor: fade($baseColor, 0.3),\n },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMS,eAAeC,wBAC1B,CAACC,8BAA0B,UAAaA,EAAAA,GAAAA,MAAM,CAAA,GAAGb,QAAAC,IAAAC,aAAA,eAAAC,SAAA,CAAA,GAAA;AAAA,EAAAC,QAAA;AAAA,GACjDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAES;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,KAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;"}

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

@@ -1,10 +1,10 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useState } from "react";
 import clsx from "clsx";
 import { theme } from "@hitachivantara/uikit-styles";
 import TitleWithTooltip from "../TitleWithTooltip.js";
 import { StyledListItem, StyledTypography, StyledIcon, StyledIconInfo, StyledImg } from "./Action.styles.js";
 import appSwitcherActionClasses from "./actionClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvAvatar } from "../../Avatar/Avatar.js";
 import { HvTooltip } from "../../Tooltip/Tooltip.js";
 import { HvTypography } from "../../Typography/Typography.js";
@@ -34,23 +34,13 @@ const HvAction = ({
       return iconElement;
     }
     if (iconUrl && validIconUrl) {
-      return /* @__PURE__ */ jsx(StyledImg, {
-        className: clsx(appSwitcherActionClasses.iconUrl, classes == null ? void 0 : classes.iconUrl),
-        src: iconUrl,
-        onError: () => {
-          setValidIconUrl(false);
-        },
-        alt: description
-      });
+      return /* @__PURE__ */ jsx(StyledImg, { className: clsx(appSwitcherActionClasses.iconUrl, classes == null ? void 0 : classes.iconUrl), src: iconUrl, onError: () => {
+        setValidIconUrl(false);
+      }, alt: description });
     }
     const brokenTitle = name.split(" ");
     const initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
-    return /* @__PURE__ */ jsx(HvAvatar, {
-      size: "SM",
-      backgroundColor: color,
-      variant: "square",
-      children: initials
-    });
+    return /* @__PURE__ */ jsx(HvAvatar, { size: "SM", backgroundColor: color, variant: "square", children: initials });
   };
   const isSelected = isSelectedCallback(application);
   const handleOnClick = (event) => {
@@ -64,45 +54,13 @@ const HvAction = ({
     });
   };
   const isLink = url != null;
-  return /* @__PURE__ */ jsx(StyledListItem, {
-    id,
-    interactive: true,
-    tabIndex: 0,
-    selected: isSelected,
-    disabled,
-    className: clsx(className, appSwitcherActionClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(appSwitcherActionClasses.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx(appSwitcherActionClasses.selected, classes == null ? void 0 : classes.selected)),
-    children: /* @__PURE__ */ jsxs(StyledTypography, {
-      component: isLink ? "a" : "button",
-      href: isLink ? url : void 0,
-      target: isLink ? target || "_top" : void 0,
-      className: clsx(appSwitcherActionClasses.typography, classes == null ? void 0 : classes.typography),
-      onClick: handleOnClick,
-      style: {
-        borderColor: color
-      },
-      children: [/* @__PURE__ */ jsx(StyledIcon, {
-        className: clsx(appSwitcherActionClasses.icon, classes == null ? void 0 : classes.icon),
-        children: renderApplicationIcon()
-      }), /* @__PURE__ */ jsx(TitleWithTooltip, {
-        title: name,
-        className: clsx(appSwitcherActionClasses.title, classes == null ? void 0 : classes.title),
-        type: "action"
-      }), description && /* @__PURE__ */ jsx(HvTooltip, {
-        disableFocusListener: true,
-        disableTouchListener: true,
-        title: /* @__PURE__ */ jsx(HvTypography, {
-          children: description
-        }),
-        children: /* @__PURE__ */ jsx("div", {
-          children: /* @__PURE__ */ jsx(StyledIconInfo, {
-            className: clsx(appSwitcherActionClasses.iconInfo, classes == null ? void 0 : classes.iconInfo),
-            role: "img",
-            "aria-label": description
-          })
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledListItem, { id, interactive: true, tabIndex: 0, selected: isSelected, disabled, className: clsx(className, appSwitcherActionClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(appSwitcherActionClasses.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx(appSwitcherActionClasses.selected, classes == null ? void 0 : classes.selected)), children: /* @__PURE__ */ jsxs(StyledTypography, { component: isLink ? "a" : "button", href: isLink ? url : void 0, target: isLink ? target || "_top" : void 0, className: clsx(appSwitcherActionClasses.typography, classes == null ? void 0 : classes.typography), onClick: handleOnClick, style: {
+    borderColor: color
+  }, children: [
+    /* @__PURE__ */ jsx(StyledIcon, { className: clsx(appSwitcherActionClasses.icon, classes == null ? void 0 : classes.icon), children: renderApplicationIcon() }),
+    /* @__PURE__ */ jsx(TitleWithTooltip, { title: name, className: clsx(appSwitcherActionClasses.title, classes == null ? void 0 : classes.title), type: "action" }),
+    description && /* @__PURE__ */ jsx(HvTooltip, { disableFocusListener: true, disableTouchListener: true, title: /* @__PURE__ */ jsx(HvTypography, { children: description }), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(StyledIconInfo, { className: clsx(appSwitcherActionClasses.iconInfo, classes == null ? void 0 : classes.iconInfo), role: "img", "aria-label": description }) }) })
+  ] }) });
 };
 export {
   HvAction

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 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 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":";;;;;;;;;;AA6BA,MAAMA,WAAWA,CAACC,OAAOC,iBACvBC,MAAMC,OAAOH,UAAUA,SAASC;AAE3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkBA,MAAM;AAAA,EAAC;AAAA,EACzBC,qBAAqBA,MAAM;AACd,MAAM;AACb,QAAA;AAAA,IAAEC;AAAAA,IAAMC;AAAAA,IAAaC;AAAAA,IAAUC;AAAAA,IAAaC;AAAAA,IAASC;AAAAA,IAAKC;AAAAA,EAC9DT,IAAAA;AAEIR,QAAAA,QAAQa,WACVX,MAAMC,OAAOe,QACbnB,SAASS,2CAAaR,OAAOE,MAAMC,OAAOgB,KAAK;AAEnD,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAS,IAAI;AAErD,QAAMC,wBAAwBA,MAAM;AAClC,QAAIT,aAAa;AACRA,aAAAA;AAAAA,IACT;AAEA,QAAIC,WAAWK,cAAc;AAC3B,~~iCACGI~~,~~WAAS;AAAA~~,~~QACRlB~~,~~WAAWmB~~,KAAKC,~~yBAAyBX~~,SAASR,mCAASQ,OAAO~~;AAAA~~,~~QAClEY~~,~~KAAKZ;AAAAA~~,~~QACLa~~,~~SAASA~~,MAAM;~~AACbP~~,~~0BAAgB~~,KAAK;AAAA,~~QACvB;AAAA~~,~~QACAQ~~,~~KAAKjB;AAAAA~~,~~MAAAA~~,~~CACL~~;AAAA,IAEN;~~AAEMkB~~,UAAAA,~~cAAcnB~~,~~KAAKoB~~,MAAM,GAAG;AAClC,UAAMC,WACJF,YAAY,GAAGG,UAAU,GAAG,CAAC,KAC5BH,YAAY,KAAKA,YAAY,GAAGG,UAAU,GAAG,CAAC,IAAI;~~AAErD,+BACGC~~,~~UAAQ;AAAA~~,~~MAACC~~,MAAK~~;AAAA~~,~~MAAKC~~,~~iBAAiBpC;AAAAA~~,~~MAAOqC~~,SAAQ~~;AAAA~~,~~MAAQC~~,~~UACzDN;AAAAA~~,~~IAAAA~~,~~CACQ~~;AAAA,EAAA;~~AAITO~~,QAAAA,~~aAAa7B~~,mBAAmBF,WAAW;AAKjD,~~QAAMgC~~,gBAAiBC,CAAU,UAAA;AAC/B,~~QAAI5B~~,UAAU;~~AACZ4B~~,YAAMC,eAAgB;AACtB;AAAA,IACF;~~AAEAjC~~,~~uDAAkBgC~~,OAAO;AAAA,MAAE,~~GAAGjC~~;AAAAA,~~MAAa+B~~;AAAAA,IAAAA;AAAAA,EAAY;AAGzD,QAAMI,~~SAAS3B~~,OAAO;~~AAEtB~~,~~6BACG4B~~,~~gBAAc;AAAA~~,~~IACbvC;AAAAA~~,~~IACAwC~~,aAAW~~;AAAA~~,~~IACXC~~,UAAU~~;AAAA~~,~~IACVC~~,~~UAAUR;AAAAA~~,~~IACV1B;AAAAA~~,~~IACAP~~,~~WAAWmB~~,~~KACTnB~~,~~WACAoB~~,~~yBAAyBsB~~,~~MACzBzC~~,~~mCAASyC~~,~~MACTnC~~,~~YAAYY~~,KAAKC,~~yBAAyBb~~,UAAUN,mCAASM,QAAQ,~~GACrE0B~~,~~cAAcd~~,KAAKC,~~yBAAyBqB~~,~~UAAUxC~~,~~mCAASwC~~,QAAQ,CAAC~~;AAAA~~,~~IACxET,+BAEDW~~,~~kBAAgB;AAAA~~,~~MACfC~~,~~WAAWP~~,SAAS,MAAM~~;AAAA~~,~~MAC1BQ~~,~~MAAMR~~,~~SAAS3B~~,~~MAAMoC;AAAAA~~,~~MACrBnC~~,~~QAAQ0B~~,~~SAAS1B~~,UAAU,~~SAASmC;AAAAA~~,~~MACpC9C~~,~~WAAWmB~~,KACTC,~~yBAAyB2B~~,~~YACzB9C~~,~~mCAAS8C~~,UAAU~~;AAAA~~,~~MAErBC~~,~~SAASd;AAAAA~~,~~MACTe~~,OAAO;AAAA,~~QAAEC~~,~~aAAaxD~~;AAAAA,~~MAAM;AAAA~~,~~MAAEsC~~,UAAA,~~CAE9BmB~~,~~oBAACC~~,~~YAAU;AAAA~~,~~QACTpD~~,~~WAAWmB~~,KAAKC,~~yBAAyBiC~~,~~MAAMpD~~,~~mCAASoD~~,IAAI~~;AAAA~~,~~QAAErB~~,~~UAE7Df~~,~~sBAAqB~~;AAAA,~~MAAA~~,~~CACX~~,~~GAEbkC~~,~~oBAACG~~,~~kBAAgB;AAAA~~,~~QACfC~~,~~OAAOlD;AAAAA~~,~~QACPL,WAAWmB,~~KAAKC,~~yBAAyBmC~~,~~OAAOtD~~,~~mCAASsD~~,KAAK~~;AAAA~~,~~QAC9DC~~,MAAK;AAAA,~~MAAA~~,~~CAAQ~~,~~GAGdlD~~,~~eACC6C~~,~~oBAACM~~,~~WAAS;AAAA~~,~~QACRC~~,sBAAoB~~;AAAA~~,~~QACpBC~~,~~sBAAoB;AAAA~~,~~QACpBJ~~,~~2BAAQK~~,~~cAAY;AAAA~~,~~UAAA5B~~,~~UAAE1B;AAAAA~~,~~QAAAA~~,~~CAA4B;AAAA~~,~~QAAA0B~~,~~8BAElD~~,OAAA~~;AAAA~~,~~UAAAA~~,~~8BACG6B~~,~~gBAAc;AAAA~~,~~YACb7D~~,~~WAAWmB~~,KACTC,~~yBAAyB0C~~,~~UACzB7D~~,~~mCAAS6D~~,QAAQ~~;AAAA~~,~~YAEnBC~~,MAAK~~;AAAA~~,~~YACL~~,~~cAAYzD;AAAAA~~,~~UAAAA~~,~~CAAY;AAAA~~,~~QAAA~~,~~CACxB~~;AAAA,~~MAAA~~,~~CAGP~~,CAAA~~;AAAA~~,~~IAAA~~,CAAA;~~AAAA,EAAA,CAEY~~;~~AAErB;~~"}
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 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","clsx","appSwitcherActionClasses","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo"],"mappings":";;;;;;;;;;AA6BA,MAAMA,WAAWA,CAACC,OAAOC,iBACvBC,MAAMC,OAAOH,UAAUA,SAASC;AAE3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkBA,MAAM;AAAA,EAAC;AAAA,EACzBC,qBAAqBA,MAAM;AACd,MAAM;AACb,QAAA;AAAA,IAAEC;AAAAA,IAAMC;AAAAA,IAAaC;AAAAA,IAAUC;AAAAA,IAAaC;AAAAA,IAASC;AAAAA,IAAKC;AAAAA,EAC9DT,IAAAA;AAEIR,QAAAA,QAAQa,WACVX,MAAMC,OAAOe,QACbnB,SAASS,2CAAaR,OAAOE,MAAMC,OAAOgB,KAAK;AAEnD,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAS,IAAI;AAErD,QAAMC,wBAAwBA,MAAM;AAClC,QAAIT,aAAa;AACRA,aAAAA;AAAAA,IACT;AAEA,QAAIC,WAAWK,cAAc;AAC3B,aACG,oBAAA,WAAA,EACC,WAAWI,KAAKC,yBAAyBV,SAASR,mCAASQ,OAAO,GAClE,KAAKA,SACL,SAAS,MAAM;AACbM,wBAAgB,KAAK;AAAA,MAAA,GAEvB,KAAKT,YACL,CAAA;AAAA,IAEN;AAEMc,UAAAA,cAAcf,KAAKgB,MAAM,GAAG;AAClC,UAAMC,WACJF,YAAY,GAAGG,UAAU,GAAG,CAAC,KAC5BH,YAAY,KAAKA,YAAY,GAAGG,UAAU,GAAG,CAAC,IAAI;AAGnD,WAAA,oBAAC,YAAS,MAAK,MAAK,iBAAiB7B,OAAO,SAAQ,UACjD4B,UACH,SAAA,CAAA;AAAA,EAAA;AAIEE,QAAAA,aAAapB,mBAAmBF,WAAW;AAKjD,QAAMuB,gBAAiBC,CAAU,UAAA;AAC/B,QAAInB,UAAU;AACZmB,YAAMC,eAAgB;AACtB;AAAA,IACF;AAEAxB,uDAAkBuB,OAAO;AAAA,MAAE,GAAGxB;AAAAA,MAAasB;AAAAA,IAAAA;AAAAA,EAAY;AAGzD,QAAMI,SAASlB,OAAO;AAGpB,SAAA,oBAAC,gBACC,EAAA,IACA,aAAW,MACX,UAAU,GACV,UAAUc,YACV,UACA,WAAWN,KACTlB,WACAmB,yBAAyBU,MACzB5B,mCAAS4B,MACTtB,YAAYW,KAAKC,yBAAyBZ,UAAUN,mCAASM,QAAQ,GACrEiB,cAAcN,KAAKC,yBAAyBW,UAAU7B,mCAAS6B,QAAQ,CAAC,GAG1E,UAAA,qBAAC,kBACC,EAAA,WAAWF,SAAS,MAAM,UAC1B,MAAMA,SAASlB,MAAMqB,QACrB,QAAQH,SAASjB,UAAU,SAASoB,QACpC,WAAWb,KACTC,yBAAyBa,YACzB/B,mCAAS+B,UAAU,GAErB,SAASP,eACT,OAAO;AAAA,IAAEQ,aAAavC;AAAAA,EAEtB,GAAA,UAAA;AAAA,IAAC,oBAAA,YAAA,EACC,WAAWwB,KAAKC,yBAAyBe,MAAMjC,mCAASiC,IAAI,GAE3DjB,UAAAA,sBACH,EAAA,CAAA;AAAA,IAEC,oBAAA,kBAAA,EACC,OAAOZ,MACP,WAAWa,KAAKC,yBAAyBgB,OAAOlC,mCAASkC,KAAK,GAC9D,MAAK,SAAQ,CAAA;AAAA,IAGd7B,eACC,oBAAC,WACC,EAAA,sBAAoB,MACpB,sBAAoB,MACpB,OAAQ,oBAAA,cAAA,EAAcA,UAAY,YAAA,CAAA,GAElC,UAAC,oBAAA,OAAA,EACC,UAAC,oBAAA,gBAAA,EACC,WAAWY,KACTC,yBAAyBiB,UACzBnC,mCAASmC,QAAQ,GAEnB,MAAK,OACL,cAAY9B,YAAY,CAAA,EAE5B,CAAA,GACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}