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

package/dist/cjs/components/Accordion/Accordion.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Accordion_styles = require("./Accordion.styles.cjs");
 const accordionClasses = require("./accordionClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useControlled = require("../../hooks/useControlled.cjs");
 const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -63,44 +63,17 @@ const HvAccordion = ({
   const accordionContainer = setId.setId(id, "container");
   const accordionHeader = React.useMemo(() => {
     const color = disabled && ["atmo5"] || void 0;
-    const accordionButton = /* @__PURE__ */ jsxRuntime.jsxs(Accordion_styles.StyledLabel, {
-      id: accordionHeaderId,
-      component: "div",
-      role: "button",
-      className: clsx__default.default(accordionClasses.default.label, classes == null ? void 0 : classes.label, disabled && clsx__default.default(accordionClasses.default.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__ */ jsxRuntime.jsx(uikitReactIcons.DropUpXS, {
-        color
-      }) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, {
-        color
-      }), label]
-    });
-    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsxRuntime.jsx(Accordion_styles.StyledLabel, {
-      component: `h${headingLevel}`,
-      children: accordionButton
-    });
+    const accordionButton = /* @__PURE__ */ jsxRuntime.jsxs(Accordion_styles.StyledLabel, { id: accordionHeaderId, component: "div", role: "button", className: clsx__default.default(accordionClasses.default.label, classes == null ? void 0 : classes.label, disabled && clsx__default.default(accordionClasses.default.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__ */ jsxRuntime.jsx(uikitReactIcons.DropUpXS, { color }) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropDownXS, { color }),
+      label
+    ] });
+    const result = headingLevel === void 0 ? accordionButton : /* @__PURE__ */ jsxRuntime.jsx(Accordion_styles.StyledLabel, { component: `h${headingLevel}`, children: accordionButton });
     return result;
   }, [classes, handleClick, handleKeyDown, label, accordionHeaderId, disabled, headingLevel, isOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Accordion_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(className, accordionClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [accordionHeader, /* @__PURE__ */ jsxRuntime.jsx(Accordion_styles.StyledContainer, {
-      id: accordionContainer,
-      role: "region",
-      "aria-labelledby": accordionHeaderId,
-      className: clsx__default.default(accordionClasses.default.container, classes == null ? void 0 : classes.container, !isOpen && clsx__default.default(accordionClasses.default.hidden, classes == null ? void 0 : classes.hidden)),
-      hidden: !isOpen,
-      ...containerProps,
-      children
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Accordion_styles.StyledRoot, { id, className: clsx__default.default(className, accordionClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: [
+    accordionHeader,
+    /* @__PURE__ */ jsxRuntime.jsx(Accordion_styles.StyledContainer, { id: accordionContainer, role: "region", "aria-labelledby": accordionHeaderId, className: clsx__default.default(accordionClasses.default.container, classes == null ? void 0 : classes.container, !isOpen && clsx__default.default(accordionClasses.default.hidden, classes == null ? void 0 : classes.hidden)), hidden: !isOpen, ...containerProps, children })
+  ] });
 };
 exports.HvAccordion = HvAccordion;
 //# sourceMappingURL=Accordion.cjs.map

package/dist/cjs/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","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":"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"}
+{"version":3,"file":"Accordion.cjs","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","jsxs","StyledLabel","clsx","accordionClasses","DropUpXS","jsx","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":"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"}

package/dist/cjs/components/ActionBar/ActionBar.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const ActionBar_styles = require("./ActionBar.styles.cjs");
 const actionBarClasses = require("./actionBarClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvActionBar = (props) => {
@@ -14,12 +14,7 @@ const HvActionBar = (props) => {
     children,
     ...others
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(ActionBar_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(actionBarClasses.default.root, classes == null ? void 0 : classes.root, className),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(ActionBar_styles.StyledRoot, { id, className: clsx__default.default(actionBarClasses.default.root, classes == null ? void 0 : classes.root, className), ...others, children });
 };
 exports.HvActionBar = HvActionBar;
 //# sourceMappingURL=ActionBar.cjs.map

package/dist/cjs/components/ActionBar/ActionBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.cjs","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,wCACGM,iBAAAA,YAAU;AAAA,IACTH;AAAAA,IACAD,WAAWK,cAAKC,QAAAA,iBAAAA,QAAiBC,MAAMR,mCAASQ,MAAMP,SAAS;AAAA,IAAE,GAC7DG;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}
+{"version":3,"file":"ActionBar.cjs","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","jsx","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,SACGM,2BAAAA,IAAAC,iBAAAA,YAAA,EACC,IACA,WAAWC,cAAKC,QAAAA,iBAAAA,QAAiBC,MAAMT,mCAASS,MAAMR,SAAS,GAC3DG,GAAAA,QAEHD,SACH,CAAA;AAEJ;;"}

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const ActionsGeneric_styles = require("./ActionsGeneric.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const actionsGenericClasses = require("./actionsGenericClasses.cjs");
 const DropDownMenu = require("../DropDownMenu/DropDownMenu.cjs");
 const ThemeProvider = require("../../providers/ThemeProvider.cjs");
@@ -42,52 +42,24 @@ const HvActionsGeneric = ({
     const renderedIcon = React.isValidElement(icon) ? icon : icon == null ? void 0 : icon({
       isDisabled: disabled
     });
-    return /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric_styles.StyledButton, {
-      id: actionId,
-      variant: category,
-      className: clsx__default.default(actionsGenericClasses.default.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) || uikitStyles.theme.colors.base1,
-      size: ((_b = activeTheme == null ? void 0 : activeTheme.actionsGeneric) == null ? void 0 : _b.buttonSize) || "md",
-      ...other,
-      children: label
-    }, actionId || idx);
+    return /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric_styles.StyledButton, { id: actionId, variant: category, className: clsx__default.default(actionsGenericClasses.default.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) || uikitStyles.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [actsVisible.map((action, idx) => renderButton(action, idx)), /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu.default, {
-        id: setId.setId(id, "menu"),
-        disabled,
-        category,
-        classes: {
-          root: clsx__default.default(actionsGenericClasses.default.dropDownMenu, classes == null ? void 0 : classes.dropDownMenu),
-          icon: clsx__default.default(actionsGenericClasses.default.dropDownMenuButton, classes == null ? void 0 : classes.dropDownMenuButton),
-          iconSelected: clsx__default.default(actionsGenericClasses.default.dropDownMenuButtonSelected, classes == null ? void 0 : classes.dropDownMenuButtonSelected)
-        },
-        icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, {
-          color: iconColor
-        }),
-        placement: "left",
-        onClick: (event, action) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action),
-        dataList: actsDropdown,
-        keepOpened: false,
-        disablePortal: false
-      })]
-    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      actsVisible.map((action, idx) => renderButton(action, idx)),
+      /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu.default, { id: setId.setId(id, "menu"), disabled, category, classes: {
+        root: clsx__default.default(actionsGenericClasses.default.dropDownMenu, classes == null ? void 0 : classes.dropDownMenu),
+        icon: clsx__default.default(actionsGenericClasses.default.dropDownMenuButton, classes == null ? void 0 : classes.dropDownMenuButton),
+        iconSelected: clsx__default.default(actionsGenericClasses.default.dropDownMenuButtonSelected, classes == null ? void 0 : classes.dropDownMenuButtonSelected)
+      }, icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.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__ */ jsxRuntime.jsx(ActionsGeneric_styles.StyledRoot, {
-    className: clsx__default.default(className, actionsGenericClasses.default.root, classes == null ? void 0 : classes.root, actionOverflow && clsx__default.default(actionsGenericClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer)),
-    $actionOverflow: actionOverflow,
-    ...others,
-    children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx))
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric_styles.StyledRoot, { className: clsx__default.default(className, actionsGenericClasses.default.root, classes == null ? void 0 : classes.root, actionOverflow && clsx__default.default(actionsGenericClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer)), $actionOverflow: actionOverflow, ...others, children: actionOverflow ? renderActionsGrid() : actions.map((action, idx) => renderButton(action, idx)) });
 };
 exports.HvActionsGeneric = HvActionsGeneric;
 //# sourceMappingURL=ActionsGeneric.cjs.map

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonSize, HvButtonVariant, HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\nimport React, { isValidElement, useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { actionsGenericClasses, HvActionsGenericClasses } from \".\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvActionGeneric = {\n  id: string;\n  label: string;\n  icon?:\n    | React.ReactNode\n    | ((params: { isDisabled?: boolean }) => React.ReactNode);\n  disabled?: boolean;\n};\n\nexport type HvActionsGenericProps = HvBaseProps & {\n  /** Button category. */\n  category?: HvButtonVariant;\n  /**  Whether actions should be all disabled */\n  disabled?: boolean;\n  /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */\n  actions: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */\n  maxVisibleActions?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionsGenericClasses;\n};\n\nexport const HvActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"secondaryGhost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}: HvActionsGenericProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action: HvActionGeneric, idx: number) => {\n    const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon)\n      ? icon\n      : (icon as Function)?.({ isDisabled: disabled });\n\n    return (\n      <StyledButton\n        id={actionId}\n        key={actionId || idx}\n        variant={category}\n        className={clsx(actionsGenericClasses.button, classes?.button)}\n        disabled={actDisabled ?? disabled}\n        onClick={(event: React.SyntheticEvent) =>\n          actionsCallback?.(event, id || \"\", action)\n        }\n        startIcon={renderedIcon}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n        }\n        size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) || \"md\"}\n        {...other}\n      >\n        {label}\n      </StyledButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor =\n      (disabled && \"atmo5\") || (semantic && \"base2\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: clsx(\n              actionsGenericClasses.dropDownMenu,\n              classes?.dropDownMenu\n            ),\n            icon: clsx(\n              actionsGenericClasses.dropDownMenuButton,\n              classes?.dropDownMenuButton\n            ),\n            iconSelected: clsx(\n              actionsGenericClasses.dropDownMenuButtonSelected,\n              classes?.dropDownMenuButtonSelected\n            ),\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event: React.SyntheticEvent, action: HvActionGeneric) =>\n            actionsCallback?.(event, id || \"\", action)\n          }\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        actionsGenericClasses.root,\n        classes?.root,\n        actionOverflow &&\n          clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n      )}\n      $actionOverflow={actionOverflow}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useContext","HvThemeContext","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base1","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}
+{"version":3,"file":"ActionsGeneric.cjs","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","jsx","StyledButton","clsx","actionsGenericClasses","button","event","colors","modes","base1","theme","actionsGeneric","buttonSize","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","actionOverflow","length","StyledRoot","actionContainer"],"mappings":"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"}

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const transientOptions = require("../../utils/transientOptions.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const hexToRgbA = require("../../utils/hexToRgbA.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Button = require("../Button/Button.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -36,9 +36,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     float: "right"
   }
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpYy9BY3Rpb25zR2VuZXJpYy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFjdGlvbk92ZXJmbG93IH06IHsgJGFjdGlvbk92ZXJmbG93OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkYWN0aW9uT3ZlcmZsb3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCdXR0b25Qcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxufSkpO1xuIl19 */");
-const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e4fkrgz0"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "e4fkrgz0",

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.styles.cjs","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,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,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,iCAAAA,QAC1B,CAACC,yCAA0BC,OAAAA,UAAQ;AAAA,EAAA,GAAKD;AAAK,CAAA,GAAIb,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACjDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEU;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;;;"}
+{"version":3,"file":"ActionsGeneric.styles.cjs","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,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,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,iCAAAA,QAC1B,CAACC,yCAA0BC,OAAAA,UAAaD,EAAAA,GAAAA,MAAM,CAAA,GAAGb,QAAAC,IAAAC,aAAA,eAAAC,SAAA,CAAA,GAAA;AAAA,EAAAC,QAAA;AAAA,GACjDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEU;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;;;"}

package/dist/cjs/components/AppSwitcher/Action/Action.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const TitleWithTooltip = require("../TitleWithTooltip.cjs");
 const Action_styles = require("./Action.styles.cjs");
 const actionClasses = require("./actionClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Avatar = require("../../Avatar/Avatar.cjs");
 const Tooltip = require("../../Tooltip/Tooltip.cjs");
 const Typography = require("../../Typography/Typography.cjs");
@@ -38,23 +38,13 @@ const HvAction = ({
       return iconElement;
     }
     if (iconUrl && validIconUrl) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledImg, {
-        className: clsx__default.default(actionClasses.default.iconUrl, classes == null ? void 0 : classes.iconUrl),
-        src: iconUrl,
-        onError: () => {
-          setValidIconUrl(false);
-        },
-        alt: description
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledImg, { className: clsx__default.default(actionClasses.default.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__ */ jsxRuntime.jsx(Avatar.HvAvatar, {
-      size: "SM",
-      backgroundColor: color,
-      variant: "square",
-      children: initials
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Avatar.HvAvatar, { size: "SM", backgroundColor: color, variant: "square", children: initials });
   };
   const isSelected = isSelectedCallback(application);
   const handleOnClick = (event) => {
@@ -68,45 +58,13 @@ const HvAction = ({
     });
   };
   const isLink = url != null;
-  return /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledListItem, {
-    id,
-    interactive: true,
-    tabIndex: 0,
-    selected: isSelected,
-    disabled,
-    className: clsx__default.default(className, actionClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(actionClasses.default.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx__default.default(actionClasses.default.selected, classes == null ? void 0 : classes.selected)),
-    children: /* @__PURE__ */ jsxRuntime.jsxs(Action_styles.StyledTypography, {
-      component: isLink ? "a" : "button",
-      href: isLink ? url : void 0,
-      target: isLink ? target || "_top" : void 0,
-      className: clsx__default.default(actionClasses.default.typography, classes == null ? void 0 : classes.typography),
-      onClick: handleOnClick,
-      style: {
-        borderColor: color
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledIcon, {
-        className: clsx__default.default(actionClasses.default.icon, classes == null ? void 0 : classes.icon),
-        children: renderApplicationIcon()
-      }), /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, {
-        title: name,
-        className: clsx__default.default(actionClasses.default.title, classes == null ? void 0 : classes.title),
-        type: "action"
-      }), description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
-        disableFocusListener: true,
-        disableTouchListener: true,
-        title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          children: description
-        }),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-          children: /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledIconInfo, {
-            className: clsx__default.default(actionClasses.default.iconInfo, classes == null ? void 0 : classes.iconInfo),
-            role: "img",
-            "aria-label": description
-          })
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledListItem, { id, interactive: true, tabIndex: 0, selected: isSelected, disabled, className: clsx__default.default(className, actionClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(actionClasses.default.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx__default.default(actionClasses.default.selected, classes == null ? void 0 : classes.selected)), children: /* @__PURE__ */ jsxRuntime.jsxs(Action_styles.StyledTypography, { component: isLink ? "a" : "button", href: isLink ? url : void 0, target: isLink ? target || "_top" : void 0, className: clsx__default.default(actionClasses.default.typography, classes == null ? void 0 : classes.typography), onClick: handleOnClick, style: {
+    borderColor: color
+  }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledIcon, { className: clsx__default.default(actionClasses.default.icon, classes == null ? void 0 : classes.icon), children: renderApplicationIcon() }),
+    /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, { title: name, className: clsx__default.default(actionClasses.default.title, classes == null ? void 0 : classes.title), type: "action" }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { disableFocusListener: true, disableTouchListener: true, title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: description }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledIconInfo, { className: clsx__default.default(actionClasses.default.iconInfo, classes == null ? void 0 : classes.iconInfo), role: "img", "aria-label": description }) }) })
+  ] }) });
 };
 exports.HvAction = HvAction;
 //# sourceMappingURL=Action.cjs.map

package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Action.cjs","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,YAAAA,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,YAAAA,MAAMC,OAAOe,QACbnB,SAASS,2CAAaR,OAAOE,YAAAA,MAAMC,OAAOgB,KAAK;AAEnD,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAS,IAAI;AAErD,QAAMC,wBAAwBA,MAAM;AAClC,QAAIT,aAAa;AACRA,aAAAA;AAAAA,IACT;AAEA,QAAIC,WAAWK,cAAc;AAC3B,4CACGI,cAAAA,WAAS;AAAA,QACRlB,WAAWmB,cAAAA,QAAKC,cAAAA,QAAyBX,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,0CACGC,OAAAA,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,wCACG4B,cAAAA,gBAAc;AAAA,IACbvC;AAAAA,IACAwC,aAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAUR;AAAAA,IACV1B;AAAAA,IACAP,WAAWmB,cAAAA,QACTnB,WACAoB,cAAAA,QAAyBsB,MACzBzC,mCAASyC,MACTnC,YAAYY,sBAAKC,cAAAA,QAAyBb,UAAUN,mCAASM,QAAQ,GACrE0B,cAAcd,cAAAA,QAAKC,cAAAA,QAAyBqB,UAAUxC,mCAASwC,QAAQ,CAAC;AAAA,IACxET,0CAEDW,gCAAgB;AAAA,MACfC,WAAWP,SAAS,MAAM;AAAA,MAC1BQ,MAAMR,SAAS3B,MAAMoC;AAAAA,MACrBnC,QAAQ0B,SAAS1B,UAAU,SAASmC;AAAAA,MACpC9C,WAAWmB,cAAAA,QACTC,cAAAA,QAAyB2B,YACzB9C,mCAAS8C,UAAU;AAAA,MAErBC,SAASd;AAAAA,MACTe,OAAO;AAAA,QAAEC,aAAaxD;AAAAA,MAAM;AAAA,MAAEsC,UAAA,CAE9BmB,2BAAAA,IAACC,0BAAU;AAAA,QACTpD,WAAWmB,cAAAA,QAAKC,cAAAA,QAAyBiC,MAAMpD,mCAASoD,IAAI;AAAA,QAAErB,UAE7Df,sBAAqB;AAAA,MAAA,CACX,GAEbkC,2BAAAA,IAACG,0BAAgB;AAAA,QACfC,OAAOlD;AAAAA,QACPL,WAAWmB,cAAAA,QAAKC,cAAAA,QAAyBmC,OAAOtD,mCAASsD,KAAK;AAAA,QAC9DC,MAAK;AAAA,MAAA,CAAQ,GAGdlD,eACC6C,2BAAAA,IAACM,mBAAS;AAAA,QACRC,sBAAoB;AAAA,QACpBC,sBAAoB;AAAA,QACpBJ,sCAAQK,yBAAY;AAAA,UAAA5B,UAAE1B;AAAAA,QAAAA,CAA4B;AAAA,QAAA0B,yCAElD,OAAA;AAAA,UAAAA,yCACG6B,8BAAc;AAAA,YACb7D,WAAWmB,cAAAA,QACTC,cAAAA,QAAyB0C,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;;"}
+{"version":3,"file":"Action.cjs","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","jsx","StyledImg","clsx","appSwitcherActionClasses","brokenTitle","split","initials","substring","HvAvatar","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","root","selected","jsxs","StyledTypography","undefined","typography","borderColor","StyledIcon","icon","TitleWithTooltip","title","HvTooltip","HvTypography","StyledIconInfo","iconInfo"],"mappings":"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"}

package/dist/cjs/components/AppSwitcher/Action/Action.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const actionClasses = require("./actionClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -12,9 +12,7 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const StyledListItem = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledListItem = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e187pp8e4"
 } : {
   target: "e187pp8e4",

package/dist/cjs/components/AppSwitcher/Action/Action.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport appSwitcherActionClasses from \"./actionClasses\";\n\nexport const StyledListItem = styled((props) => <HvListItem {...props} />)({\n  width: \"100%\",\n  maxWidth: 280,\n  minHeight: 52,\n  marginRight: theme.space.sm,\n});\n\nexport const StyledTypography = styled(HvTypography)(() => ({\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n\n  width: \"100%\",\n  minHeight: 52,\n\n  padding: `6px ${theme.space.xs}`,\n\n  border: \"none\",\n  borderLeft: `solid 2px ${theme.colors.acce1}`,\n\n  cursor: \"pointer\",\n\n  textDecoration: \"inherit\",\n  color: \"inherit\",\n  backgroundColor: \"inherit\",\n\n  [`.${appSwitcherActionClasses.disabled} &`]: {\n    cursor: \"not-allowed\",\n  },\n}));\n\nexport const StyledImg = styled(\"img\")({\n  width: 32,\n});\n\nexport const StyledIconInfo = styled(Info)({\n  minWidth: 32,\n});\n\nexport const StyledIcon = styled(\"div\")({\n  display: \"flex\",\n  minWidth: 40,\n  justifyContent: \"center\",\n});\n"],"names":["StyledListItem","_styled","props","_jsx","HvListItem","process","env","NODE_ENV","target","label","width","maxWidth","minHeight","marginRight","theme","space","sm","StyledTypography","HvTypography","display","justifyContent","alignItems","padding","xs","border","borderLeft","colors","acce1","cursor","textDecoration","color","backgroundColor","appSwitcherActionClasses","disabled","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconInfo","Info","StyledIcon"],"mappings":";;;;;;;;;;;;;;AAMO,MAAMA,iBAAiBC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,SAAAA,YAAU;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzEC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEK,MAAMU,mBAA0BC,iCAAAA,QAAAA,WAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EAC1DU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EAEZX,OAAO;AAAA,EACPE,WAAW;AAAA,EAEXU,SAAU,OAAMR,YAAAA,MAAMC,MAAMQ;AAAAA,EAE5BC,QAAQ;AAAA,EACRC,YAAa,aAAYX,YAAAA,MAAMY,OAAOC;AAAAA,EAEtCC,QAAQ;AAAA,EAERC,gBAAgB;AAAA,EAChBC,OAAO;AAAA,EACPC,iBAAiB;AAAA,EAEjB,CAAE,IAAGC,cAAAA,QAAyBC,eAAe;AAAA,IAC3CL,QAAQ;AAAA,EACV;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEI,MAAM2B,YAAmBjC,iCAAA,QAAA,OAAKI,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;AAEK,MAAMC,iBAAwBC,iCAAAA,QAAAA,gBAAAA,MAAIpC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;AAEK,MAAMG,aAAoBzC,iCAAA,QAAA,OAAKI,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;;;;;;"}
+{"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport appSwitcherActionClasses from \"./actionClasses\";\n\nexport const StyledListItem = styled((props) => <HvListItem {...props} />)({\n  width: \"100%\",\n  maxWidth: 280,\n  minHeight: 52,\n  marginRight: theme.space.sm,\n});\n\nexport const StyledTypography = styled(HvTypography)(() => ({\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n\n  width: \"100%\",\n  minHeight: 52,\n\n  padding: `6px ${theme.space.xs}`,\n\n  border: \"none\",\n  borderLeft: `solid 2px ${theme.colors.acce1}`,\n\n  cursor: \"pointer\",\n\n  textDecoration: \"inherit\",\n  color: \"inherit\",\n  backgroundColor: \"inherit\",\n\n  [`.${appSwitcherActionClasses.disabled} &`]: {\n    cursor: \"not-allowed\",\n  },\n}));\n\nexport const StyledImg = styled(\"img\")({\n  width: 32,\n});\n\nexport const StyledIconInfo = styled(Info)({\n  minWidth: 32,\n});\n\nexport const StyledIcon = styled(\"div\")({\n  display: \"flex\",\n  minWidth: 40,\n  justifyContent: \"center\",\n});\n"],"names":["StyledListItem","props","jsx","HvListItem","process","env","NODE_ENV","target","label","width","maxWidth","minHeight","marginRight","theme","space","sm","StyledTypography","HvTypography","display","justifyContent","alignItems","padding","xs","border","borderLeft","colors","acce1","cursor","textDecoration","color","backgroundColor","appSwitcherActionClasses","disabled","StyledImg","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconInfo","Info","StyledIcon"],"mappings":";;;;;;;;;;;;;;AAMaA,MAAAA,iBAAyBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,SAAAA,YAAA,EAAeF,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzEC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEK,MAAMU,mBAA0BC,iCAAAA,QAAAA,WAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EAC1DU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EAEZX,OAAO;AAAA,EACPE,WAAW;AAAA,EAEXU,SAAU,OAAMR,YAAAA,MAAMC,MAAMQ;AAAAA,EAE5BC,QAAQ;AAAA,EACRC,YAAa,aAAYX,YAAAA,MAAMY,OAAOC;AAAAA,EAEtCC,QAAQ;AAAA,EAERC,gBAAgB;AAAA,EAChBC,OAAO;AAAA,EACPC,iBAAiB;AAAA,EAEjB,CAAE,IAAGC,cAAAA,QAAyBC,eAAe;AAAA,IAC3CL,QAAQ;AAAA,EACV;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEI,MAAM2B,YAAmBC,iCAAA,QAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;AAEK,MAAMC,iBAAwBC,iCAAAA,QAAAA,gBAAAA,MAAIrC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;AAEK,MAAMG,aAAoBR,iCAAA,QAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;;;;;;"}

package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const React = require("react");
 const AppSwitcher_styles = require("./AppSwitcher.styles.cjs");
 const TitleWithTooltip = require("./TitleWithTooltip.cjs");
 const appSwitcherClasses = require("./appSwitcherClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Action = require("./Action/Action.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -28,45 +28,23 @@ const HvAppSwitcher = ({
   };
   const panelActions = React.useMemo(() => applications && (applications == null ? void 0 : applications.map((application) => {
     if (application.name) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Action.HvAction, {
-        application,
-        onClickCallback: actionClicked,
-        isSelectedCallback: isActionSelectedCallback,
-        classes: {
-          root: clsx__default.default(classes == null ? void 0 : classes.item, appSwitcherClasses.default.item),
-          selected: clsx__default.default(classes == null ? void 0 : classes.itemSelected, appSwitcherClasses.default.itemSelected),
-          disabled: clsx__default.default(classes == null ? void 0 : classes.itemDisabled, appSwitcherClasses.default.itemDisabled),
-          typography: clsx__default.default(classes == null ? void 0 : classes.itemTrigger, appSwitcherClasses.default.itemTrigger),
-          icon: clsx__default.default(classes == null ? void 0 : classes.itemIcon, appSwitcherClasses.default.itemIcon),
-          title: clsx__default.default(classes == null ? void 0 : classes.itemTitle, appSwitcherClasses.default.itemTitle),
-          iconInfo: clsx__default.default(classes == null ? void 0 : classes.itemInfoIcon, appSwitcherClasses.default.itemInfoIcon)
-        }
-      }, application.id || `${application.name}_${application.url}`);
+      return /* @__PURE__ */ jsxRuntime.jsx(Action.HvAction, { application, onClickCallback: actionClicked, isSelectedCallback: isActionSelectedCallback, classes: {
+        root: clsx__default.default(classes == null ? void 0 : classes.item, appSwitcherClasses.default.item),
+        selected: clsx__default.default(classes == null ? void 0 : classes.itemSelected, appSwitcherClasses.default.itemSelected),
+        disabled: clsx__default.default(classes == null ? void 0 : classes.itemDisabled, appSwitcherClasses.default.itemDisabled),
+        typography: clsx__default.default(classes == null ? void 0 : classes.itemTrigger, appSwitcherClasses.default.itemTrigger),
+        icon: clsx__default.default(classes == null ? void 0 : classes.itemIcon, appSwitcherClasses.default.itemIcon),
+        title: clsx__default.default(classes == null ? void 0 : classes.itemTitle, appSwitcherClasses.default.itemTitle),
+        iconInfo: clsx__default.default(classes == null ? void 0 : classes.itemInfoIcon, appSwitcherClasses.default.itemInfoIcon)
+      } }, application.id || `${application.name}_${application.url}`);
     }
     return void 0;
   })), [applications]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(AppSwitcher_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(className, appSwitcherClasses.default.root, classes == null ? void 0 : classes.root, appSwitcherClasses.default[layout], classes == null ? void 0 : classes[layout], isOpen && clsx__default.default(appSwitcherClasses.default.open, classes == null ? void 0 : classes.open), isOpen === false && clsx__default.default(appSwitcherClasses.default.closed, classes == null ? void 0 : classes.closed)),
-    $open: !!isOpen,
-    $closed: isOpen === false,
-    $layout: layout,
-    children: [header && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitle, {
-      className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title),
-      children: header
-    }) || title && /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, {
-      className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title),
-      title,
-      type: "appSwitcher"
-    }), /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledActionsContainer, {
-      disableGutters: true,
-      className: clsx__default.default(appSwitcherClasses.default.actionsContainer, classes == null ? void 0 : classes.actionsContainer),
-      children: panelActions
-    }), footer && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledFooter, {
-      className: clsx__default.default(appSwitcherClasses.default.footerContainer, classes == null ? void 0 : classes.footerContainer),
-      children: footer
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(AppSwitcher_styles.StyledRoot, { id, className: clsx__default.default(className, appSwitcherClasses.default.root, classes == null ? void 0 : classes.root, appSwitcherClasses.default[layout], classes == null ? void 0 : classes[layout], isOpen && clsx__default.default(appSwitcherClasses.default.open, classes == null ? void 0 : classes.open), isOpen === false && clsx__default.default(appSwitcherClasses.default.closed, classes == null ? void 0 : classes.closed)), $open: !!isOpen, $closed: isOpen === false, $layout: layout, children: [
+    header && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitle, { className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title), children: header }) || title && /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, { className: clsx__default.default(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title), title, type: "appSwitcher" }),
+    /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledActionsContainer, { disableGutters: true, className: clsx__default.default(appSwitcherClasses.default.actionsContainer, classes == null ? void 0 : classes.actionsContainer), children: panelActions }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledFooter, { className: clsx__default.default(appSwitcherClasses.default.footerContainer, classes == null ? void 0 : classes.footerContainer), children: footer })
+  ] });
 };
 exports.HvAppSwitcher = HvAppSwitcher;
 //# sourceMappingURL=AppSwitcher.cjs.map