@hitachivantara/uikit-react-core 5.19.3 → 5.20.1

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

@@ -1,26 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const clsx = require("clsx");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 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 useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const Avatar = require("../../Avatar/Avatar.cjs");
-const Tooltip = require("../../Tooltip/Tooltip.cjs");
+const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
 const Typography = require("../../Typography/Typography.cjs");
+const Tooltip = require("../../Tooltip/Tooltip.cjs");
 const getColor = (color, defaultColor) => uikitStyles.theme.colors[color] || color || defaultColor;
 const HvAppSwitcherAction = ({
   id,
   className,
-  classes,
+  classes: classesProp,
   application,
   onClickCallback = () => {
   },
   isSelectedCallback = () => false
 }) => {
+  const {
+    classes,
+    cx
+  } = Action_styles.useClasses(classesProp);
   const {
     name,
     description,
@@ -37,8 +41,8 @@ const HvAppSwitcherAction = ({
       return iconElement;
     }
     if (iconUrl && validIconUrl) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledImg, {
-        className: clsx.clsx(actionClasses.default.iconUrl, classes == null ? void 0 : classes.iconUrl),
+      return /* @__PURE__ */ jsxRuntime.jsx("img", {
+        className: classes.iconUrl,
         src: iconUrl,
         onError: () => {
           setValidIconUrl(false);
@@ -69,31 +73,33 @@ const HvAppSwitcherAction = ({
   };
   const isLink = url != null;
   const descriptionElementId = useUniqueId.default(id, "hvAction-description");
-  return /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledListItem, {
+  return /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, {
     id,
     interactive: true,
     tabIndex: 0,
     selected: isSelected,
     disabled,
-    className: clsx.clsx(className, actionClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx.clsx(actionClasses.default.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx.clsx(actionClasses.default.selected, classes == null ? void 0 : classes.selected)),
-    children: /* @__PURE__ */ jsxRuntime.jsxs(Action_styles.StyledTypography, {
+    className: cx(classes.root, {
+      [classes.disabled]: disabled,
+      [classes.selected]: isSelected
+    }, className),
+    children: /* @__PURE__ */ jsxRuntime.jsxs(Typography.HvTypography, {
       component: isLink ? "a" : "button",
       href: isLink ? url : void 0,
       target: isLink ? target || "_top" : void 0,
-      className: clsx.clsx(actionClasses.default.typography, classes == null ? void 0 : classes.typography),
+      className: classes.typography,
       onClick: handleOnClick,
       style: {
         borderColor: color
       },
       "aria-describedby": descriptionElementId,
       "aria-label": name,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledIcon, {
-        className: clsx.clsx(actionClasses.default.icon, classes == null ? void 0 : classes.icon),
+      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes.icon,
         children: renderApplicationIcon()
       }), /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, {
         title: name,
-        className: clsx.clsx(actionClasses.default.title, classes == null ? void 0 : classes.title),
-        type: "action"
+        className: classes.title
       }), description && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
         disableFocusListener: true,
         disableTouchListener: true,
@@ -101,8 +107,8 @@ const HvAppSwitcherAction = ({
           children: description
         }),
         children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-          children: /* @__PURE__ */ jsxRuntime.jsx(Action_styles.StyledIconInfo, {
-            className: clsx.clsx(actionClasses.default.iconInfo, classes == null ? void 0 : classes.iconInfo),
+          children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Info, {
+            className: classes.iconInfo,
             role: "img",
             "aria-label": description,
             id: descriptionElementId
@@ -112,5 +118,6 @@ const HvAppSwitcherAction = ({
     })
   });
 };
+exports.appSwitcherActionClasses = Action_styles.staticClasses;
 exports.HvAppSwitcherAction = HvAppSwitcherAction;
 //# 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 \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { HvAppSwitcherActionApplication } from \"../AppSwitcher\";\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 interface HvAppSwitcherActionProps extends HvBaseProps {\n  /** The application data to be used to render the Action object. */\n  application: HvAppSwitcherActionApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n}\n\nconst getColor = (color: any, defaultColor: string) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAppSwitcherAction = ({\n  id,\n  className,\n  classes,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvAppSwitcherActionProps) => {\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.secondary_60\n    : getColor(application?.color, theme.colors.secondary);\n\n  const [validIconUrl, setValidIconUrl] = useState<boolean>(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\" aria-hidden>\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: React.MouseEvent) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n  const descriptionElementId = useUniqueId(id, \"hvAction-description\");\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      {/* As HvTooltip don't have the id prop, is not possible to use the aria-labelledby to reference it.\n       In substitution is used the aria-label with the \"title\" value */}\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        aria-describedby={descriptionElementId}\n        aria-label={name}\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                id={descriptionElementId}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </StyledTypography>\n    </StyledListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAppSwitcherAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","secondary_60","secondary","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","descriptionElementId","useUniqueId","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}
+{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport {\n  HvAvatar,\n  HvListItem,\n  HvTooltip,\n  HvTypography,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useUniqueId } from \"@core/hooks\";\nimport { ExtractNames } from \"@core/utils\";\n\nimport { HvAppSwitcherActionApplication } from \"../AppSwitcher\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport { useClasses, staticClasses } from \"./Action.styles\";\n\nexport { staticClasses as appSwitcherActionClasses };\n\nexport type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAppSwitcherActionProps extends HvBaseProps {\n  /** The application data to be used to render the Action object. */\n  application: HvAppSwitcherActionApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n}\n\nconst getColor = (color: any, defaultColor: string) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAppSwitcherAction = ({\n  id,\n  className,\n  classes: classesProp,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvAppSwitcherActionProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.secondary_60\n    : getColor(application?.color, theme.colors.secondary);\n\n  const [validIconUrl, setValidIconUrl] = useState<boolean>(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <img\n          className={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\" aria-hidden>\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: React.MouseEvent) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n  const descriptionElementId = useUniqueId(id, \"hvAction-description\");\n\n  return (\n    <HvListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={cx(\n        classes.root,\n        { [classes.disabled]: disabled, [classes.selected]: isSelected },\n        className\n      )}\n    >\n      {/* As HvTooltip don't have the id prop, is not possible to use the aria-labelledby to reference it.\n       In substitution is used the aria-label with the \"title\" value */}\n      <HvTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={classes.typography}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n        aria-describedby={descriptionElementId}\n        aria-label={name}\n      >\n        <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n        <TitleWithTooltip title={name} className={classes.title} />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <Info\n                className={classes.iconInfo}\n                role=\"img\"\n                aria-label={description}\n                id={descriptionElementId}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </HvTypography>\n    </HvListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAppSwitcherAction","id","className","classes","classesProp","application","onClickCallback","isSelectedCallback","cx","useClasses","name","description","disabled","iconElement","iconUrl","url","target","secondary_60","secondary","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","descriptionElementId","useUniqueId","HvListItem","interactive","tabIndex","selected","root","HvTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","icon","TitleWithTooltip","title","HvTooltip","disableFocusListener","disableTouchListener","Info","iconInfo","role"],"mappings":"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"}

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

@@ -1,97 +1,57 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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 };
-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" ? {
-  target: "e187pp8e4"
-} : {
-  target: "e187pp8e4",
-  label: "StyledListItem"
-})({
-  width: "100%",
-  maxWidth: 280,
-  minHeight: 52,
-  marginRight: uikitStyles.theme.space.sm
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FwcFN3aXRjaGVyL0FjdGlvbi9BY3Rpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgSHZMaXN0SXRlbVByb3BzLCBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSW5mbyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCBhcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMgZnJvbSBcIi4vYWN0aW9uQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoKHByb3BzOiBIdkxpc3RJdGVtUHJvcHMpID0+IChcbiAgPEh2TGlzdEl0ZW0gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1heFdpZHRoOiAyODAsXG4gIG1pbkhlaWdodDogNTIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtaW5IZWlnaHQ6IDUyLFxuXG4gIHBhZGRpbmc6IGA2cHggJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlckxlZnQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcblxuICBbYC4ke2FwcFN3aXRjaGVyQWN0aW9uQ2xhc3Nlcy5kaXNhYmxlZH0gJmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25JbmZvID0gc3R5bGVkKEluZm8pKHtcbiAgbWluV2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1pbldpZHRoOiA0MCxcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcbiJdfQ== */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e187pp8e3"
-} : {
-  target: "e187pp8e3",
-  label: "StyledTypography"
-})(() => ({
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  width: "100%",
-  minHeight: 52,
-  padding: `6px ${uikitStyles.theme.space.xs}`,
-  border: "none",
-  borderLeft: `solid 2px ${uikitStyles.theme.colors.secondary}`,
-  cursor: "pointer",
-  textDecoration: "inherit",
-  color: "inherit",
-  backgroundColor: "inherit",
-  [`.${actionClasses.default.disabled} &`]: {
-    cursor: "not-allowed"
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvAppSwitcher-Action", {
+  root: {
+    width: "100%",
+    maxWidth: 280,
+    minHeight: 52,
+    marginRight: uikitStyles.theme.space.sm
+  },
+  icon: {
+    display: "flex",
+    minWidth: 40,
+    justifyContent: "center"
+  },
+  iconUrl: {
+    width: 32
+  },
+  iconInfo: {
+    minWidth: 32
+  },
+  disabled: {},
+  selected: {},
+  typography: {
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    width: "100%",
+    minHeight: 52,
+    padding: `6px ${uikitStyles.theme.space.xs}`,
+    border: "none",
+    borderLeft: `solid 2px ${uikitStyles.theme.colors.secondary}`,
+    cursor: "pointer",
+    textDecoration: "inherit",
+    color: "inherit",
+    backgroundColor: "inherit",
+    "$disabled &": {
+      cursor: "not-allowed"
+    }
+  },
+  title: {
+    flexGrow: 1,
+    margin: `0 ${uikitStyles.theme.space.xs}`,
+    textAlign: "left",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    color: "inherit"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0FwcFN3aXRjaGVyL0FjdGlvbi9BY3Rpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZMaXN0SXRlbSwgSHZMaXN0SXRlbVByb3BzLCBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSW5mbyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCBhcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMgZnJvbSBcIi4vYWN0aW9uQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQoKHByb3BzOiBIdkxpc3RJdGVtUHJvcHMpID0+IChcbiAgPEh2TGlzdEl0ZW0gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1heFdpZHRoOiAyODAsXG4gIG1pbkhlaWdodDogNTIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtaW5IZWlnaHQ6IDUyLFxuXG4gIHBhZGRpbmc6IGA2cHggJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlckxlZnQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG5cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICB0ZXh0RGVjb3JhdGlvbjogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcblxuICBbYC4ke2FwcFN3aXRjaGVyQWN0aW9uQ2xhc3Nlcy5kaXNhYmxlZH0gJmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25JbmZvID0gc3R5bGVkKEluZm8pKHtcbiAgbWluV2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1pbldpZHRoOiA0MCxcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG59KTtcbiJdfQ== */");
-const StyledImg = /* @__PURE__ */ _styled__default.default("img", process.env.NODE_ENV === "production" ? {
-  target: "e187pp8e2"
-} : {
-  target: "e187pp8e2",
-  label: "StyledImg"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1p2i2oq",
-  styles: "width:32px"
-} : {
-  name: "1p2i2oq",
-  styles: "width:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2TGlzdEl0ZW1Qcm9wcywgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEluZm8gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgYXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzIGZyb20gXCIuL2FjdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKChwcm9wczogSHZMaXN0SXRlbVByb3BzKSA9PiAoXG4gIDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgdGV4dERlY29yYXRpb246IFwiaW5oZXJpdFwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG5cbiAgW2AuJHthcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMuZGlzYWJsZWR9ICZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uSW5mbyA9IHN0eWxlZChJbmZvKSh7XG4gIG1pbldpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtaW5XaWR0aDogNDAsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledIconInfo = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Info, process.env.NODE_ENV === "production" ? {
-  target: "e187pp8e1"
-} : {
-  target: "e187pp8e1",
-  label: "StyledIconInfo"
-})(process.env.NODE_ENV === "production" ? {
-  name: "9q39xd",
-  styles: "min-width:32px"
-} : {
-  name: "9q39xd",
-  styles: "min-width:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2TGlzdEl0ZW1Qcm9wcywgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEluZm8gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgYXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzIGZyb20gXCIuL2FjdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKChwcm9wczogSHZMaXN0SXRlbVByb3BzKSA9PiAoXG4gIDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgdGV4dERlY29yYXRpb246IFwiaW5oZXJpdFwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG5cbiAgW2AuJHthcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMuZGlzYWJsZWR9ICZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uSW5mbyA9IHN0eWxlZChJbmZvKSh7XG4gIG1pbldpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtaW5XaWR0aDogNDAsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledIcon = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e187pp8e0"
-} : {
-  target: "e187pp8e0",
-  label: "StyledIcon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1tspp0w",
-  styles: "display:flex;min-width:40px;justify-content:center"
-} : {
-  name: "1tspp0w",
-  styles: "display:flex;min-width:40px;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQWN0aW9uL0FjdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BY3Rpb24vQWN0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2TGlzdEl0ZW0sIEh2TGlzdEl0ZW1Qcm9wcywgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEluZm8gfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgYXBwU3dpdGNoZXJBY3Rpb25DbGFzc2VzIGZyb20gXCIuL2FjdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKChwcm9wczogSHZMaXN0SXRlbVByb3BzKSA9PiAoXG4gIDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXhXaWR0aDogMjgwLFxuICBtaW5IZWlnaHQ6IDUyLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSgoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWluSGVpZ2h0OiA1MixcblxuICBwYWRkaW5nOiBgNnB4ICR7dGhlbWUuc3BhY2UueHN9YCxcblxuICBib3JkZXI6IFwibm9uZVwiLFxuICBib3JkZXJMZWZ0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgdGV4dERlY29yYXRpb246IFwiaW5oZXJpdFwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG5cbiAgW2AuJHthcHBTd2l0Y2hlckFjdGlvbkNsYXNzZXMuZGlzYWJsZWR9ICZgXToge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uSW5mbyA9IHN0eWxlZChJbmZvKSh7XG4gIG1pbldpZHRoOiAzMixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtaW5XaWR0aDogNDAsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.StyledIcon = StyledIcon;
-exports.StyledIconInfo = StyledIconInfo;
-exports.StyledImg = StyledImg;
-exports.StyledListItem = StyledListItem;
-exports.StyledTypography = StyledTypography;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Action.styles.cjs.map

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, HvListItemProps, HvTypography } from \"@core/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport appSwitcherActionClasses from \"./actionClasses\";\n\nexport const StyledListItem = styled((props: HvListItemProps) => (\n  <HvListItem {...props} />\n))({\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.secondary}`,\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","HvListItem","process","env","NODE_ENV","target","label","width","maxWidth","minHeight","marginRight","theme","space","sm","StyledTypography","HvTypography","display","justifyContent","alignItems","padding","xs","border","borderLeft","colors","secondary","cursor","textDecoration","color","backgroundColor","appSwitcherActionClasses","disabled","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconInfo","Info","StyledIcon"],"mappings":";;;;;;;;;;;;;;AAMO,MAAMA,iBAAiBC,iCAAAA,QAAO,CAACC,yCACnCC,SAAAA,YAAU;AAAA,EAAA,GAAKD;AAAK,CAAG,GACzBE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACDC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAaC,YAAAA,MAAMC,MAAMC;AAC3B,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,yoEAAA;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,YAAY,GAAG;AAAA,IAC3CL,QAAQ;AAAA,EACV;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,yoEAAA;AAEI,MAAM2B,YAAmBhC,iCAAA,QAAA,OAAKG,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,CAErC;AAEM,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,CAEzC;AAEM,MAAMG,aAAoBxC,iCAAA,QAAA,OAAKG,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,CAItC;;;;;;"}
+{"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvAppSwitcher-Action\",\n  {\n    root: {\n      width: \"100%\",\n      maxWidth: 280,\n      minHeight: 52,\n      marginRight: theme.space.sm,\n    },\n    icon: { display: \"flex\", minWidth: 40, justifyContent: \"center\" },\n    iconUrl: { width: 32 },\n    iconInfo: { minWidth: 32 },\n    disabled: {},\n    selected: {},\n    typography: {\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.secondary}`,\n\n      cursor: \"pointer\",\n\n      textDecoration: \"inherit\",\n      color: \"inherit\",\n      backgroundColor: \"inherit\",\n\n      \"$disabled &\": {\n        cursor: \"not-allowed\",\n      },\n    },\n    title: {\n      flexGrow: 1,\n      margin: `0 ${theme.space.xs}`,\n\n      textAlign: \"left\",\n\n      overflow: \"hidden\",\n      whiteSpace: \"nowrap\",\n      textOverflow: \"ellipsis\",\n\n      color: \"inherit\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","width","maxWidth","minHeight","marginRight","theme","space","sm","icon","display","minWidth","justifyContent","iconUrl","iconInfo","disabled","selected","typography","alignItems","padding","xs","border","borderLeft","colors","secondary","cursor","textDecoration","color","backgroundColor","title","flexGrow","margin","textAlign","overflow","whiteSpace","textOverflow"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,UAAU;AAAA,IAAIC,gBAAgB;AAAA,EAAS;AAAA,EAChEC,SAAS;AAAA,IAAEX,OAAO;AAAA,EAAG;AAAA,EACrBY,UAAU;AAAA,IAAEH,UAAU;AAAA,EAAG;AAAA,EACzBI,UAAU,CAAC;AAAA,EACXC,UAAU,CAAC;AAAA,EACXC,YAAY;AAAA,IACVP,SAAS;AAAA,IACTE,gBAAgB;AAAA,IAChBM,YAAY;AAAA,IAEZhB,OAAO;AAAA,IACPE,WAAW;AAAA,IAEXe,SAAU,OAAMb,YAAAA,MAAMC,MAAMa;AAAAA,IAE5BC,QAAQ;AAAA,IACRC,YAAa,aAAYhB,YAAAA,MAAMiB,OAAOC;AAAAA,IAEtCC,QAAQ;AAAA,IAERC,gBAAgB;AAAA,IAChBC,OAAO;AAAA,IACPC,iBAAiB;AAAA,IAEjB,eAAe;AAAA,MACbH,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAI,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,QAAS,KAAIzB,YAAAA,MAAMC,MAAMa;AAAAA,IAEzBY,WAAW;AAAA,IAEXC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,cAAc;AAAA,IAEdR,OAAO;AAAA,EACT;AACF,CACF;;;"}

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

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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 Typography = require("../Typography/Typography.cjs");
+const ListContainer = require("../ListContainer/ListContainer.cjs");
 const HvAppSwitcher = ({
   id,
   className,
-  classes,
+  classes: classesProp,
   layout = "single",
   title,
   applications,
@@ -21,6 +21,10 @@ const HvAppSwitcher = ({
   footer,
   isOpen
 }) => {
+  const {
+    classes,
+    cx
+  } = AppSwitcher_styles.useClasses(classesProp);
   const panelActions = React.useMemo(() => applications && (applications == null ? void 0 : applications.map((application) => {
     if (application.name) {
       return /* @__PURE__ */ jsxRuntime.jsx(Action.HvAppSwitcherAction, {
@@ -28,44 +32,44 @@ const HvAppSwitcher = ({
         onClickCallback: onActionClickedCallback,
         isSelectedCallback: isActionSelectedCallback,
         classes: {
-          root: clsx.clsx(classes == null ? void 0 : classes.item, appSwitcherClasses.default.item),
-          selected: clsx.clsx(classes == null ? void 0 : classes.itemSelected, appSwitcherClasses.default.itemSelected),
-          disabled: clsx.clsx(classes == null ? void 0 : classes.itemDisabled, appSwitcherClasses.default.itemDisabled),
-          typography: clsx.clsx(classes == null ? void 0 : classes.itemTrigger, appSwitcherClasses.default.itemTrigger),
-          icon: clsx.clsx(classes == null ? void 0 : classes.itemIcon, appSwitcherClasses.default.itemIcon),
-          title: clsx.clsx(classes == null ? void 0 : classes.itemTitle, appSwitcherClasses.default.itemTitle),
-          iconInfo: clsx.clsx(classes == null ? void 0 : classes.itemInfoIcon, appSwitcherClasses.default.itemInfoIcon)
+          root: classes.item,
+          selected: classes.itemSelected,
+          disabled: classes.itemDisabled,
+          typography: classes.itemTrigger,
+          icon: classes.itemIcon,
+          title: classes.itemTitle,
+          iconInfo: classes.itemInfoIcon
         }
       }, application.id || `${application.name}_${application.url}`);
     }
     return void 0;
   })), [applications, classes, isActionSelectedCallback, onActionClickedCallback]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(AppSwitcher_styles.StyledRoot, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     id,
-    className: clsx.clsx(className, appSwitcherClasses.default.root, classes == null ? void 0 : classes.root, appSwitcherClasses.default[layout], classes == null ? void 0 : classes[layout], isOpen && clsx.clsx(appSwitcherClasses.default.open, classes == null ? void 0 : classes.open), isOpen === false && clsx.clsx(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: cx(classes.root, classes[layout], {
+      [classes.open]: !!isOpen,
+      [classes.closed]: isOpen === false
+    }, className),
+    children: [header && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       component: "div",
       variant: "label",
-      className: clsx.clsx(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title),
+      className: classes.title,
       children: header
     }) || title && /* @__PURE__ */ jsxRuntime.jsx(TitleWithTooltip.default, {
-      className: clsx.clsx(appSwitcherClasses.default.title, classes == null ? void 0 : classes.title),
-      title,
-      type: "appSwitcher"
-    }), /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledActionsContainer, {
+      className: classes.title,
+      title
+    }), /* @__PURE__ */ jsxRuntime.jsx(ListContainer.HvListContainer, {
       disableGutters: true,
-      className: clsx.clsx(appSwitcherClasses.default.actionsContainer, classes == null ? void 0 : classes.actionsContainer),
+      className: classes.actionsContainer,
       children: panelActions
-    }), footer && /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledFooter, {
+    }), footer && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       component: "div",
       variant: "label",
-      className: clsx.clsx(appSwitcherClasses.default.footerContainer, classes == null ? void 0 : classes.footerContainer),
+      className: classes.footerContainer,
       children: footer
     })]
   });
 };
+exports.appSwitcherClasses = AppSwitcher_styles.staticClasses;
 exports.HvAppSwitcher = HvAppSwitcher;
 //# sourceMappingURL=AppSwitcher.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n  StyledRoot,\n  StyledTitle,\n  StyledActionsContainer,\n  StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport interface HvAppSwitcherActionApplication {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n}\n\nexport interface HvAppSwitcherProps extends HvBaseProps {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvAppSwitcherActionApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: (\n    application: HvAppSwitcherActionApplication\n  ) => boolean;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n}\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={onActionClickedCallback}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: clsx(classes?.item, appSwitcherClasses.item),\n                selected: clsx(\n                  classes?.itemSelected,\n                  appSwitcherClasses.itemSelected\n                ),\n                disabled: clsx(\n                  classes?.itemDisabled,\n                  appSwitcherClasses.itemDisabled\n                ),\n                typography: clsx(\n                  classes?.itemTrigger,\n                  appSwitcherClasses.itemTrigger\n                ),\n                icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n                title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n                iconInfo: clsx(\n                  classes?.itemInfoIcon,\n                  appSwitcherClasses.itemInfoIcon\n                ),\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications, classes, isActionSelectedCallback, onActionClickedCallback]\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        appSwitcherClasses.root,\n        classes?.root,\n        appSwitcherClasses[layout],\n        classes?.[layout],\n        isOpen && clsx(appSwitcherClasses.open, classes?.open),\n        isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n      )}\n      $open={!!isOpen}\n      $closed={isOpen === false}\n      $layout={layout}\n    >\n      {(header && (\n        <StyledTitle\n          component=\"div\"\n          variant=\"label\"\n          className={clsx(appSwitcherClasses.title, classes?.title)}\n        >\n          {header}\n        </StyledTitle>\n      )) ||\n        (title && (\n          <TitleWithTooltip\n            className={clsx(appSwitcherClasses.title, classes?.title)}\n            title={title}\n            type=\"appSwitcher\"\n          />\n        ))}\n      <StyledActionsContainer\n        disableGutters\n        className={clsx(\n          appSwitcherClasses.actionsContainer,\n          classes?.actionsContainer\n        )}\n      >\n        {panelActions}\n      </StyledActionsContainer>\n      {footer && (\n        <StyledFooter\n          component=\"div\"\n          variant=\"label\"\n          className={clsx(\n            appSwitcherClasses.footerContainer,\n            classes?.footerContainer\n          )}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","panelActions","useMemo","map","application","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","component","variant","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;;;AAkEO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AACxB,QAAMC,eAAeC,MAAAA,QACnB,MACEP,iBACAA,6CAAcQ,IAAKC,CAAgB,gBAAA;AACjC,QAAIA,YAAYC,MAAM;AACpB,4CACGC,OAAAA,qBAAmB;AAAA,QAElBF;AAAAA,QACAG,iBAAiBX;AAAAA,QACjBY,oBAAoBX;AAAAA,QACpBL,SAAS;AAAA,UACPiB,MAAMC,KAAAA,KAAKlB,mCAASmB,MAAMC,mBAAAA,QAAmBD,IAAI;AAAA,UACjDE,UAAUH,KAAAA,KACRlB,mCAASsB,cACTF,mBAAAA,QAAmBE,YACrB;AAAA,UACAC,UAAUL,KAAAA,KACRlB,mCAASwB,cACTJ,mBAAAA,QAAmBI,YACrB;AAAA,UACAC,YAAYP,KAAAA,KACVlB,mCAAS0B,aACTN,mBAAAA,QAAmBM,WACrB;AAAA,UACAC,MAAMT,KAAAA,KAAKlB,mCAAS4B,UAAUR,mBAAAA,QAAmBQ,QAAQ;AAAA,UACzD1B,OAAOgB,KAAAA,KAAKlB,mCAAS6B,WAAWT,mBAAAA,QAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,KAAAA,KACRlB,mCAAS+B,cACTX,mBAAAA,QAAmBW,YACrB;AAAA,QACF;AAAA,MAAA,GAxBKnB,YAAYd,MAAO,GAAEc,YAAYC,QAAQD,YAAYoB,KAyB3D;AAAA,IAEL;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAC9B,cAAcH,SAASK,0BAA0BD,uBAAuB,CAC3E;AAEA,yCACG8B,mBAAAA,YAAU;AAAA,IACTpC;AAAAA,IACAC,WAAWmB,KACTnB,KAAAA,WACAqB,mBAAAA,QAAmBH,MACnBjB,mCAASiB,MACTG,mBAAmBnB,QAAAA,MAAM,GACzBD,mCAAUC,SACVO,UAAUU,KAAAA,KAAKE,mBAAmBe,QAAAA,MAAMnC,mCAASmC,IAAI,GACrD3B,WAAW,SAASU,KAAAA,KAAKE,mBAAAA,QAAmBgB,QAAQpC,mCAASoC,MAAM,CACrE;AAAA,IACAC,OAAO,CAAC,CAAC7B;AAAAA,IACT8B,SAAS9B,WAAW;AAAA,IACpB+B,SAAStC;AAAAA,IAAOuC,UAEdlC,CAAAA,UACAmC,2BAAAA,IAACC,gCAAW;AAAA,MACVC,WAAU;AAAA,MACVC,SAAQ;AAAA,MACR7C,WAAWmB,KAAAA,KAAKE,mBAAAA,QAAmBlB,OAAOF,mCAASE,KAAK;AAAA,MAAEsC,UAEzDlC;AAAAA,IAAAA,CACU,KAEZJ,SACCuC,2BAAAA,IAACI,0BAAgB;AAAA,MACf9C,WAAWmB,KAAAA,KAAKE,mBAAAA,QAAmBlB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CACN,GAELL,2BAAAA,IAACM,2CAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWmB,KAAAA,KACTE,mBAAAA,QAAmB6B,kBACnBjD,mCAASiD,gBACX;AAAA,MAAET,UAED/B;AAAAA,IAAAA,CACqB,GACvBF,UACCkC,2BAAAA,IAACS,iCAAY;AAAA,MACXP,WAAU;AAAA,MACVC,SAAQ;AAAA,MACR7C,WAAWmB,KAAAA,KACTE,mBAAAA,QAAmB+B,iBACnBnD,mCAASmD,eACX;AAAA,MAAEX,UAEDjC;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACS;AAEhB;;"}
+{"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport { HvListContainer, HvTypography } from \"@core/components\";\n\nimport { HvAppSwitcherAction } from \"./Action\";\nimport { useClasses, staticClasses } from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\n\nexport { staticClasses as appSwitcherClasses };\n\nexport type HvAppSwitcherClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAppSwitcherActionApplication {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n}\n\nexport interface HvAppSwitcherProps extends HvBaseProps {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvAppSwitcherActionApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: (\n    application: HvAppSwitcherActionApplication\n  ) => boolean;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n}\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes: classesProp,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={onActionClickedCallback}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: classes.item,\n                selected: classes.itemSelected,\n                disabled: classes.itemDisabled,\n                typography: classes.itemTrigger,\n                icon: classes.itemIcon,\n                title: classes.itemTitle,\n                iconInfo: classes.itemInfoIcon,\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications, classes, isActionSelectedCallback, onActionClickedCallback]\n  );\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        classes[layout],\n        { [classes.open]: !!isOpen, [classes.closed]: isOpen === false },\n        className\n      )}\n    >\n      {(header && (\n        <HvTypography component=\"div\" variant=\"label\" className={classes.title}>\n          {header}\n        </HvTypography>\n      )) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && (\n        <HvTypography\n          component=\"div\"\n          variant=\"label\"\n          className={classes.footerContainer}\n        >\n          {footer}\n        </HvTypography>\n      )}\n    </div>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","classesProp","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","cx","useClasses","panelActions","useMemo","map","application","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","open","closed","children","_jsx","HvTypography","component","variant","TitleWithTooltip","HvListContainer","disableGutters","actionsContainer","footerContainer"],"mappings":";;;;;;;;;AAmEO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClB,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWV,WAAW;AAE9C,QAAMW,eAAeC,MAAAA,QACnB,MACET,iBACAA,6CAAcU,IAAKC,CAAgB,gBAAA;AACjC,QAAIA,YAAYC,MAAM;AACpB,4CACGC,OAAAA,qBAAmB;AAAA,QAElBF;AAAAA,QACAG,iBAAiBb;AAAAA,QACjBc,oBAAoBb;AAAAA,QACpBN,SAAS;AAAA,UACPoB,MAAMpB,QAAQqB;AAAAA,UACdC,UAAUtB,QAAQuB;AAAAA,UAClBC,UAAUxB,QAAQyB;AAAAA,UAClBC,YAAY1B,QAAQ2B;AAAAA,UACpBC,MAAM5B,QAAQ6B;AAAAA,UACd1B,OAAOH,QAAQ8B;AAAAA,UACfC,UAAU/B,QAAQgC;AAAAA,QACpB;AAAA,MAAA,GAZKjB,YAAYjB,MAAO,GAAEiB,YAAYC,QAAQD,YAAYkB,KAa3D;AAAA,IAEL;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAC9B,cAAcJ,SAASM,0BAA0BD,uBAAuB,CAC3E;AAEA,yCACE,OAAA;AAAA,IACEP;AAAAA,IACAC,WAAWW,GACTV,QAAQoB,MACRpB,QAAQE,MAAM,GACd;AAAA,MAAE,CAACF,QAAQmC,IAAI,GAAG,CAAC,CAAC1B;AAAAA,MAAQ,CAACT,QAAQoC,MAAM,GAAG3B,WAAW;AAAA,OACzDV,SACF;AAAA,IAAEsC,UAEA9B,CAAAA,UACA+B,2BAAAA,IAACC,yBAAY;AAAA,MAACC,WAAU;AAAA,MAAMC,SAAQ;AAAA,MAAQ1C,WAAWC,QAAQG;AAAAA,MAAMkC,UACpE9B;AAAAA,IAAAA,CACW,KAEbJ,SAASmC,2BAAAA,IAACI,0BAAgB;AAAA,MAAC3C,WAAWC,QAAQG;AAAAA,MAAOA;AAAAA,IAAAA,CAAe,GACvEmC,2BAAAA,IAACK,+BAAe;AAAA,MAACC,gBAAc;AAAA,MAAC7C,WAAWC,QAAQ6C;AAAAA,MAAiBR,UACjEzB;AAAAA,IAAAA,CACc,GAChBJ,UACC8B,2BAAAA,IAACC,yBAAY;AAAA,MACXC,WAAU;AAAA,MACVC,SAAQ;AAAA,MACR1C,WAAWC,QAAQ8C;AAAAA,MAAgBT,UAElC7B;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACE;AAET;;;"}