@hitachivantara/uikit-react-core 3.62.7 → 3.65.0

package/dist/modern/AppSwitcher/AppSwitcher.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+import { HvAppSwitcherActionApplication } from "./Action";
+
+export type HvAppSwitcherClassKey =
+  | "root"
+  | "single"
+  | "dual"
+  | "fluid"
+  | "title"
+  | "actionsContainer"
+  | "footerContainer"
+  | "closed"
+  | "open"
+  | "item"
+  | "itemSelected"
+  | "itemDisabled"
+  | "itemTrigger"
+  | "itemIcon"
+  | "itemTitle"
+  | "itemInfoIcon";
+
+export interface HvAppSwitcherProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherClassKey> {
+  /**
+   * Number of columns to render. One, two, or whatever fits the component's width.
+   */
+  layout?: "single" | "dual" | "fluid";
+
+  /**
+   * Title to be displayed on the header of the component.
+   */
+  title?: string;
+  /**
+   * The list of applications to be used to render the actions on the component.
+   */
+  applications: HvAppSwitcherActionApplication[];
+
+  /**
+   * Triggered when an action is clicked.
+   */
+  onActionClickedCallback?: (
+    event: MouseEvent,
+    application?: HvAppSwitcherActionApplication
+  ) => void;
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isActionSelectedCallback?: (application?: HvAppSwitcherActionApplication) => boolean;
+
+  /**
+   * Element to be added to the header container, if none is provided a label with the title will be added.
+   */
+  header?: string | React.ReactNode;
+  /**
+   * Element to be added to the footer container.
+   */
+  footer?: string | React.ReactNode;
+
+  /**
+   * Flag stating if the panel is opened or closed.
+   */
+  isOpen?: boolean;
+}
+
+export default function HvAppSwitcher(props: HvAppSwitcherProps): JSX.Element | null;

package/dist/modern/AppSwitcher/AppSwitcher.js

@@ -0,0 +1,254 @@
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { deprecatedPropType, withStyles } from "@material-ui/core";
+import { HvListContainer } from "..";
+import styles from "./styles";
+import TitleWithTooltip from "./TitleWithTooltip";
+import Action from "./Action";
+
+const AppSwitcher = props => {
+  const {
+    id,
+    className,
+    classes,
+    layout = "single",
+    title,
+    applications,
+    onActionClickedCallback = () => {},
+    isActionSelectedCallback = () => false,
+    header,
+    footer,
+    isOpen
+  } = props;
+
+  const actionClicked = (event, application) => {
+    onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);
+  };
+
+  const panelActions = applications.map(application => {
+    if (application.name) {
+      return /*#__PURE__*/React.createElement(Action, {
+        key: application.id || `${application.name}_${application.url}`,
+        application: application,
+        onClickCallback: actionClicked,
+        isSelectedCallback: isActionSelectedCallback,
+        classes: {
+          root: classes.item,
+          selected: classes.itemSelected,
+          disabled: classes.itemDisabled,
+          typography: classes.itemTrigger,
+          icon: classes.itemIcon,
+          title: classes.itemTitle,
+          iconInfo: classes.itemInfoIcon
+        }
+      });
+    }
+
+    return undefined;
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: clsx(className, classes.root, classes[layout], isOpen === false && classes.closed, isOpen && classes.open)
+  }, header && /*#__PURE__*/React.createElement("div", {
+    className: classes.title
+  }, header) || title && /*#__PURE__*/React.createElement(TitleWithTooltip, {
+    className: classes.title,
+    title: title
+  }), /*#__PURE__*/React.createElement(HvListContainer, {
+    disableGutters: true,
+    className: classes.actionsContainer
+  }, panelActions), footer && /*#__PURE__*/React.createElement("div", {
+    className: classes.footerContainer
+  }, footer));
+};
+
+process.env.NODE_ENV !== "production" ? AppSwitcher.propTypes = {
+  /**
+   * Identifier to be applied to the root element.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when in single layout mode.
+     */
+    single: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when in single dual mode.
+     */
+    dual: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when in single fluid mode.
+     */
+    fluid: PropTypes.string,
+
+    /**
+     * Styles applied to the title element.
+     */
+    title: PropTypes.string,
+
+    /**
+     * Styles applied to the actions container.
+     */
+    actionsContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the footer container.
+     */
+    footerContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the panel when closed.
+     */
+    closed: PropTypes.string,
+
+    /**
+     * Styles applied to the panel when open.
+     */
+    open: PropTypes.string,
+
+    /**
+     * Styles applied to the action item root.
+     */
+    item: PropTypes.string,
+
+    /**
+     * Styles applied to the action item when selected.
+     */
+    itemSelected: PropTypes.string,
+
+    /**
+     * Styles applied to the action item when disabled.
+     */
+    itemDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the action item typography.
+     */
+    itemTrigger: PropTypes.string,
+
+    /**
+     * Styles applied to the action item icon.
+     */
+    itemIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the action item title.
+     */
+    itemTitle: PropTypes.string,
+
+    /**
+     * Styles applied to the action item info icon.
+     */
+    itemInfoIcon: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Number of columns to render. One, two, or whatever fits the component's width.
+   */
+  layout: PropTypes.oneOf(["single", "dual", "fluid"]),
+
+  /**
+   * Title to be displayed on the header of the component.
+   */
+  title: PropTypes.string,
+
+  /**
+   * The list of applications to be used to render the actions on the component.
+   */
+  applications: PropTypes.arrayOf(PropTypes.shape({
+    /**
+     * Id of the application.
+     */
+    id: PropTypes.string,
+
+    /**
+     * Name of the application, this is the value that will be displayed on the component.
+     */
+    name: PropTypes.string.isRequired,
+
+    /**
+     * URL with the icon location to be used to represent the application.
+     * iconUrl will only be used if no iconElement is provided.
+     */
+    iconUrl: PropTypes.string,
+
+    /**
+     * Element to be added as the icon representing the application.
+     * The iconElement will be the primary option to be displayed.
+     */
+    iconElement: PropTypes.element,
+
+    /**
+     * Small description of the application.
+     */
+    description: PropTypes.string,
+
+    /**
+     *  URL where the application is accesible.
+     */
+    url: PropTypes.string,
+
+    /**
+     * Defines if the application should be opened in the same tab or in a new one.
+     */
+    target: PropTypes.oneOf(["_top", "_blank"]),
+
+    /**
+     * If true, the item will be disabled.
+     */
+    disabled: PropTypes.bool,
+
+    /**
+     * True when the application is selected, false otherwise.
+     */
+    isSelected: PropTypes.bool
+  })).isRequired,
+
+  /**
+   * Triggered when an action is clicked.
+   */
+  onActionClickedCallback: PropTypes.func,
+
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isActionSelectedCallback: PropTypes.func,
+
+  /**
+   * Element to be added to the header container, if none is provided a label with the title will be added.
+   */
+  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+
+  /**
+   * Element to be added to the footer container.
+   */
+  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+
+  /**
+   * Flag stating if the panel is opened or closed.
+   *
+   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.
+   */
+  isOpen: deprecatedPropType(PropTypes.bool)
+} : void 0;
+export default withStyles(styles, {
+  name: "HvAppSwitcher"
+})(AppSwitcher);
+//# sourceMappingURL=AppSwitcher.js.map

package/dist/modern/AppSwitcher/AppSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcher.js","names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcher","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"sources":["../../../src/AppSwitcher/AppSwitcher.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"..\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcher = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\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\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcher.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single layout mode.\n     */\n    single: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single dual mode.\n     */\n    dual: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single fluid mode.\n     */\n    fluid: PropTypes.string,\n    /**\n     * Styles applied to the title element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the actions container.\n     */\n    actionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the footer container.\n     */\n    footerContainer: PropTypes.string,\n    /**\n     * Styles applied to the panel when closed.\n     */\n    closed: PropTypes.string,\n    /**\n     * Styles applied to the panel when open.\n     */\n    open: PropTypes.string,\n    /**\n     * Styles applied to the action item root.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the action item when selected.\n     */\n    itemSelected: PropTypes.string,\n    /**\n     * Styles applied to the action item when disabled.\n     */\n    itemDisabled: PropTypes.string,\n    /**\n     * Styles applied to the action item typography.\n     */\n    itemTrigger: PropTypes.string,\n    /**\n     * Styles applied to the action item icon.\n     */\n    itemIcon: PropTypes.string,\n    /**\n     * Styles applied to the action item title.\n     */\n    itemTitle: PropTypes.string,\n    /**\n     * Styles applied to the action item info icon.\n     */\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\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: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcher\" })(AppSwitcher);\n"],"mappings":"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"}

package/dist/modern/AppSwitcher/TitleWithTooltip.js

@@ -0,0 +1,41 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import { HvTooltip, HvTypography } from "..";
+
+const TitleWithTooltip = ({
+  className,
+  title
+}) => {
+  const [isOverflowed, setIsOverflowed] = useState(false);
+  const textRef = useRef();
+  useEffect(() => {
+    if (textRef !== null && textRef !== void 0 && textRef.current) {
+      setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(HvTooltip, {
+    disableHoverListener: !isOverflowed,
+    placement: "top-start",
+    title: /*#__PURE__*/React.createElement(HvTypography, null, title)
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText",
+    component: "span",
+    ref: textRef,
+    className: className
+  }, title));
+};
+
+process.env.NODE_ENV !== "production" ? TitleWithTooltip.propTypes = {
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Title to be displayed.
+   */
+  title: PropTypes.string
+} : void 0;
+export default TitleWithTooltip;
+//# sourceMappingURL=TitleWithTooltip.js.map

package/dist/modern/AppSwitcher/TitleWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithTooltip.js","names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"sources":["../../../src/AppSwitcher/TitleWithTooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nTitleWithTooltip.propTypes = {\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Title to be displayed.\n   */\n  title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,IAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,SAAF;EAAaC;AAAb,CAAD,KAA0B;EACjD,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;EACA,MAAMS,OAAO,GAAGV,MAAM,EAAtB;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;MACpBF,eAAe,CACbC,OAAO,CAACC,OAAR,CAAgBC,WAAhB,GAA8BF,OAAO,CAACC,OAAR,CAAgBE,WAA9C,IACEH,OAAO,CAACC,OAAR,CAAgBG,YAAhB,GAA+BJ,OAAO,CAACC,OAAR,CAAgBI,YAFpC,CAAf;IAID;EACF,CAPQ,EAON,EAPM,CAAT;EASA,oBACE,oBAAC,SAAD;IACE,oBAAoB,EAAE,CAACP,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;EAHT,gBAKE,oBAAC,YAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAC,MAAhD;IAAuD,GAAG,EAAEG,OAA5D;IAAqE,SAAS,EAAEJ;EAAhF,GACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEV,SAAS,EAAEJ,SAAS,CAACe,MAJM;;EAK3B;AACF;AACA;EACEV,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf"}

package/dist/modern/AppSwitcher/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./AppSwitcher";
+export * from "./AppSwitcher";
+
+export { default as HvAppSwitcherAction } from "./Action";
+export * from "./Action";

package/dist/modern/AppSwitcher/index.js

@@ -0,0 +1,3 @@
+export { default } from "./AppSwitcher";
+export { default as HvAppSwitcherAction } from "./Action";
+//# sourceMappingURL=index.js.map

package/dist/modern/AppSwitcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvAppSwitcherAction"],"sources":["../../../src/AppSwitcher/index.js"],"sourcesContent":["export { default } from \"./AppSwitcher\";\nexport { default as HvAppSwitcherAction } from \"./Action\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,SAASA,OAAO,IAAIC,mBAApB,QAA+C,UAA/C"}

package/dist/modern/AppSwitcher/styles.js

@@ -0,0 +1,67 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    // we need to play with the 4px because of the focus ring
+    padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm - 4}px`,
+    backgroundColor: theme.hv.palette.atmosphere.atmo1
+  },
+  single: {
+    width: 320
+  },
+  dual: {
+    width: 620
+  },
+  fluid: {},
+  closed: {
+    display: "none"
+  },
+  open: {
+    zIndex: "1200",
+    position: "absolute",
+    top: "50px",
+    overflowX: "hidden",
+    boxShadow: theme.hv.shadows[1]
+  },
+  title: {
+    minHeight: 36,
+    // we need to play with the 4px because of the focus ring
+    padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis"
+  },
+  actionsContainer: {
+    display: "flex",
+    flexWrap: "wrap",
+    justifyContent: "flex-start",
+    overflowY: "auto",
+    // we need to play with the 4px because of the focus ring
+    padding: "4px 0 4px 4px"
+  },
+  footerContainer: _objectSpread({
+    display: "flex",
+    alignItems: "center",
+    marginTop: "auto",
+    height: 52,
+    // we need to play with the 4px because of the focus ring
+    padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`
+  }, theme.hv.typography.highlightText),
+  item: {},
+  itemSelected: {},
+  itemDisabled: {},
+  itemTypography: {},
+  itemIcon: {},
+  itemTitle: {},
+  itemInfo: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/AppSwitcher/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","overflow","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","single","width","dual","fluid","closed","open","zIndex","position","top","overflowX","boxShadow","shadows","title","minHeight","whiteSpace","textOverflow","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","typography","highlightText","item","itemSelected","itemDisabled","itemTypography","itemIcon","itemTitle","itemInfo"],"sources":["../../../src/AppSwitcher/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    overflow: \"hidden\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${\n      theme.hv.spacing.sm - 4\n    }px`,\n\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n\n  single: {\n    width: 320,\n  },\n  dual: {\n    width: 620,\n  },\n  fluid: {},\n\n  closed: {\n    display: \"none\",\n  },\n  open: {\n    zIndex: \"1200\",\n    position: \"absolute\",\n    top: \"50px\",\n    overflowX: \"hidden\",\n    boxShadow: theme.hv.shadows[1],\n  },\n\n  title: {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n\n  actionsContainer: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n\n    overflowY: \"auto\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: \"4px 0 4px 4px\",\n  },\n\n  footerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n\n    marginTop: \"auto\",\n\n    height: 52,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n\n    ...theme.hv.typography.highlightText,\n  },\n\n  item: {},\n  itemSelected: {},\n  itemDisabled: {},\n  itemTypography: {},\n  itemIcon: {},\n  itemTitle: {},\n  itemInfo: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAIJC,QAAQ,EAAE,QAJN;IAMJ;IACAC,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAAOR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MACjER,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CACvB,IATG;IAWJC,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;EAXzC,CADmB;EAezBC,MAAM,EAAE;IACNC,KAAK,EAAE;EADD,CAfiB;EAkBzBC,IAAI,EAAE;IACJD,KAAK,EAAE;EADH,CAlBmB;EAqBzBE,KAAK,EAAE,EArBkB;EAuBzBC,MAAM,EAAE;IACNf,OAAO,EAAE;EADH,CAvBiB;EA0BzBgB,IAAI,EAAE;IACJC,MAAM,EAAE,MADJ;IAEJC,QAAQ,EAAE,UAFN;IAGJC,GAAG,EAAE,MAHD;IAIJC,SAAS,EAAE,QAJP;IAKJC,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;EALP,CA1BmB;EAkCzBC,KAAK,EAAE;IACLC,SAAS,EAAE,EADN;IAGL;IACArB,OAAO,EAAG,OAAML,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAG,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAJ5D;IAMLJ,QAAQ,EAAE,QANL;IAOLuB,UAAU,EAAE,QAPP;IAQLC,YAAY,EAAE;EART,CAlCkB;EA6CzBC,gBAAgB,EAAE;IAChB3B,OAAO,EAAE,MADO;IAEhB4B,QAAQ,EAAE,MAFM;IAGhBC,cAAc,EAAE,YAHA;IAKhBC,SAAS,EAAE,MALK;IAOhB;IACA3B,OAAO,EAAE;EARO,CA7CO;EAwDzB4B,eAAe;IACb/B,OAAO,EAAE,MADI;IAEbgC,UAAU,EAAE,QAFC;IAIbC,SAAS,EAAE,MAJE;IAMbC,MAAM,EAAE,EANK;IAQb;IACA/B,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE;EATpD,GAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;EAsEzBC,IAAI,EAAE,EAtEmB;EAuEzBC,YAAY,EAAE,EAvEW;EAwEzBC,YAAY,EAAE,EAxEW;EAyEzBC,cAAc,EAAE,EAzES;EA0EzBC,QAAQ,EAAE,EA1Ee;EA2EzBC,SAAS,EAAE,EA3Ec;EA4EzBC,QAAQ,EAAE;AA5Ee,CAAZ,CAAf;;AA+EA,eAAe9C,MAAf"}

package/dist/modern/AssetInventory/AssetInventory.js

@@ -6,6 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.includes.js";
 import React, { useState, useEffect, useCallback } from "react";
 import PropTypes from "prop-types";
 import find from "lodash/find";