@hitachivantara/uikit-react-lab 2.6.18

package/dist/modern/AppSwitcherPanel/Action/Action.js

@@ -0,0 +1,177 @@
+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; }
+
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { HvTypography } from "@hitachivantara/uikit-react-core";
+import { Info } from "@hitachivantara/uikit-react-icons";
+export default class Action extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      validIconUrl: true
+    };
+  }
+
+  render() {
+    const {
+      classes,
+      application,
+      isSelectedCallback
+    } = this.props;
+
+    const renderApplicationIcon = () => {
+      if (application.iconElement) {
+        return application.iconElement;
+      }
+
+      const {
+        validIconUrl
+      } = this.state;
+
+      if (application.iconUrl && validIconUrl) {
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line jsx-a11y/alt-text
+          React.createElement("img", {
+            className: classes.iconUrl,
+            src: application.iconUrl,
+            onError: element => {
+              // eslint-disable-next-line no-param-reassign
+              element.target.style.display = "none";
+              this.setState({
+                validIconUrl: false
+              });
+            }
+          })
+        );
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes.dummyImage
+      });
+    };
+
+    const isSelected = isSelectedCallback(application);
+    /**
+     * Handles the onClick event and triggers the appropriate callback if it exists.
+     */
+
+    const handleOnClick = event => {
+      const {
+        onClickCallback
+      } = this.props;
+
+      if (onClickCallback) {
+        onClickCallback(event, _objectSpread(_objectSpread({}, application), {}, {
+          isSelected
+        }));
+      }
+    };
+
+    const renderElement = () => {
+      return /*#__PURE__*/React.createElement(HvTypography, {
+        component: "div",
+        variant: isSelected ? "selectedText" : "normalText",
+        role: "button",
+        className: `${classes.typography} ${isSelected ? classes.selected : ""}`,
+        tabIndex: 0,
+        onClick: handleOnClick
+      }, renderApplicationIcon(), /*#__PURE__*/React.createElement("span", {
+        title: application.name
+      }, application.name), application.description && /*#__PURE__*/React.createElement(Info, {
+        className: classes.iconInfo,
+        title: application.description
+      }));
+    };
+
+    const renderElementWithLink = () => {
+      return /*#__PURE__*/React.createElement("a", {
+        href: application.url,
+        target: application.target || "_top",
+        className: classes.link
+      }, renderElement());
+    };
+
+    return isSelected ? renderElement() : renderElementWithLink();
+  }
+
+}
+process.env.NODE_ENV !== "production" ? Action.propTypes = {
+  /**
+   * The application data to be used to render the Action object.
+   */
+  application: PropTypes.shape({
+    /**
+     * Id of the application.
+     */
+    id: PropTypes.string.isRequired,
+
+    /**
+     * 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.isRequired,
+
+    /**
+     * Defines if the application should be opened in the same tab or in a new one.
+     */
+    target: PropTypes.oneOf(["_top", "_blank"]),
+
+    /**
+     * True when the application is selected, false otherwise.
+     */
+    isSelected: PropTypes.bool
+  }).isRequired,
+
+  /**
+   * A Jss object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    iconUrl: PropTypes.string,
+    dummyImage: PropTypes.string,
+    link: PropTypes.string,
+    typography: PropTypes.string,
+    selected: PropTypes.string,
+    iconInfo: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Callback triggered when the action is clicked.
+   */
+  onClickCallback: PropTypes.func,
+
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isSelectedCallback: PropTypes.func
+} : void 0;
+Action.defaultProps = {
+  onClickCallback: () => {},
+  isSelectedCallback: () => false
+};
+//# sourceMappingURL=Action.js.map

package/dist/modern/AppSwitcherPanel/Action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","names":["React","Component","PropTypes","HvTypography","Info","Action","constructor","props","state","validIconUrl","render","classes","application","isSelectedCallback","renderApplicationIcon","iconElement","iconUrl","element","target","style","display","setState","dummyImage","isSelected","handleOnClick","event","onClickCallback","renderElement","typography","selected","name","description","iconInfo","renderElementWithLink","url","link","propTypes","shape","id","string","isRequired","oneOf","bool","func","defaultProps"],"sources":["../../../../src/AppSwitcherPanel/Action/Action.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nexport default class Action extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { validIconUrl: true };\n  }\n\n  render() {\n    const { classes, application, isSelectedCallback } = this.props;\n\n    const renderApplicationIcon = () => {\n      if (application.iconElement) {\n        return application.iconElement;\n      }\n\n      const { validIconUrl } = this.state;\n\n      if (application.iconUrl && validIconUrl) {\n        return (\n          // eslint-disable-next-line jsx-a11y/alt-text\n          <img\n            className={classes.iconUrl}\n            src={application.iconUrl}\n            onError={(element) => {\n              // eslint-disable-next-line no-param-reassign\n              element.target.style.display = \"none\";\n              this.setState({ validIconUrl: false });\n            }}\n          />\n        );\n      }\n      return <div className={classes.dummyImage} />;\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      const { onClickCallback } = this.props;\n\n      if (onClickCallback) {\n        onClickCallback(event, { ...application, isSelected });\n      }\n    };\n\n    const renderElement = () => {\n      return (\n        <HvTypography\n          component=\"div\"\n          variant={isSelected ? \"selectedText\" : \"normalText\"}\n          role=\"button\"\n          className={`${classes.typography} ${isSelected ? classes.selected : \"\"}`}\n          tabIndex={0}\n          onClick={handleOnClick}\n        >\n          {renderApplicationIcon()}\n\n          <span title={application.name}>{application.name}</span>\n\n          {application.description && (\n            <Info className={classes.iconInfo} title={application.description} />\n          )}\n        </HvTypography>\n      );\n    };\n\n    const renderElementWithLink = () => {\n      return (\n        <a href={application.url} target={application.target || \"_top\"} className={classes.link}>\n          {renderElement()}\n        </a>\n      );\n    };\n\n    return isSelected ? renderElement() : renderElementWithLink();\n  }\n}\n\nAction.propTypes = {\n  /**\n   * The application data to be used to render the Action object.\n   */\n  application: PropTypes.shape({\n    /**\n     * Id of the application.\n     */\n    id: PropTypes.string.isRequired,\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.isRequired,\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     * True when the application is selected, false otherwise.\n     */\n    isSelected: PropTypes.bool,\n  }).isRequired,\n  /**\n   * A Jss object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    iconUrl: PropTypes.string,\n    dummyImage: PropTypes.string,\n    link: PropTypes.string,\n    typography: PropTypes.string,\n    selected: PropTypes.string,\n    iconInfo: PropTypes.string,\n  }).isRequired,\n  /**\n   * Callback triggered when the action is clicked.\n   */\n  onClickCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isSelectedCallback: PropTypes.func,\n};\n\nAction.defaultProps = {\n  onClickCallback: () => {},\n  isSelectedCallback: () => false,\n};\n"],"mappings":"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"}

package/dist/modern/AppSwitcherPanel/Action/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Action";
+export * from "./Action";

package/dist/modern/AppSwitcherPanel/Action/index.js

@@ -0,0 +1,7 @@
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+import Action from "./Action";
+export default withStyles(styles, {
+  withTheme: true
+})(Action);
+//# sourceMappingURL=index.js.map

package/dist/modern/AppSwitcherPanel/Action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStyles","styles","Action","withTheme"],"sources":["../../../../src/AppSwitcherPanel/Action/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport Action from \"./Action\";\n\nexport default withStyles(styles, { withTheme: true })(Action);\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;EAAEE,SAAS,EAAE;AAAb,CAAT,CAAV,CAAwCD,MAAxC,CAAf"}

package/dist/modern/AppSwitcherPanel/Action/styles.js

@@ -0,0 +1,77 @@
+const selected = theme => ({
+  background: theme.hv.palette.accent.acce1,
+  color: theme.hv.palette.atmosphere.atmo1,
+  cursor: "default",
+  "& *": {
+    background: theme.hv.palette.accent.acce1,
+    color: theme.hv.palette.atmosphere.atmo1,
+    cursor: "default"
+  },
+  "& svg *.color0": {
+    fill: theme.hv.palette.atmosphere.atmo1
+  },
+  // hover
+  "&:hover": {
+    background: theme.hv.palette.accent.acce1,
+    color: theme.hv.palette.atmosphere.atmo1,
+    "& *": {
+      background: theme.hv.palette.accent.acce1,
+      color: theme.hv.palette.atmosphere.atmo1
+    }
+  }
+});
+
+const hover = theme => ({
+  background: theme.hv.palette.atmosphere.atmo4,
+  "& *": {
+    background: theme.hv.palette.atmosphere.atmo4
+  }
+});
+
+const styles = theme => ({
+  typography: {
+    display: "flex",
+    background: theme.hv.palette.atmosphere.atmo1,
+    width: "100%",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    height: "32px",
+    color: theme.hv.palette.atmosphere.acce1,
+    marginBottom: "8px",
+    // hover
+    "&:hover": hover(theme),
+    // cursor
+    cursor: "pointer",
+    "& *": {
+      cursor: "pointer"
+    },
+    "& span": {
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis",
+      width: "calc(100% - 64px)" // The with of both icons, 32px each.
+
+    }
+  },
+  selected: selected(theme),
+  dummyImage: {
+    width: "8px"
+  },
+  link: {
+    color: "inherit",
+    textDecoration: "inherit"
+  },
+  iconInfo: {
+    width: "32px",
+    height: "32px",
+    marginLeft: "auto"
+  },
+  iconUrl: {
+    width: "16px",
+    height: "16px",
+    margin: "8px"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/AppSwitcherPanel/Action/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["selected","theme","background","hv","palette","accent","acce1","color","atmosphere","atmo1","cursor","fill","hover","atmo4","styles","typography","display","width","justifyContent","alignItems","height","marginBottom","overflow","whiteSpace","textOverflow","dummyImage","link","textDecoration","iconInfo","marginLeft","iconUrl","margin"],"sources":["../../../../src/AppSwitcherPanel/Action/styles.js"],"sourcesContent":["const selected = (theme) => ({\n  background: theme.hv.palette.accent.acce1,\n  color: theme.hv.palette.atmosphere.atmo1,\n  cursor: \"default\",\n  \"& *\": {\n    background: theme.hv.palette.accent.acce1,\n    color: theme.hv.palette.atmosphere.atmo1,\n    cursor: \"default\",\n  },\n  \"& svg *.color0\": {\n    fill: theme.hv.palette.atmosphere.atmo1,\n  },\n  // hover\n  \"&:hover\": {\n    background: theme.hv.palette.accent.acce1,\n    color: theme.hv.palette.atmosphere.atmo1,\n    \"& *\": {\n      background: theme.hv.palette.accent.acce1,\n      color: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo4,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nconst styles = (theme) => ({\n  typography: {\n    display: \"flex\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    width: \"100%\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.atmosphere.acce1,\n    marginBottom: \"8px\",\n\n    // hover\n    \"&:hover\": hover(theme),\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n\n    \"& span\": {\n      overflow: \"hidden\",\n      whiteSpace: \"nowrap\",\n      textOverflow: \"ellipsis\",\n      width: \"calc(100% - 64px)\", // The with of both icons, 32px each.\n    },\n  },\n  selected: selected(theme),\n\n  dummyImage: {\n    width: \"8px\",\n  },\n\n  link: {\n    color: \"inherit\",\n    textDecoration: \"inherit\",\n  },\n\n  iconInfo: {\n    width: \"32px\",\n    height: \"32px\",\n    marginLeft: \"auto\",\n  },\n\n  iconUrl: {\n    width: \"16px\",\n    height: \"16px\",\n    margin: \"8px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAIC,KAAD,KAAY;EAC3BC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADT;EAE3BC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAFR;EAG3BC,MAAM,EAAE,SAHmB;EAI3B,OAAO;IACLR,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAD/B;IAELC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAF9B;IAGLC,MAAM,EAAE;EAHH,CAJoB;EAS3B,kBAAkB;IAChBC,IAAI,EAAEV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;EADlB,CATS;EAY3B;EACA,WAAW;IACTP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAD3B;IAETC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAF1B;IAGT,OAAO;MACLP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAD/B;MAELC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;IAF9B;EAHE;AAbgB,CAAZ,CAAjB;;AAuBA,MAAMG,KAAK,GAAIX,KAAD,KAAY;EACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BK,KADhB;EAExB,OAAO;IACLX,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BK;EADnC;AAFiB,CAAZ,CAAd;;AAOA,MAAMC,MAAM,GAAIb,KAAD,KAAY;EACzBc,UAAU,EAAE;IACVC,OAAO,EAAE,MADC;IAEVd,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAF9B;IAGVQ,KAAK,EAAE,MAHG;IAIVC,cAAc,EAAE,YAJN;IAKVC,UAAU,EAAE,QALF;IAMVC,MAAM,EAAE,MANE;IAOVb,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BF,KAPzB;IAQVe,YAAY,EAAE,KARJ;IAUV;IACA,WAAWT,KAAK,CAACX,KAAD,CAXN;IAaV;IACAS,MAAM,EAAE,SAdE;IAeV,OAAO;MACLA,MAAM,EAAE;IADH,CAfG;IAmBV,UAAU;MACRY,QAAQ,EAAE,QADF;MAERC,UAAU,EAAE,QAFJ;MAGRC,YAAY,EAAE,UAHN;MAIRP,KAAK,EAAE,mBAJC,CAIoB;;IAJpB;EAnBA,CADa;EA2BzBjB,QAAQ,EAAEA,QAAQ,CAACC,KAAD,CA3BO;EA6BzBwB,UAAU,EAAE;IACVR,KAAK,EAAE;EADG,CA7Ba;EAiCzBS,IAAI,EAAE;IACJnB,KAAK,EAAE,SADH;IAEJoB,cAAc,EAAE;EAFZ,CAjCmB;EAsCzBC,QAAQ,EAAE;IACRX,KAAK,EAAE,MADC;IAERG,MAAM,EAAE,MAFA;IAGRS,UAAU,EAAE;EAHJ,CAtCe;EA4CzBC,OAAO,EAAE;IACPb,KAAK,EAAE,MADA;IAEPG,MAAM,EAAE,MAFD;IAGPW,MAAM,EAAE;EAHD;AA5CgB,CAAZ,CAAf;;AAmDA,eAAejB,MAAf"}

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.d.ts

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+import { HvAppSwitcherPanelActionApplication } from "./Action";
+
+export type HvAppSwitcherPanelClassKey =
+  | "root"
+  | "open"
+  | "headerContainer"
+  | "titleContainer"
+  | "title"
+  | "actionsContainer"
+  | "footerContainer";
+
+export interface HvAppSwitcherPanelProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherPanelClassKey> {
+  /**
+   * Flag stating if the panel is opened or closed.
+   */
+  isOpen?: boolean;
+  /**
+   * 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: HvAppSwitcherPanelActionApplication[];
+  /**
+   * Element to be added to the header container, if none is provided a label with the title will be added.
+   */
+  header?: React.ReactNode;
+  /**
+   * Element to be added to the footer container.
+   */
+  footer?: React.ReactNode;
+  /**
+   * Triggered when an action is clicked.
+   */
+  onActionClickedCallback?: (
+    event: MouseEvent,
+    application?: HvAppSwitcherPanelActionApplication
+  ) => void;
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isActionSelectedCallback?: (application?: HvAppSwitcherPanelActionApplication) => boolean;
+}
+
+export default function HvAppSwitcherPanel(props: HvAppSwitcherPanelProps): JSX.Element | null;

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js

@@ -0,0 +1,167 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import uniqueId from "lodash/uniqueId";
+import Action from "./Action";
+export default class AppSwitcherPanel extends Component {
+  constructor(props) {
+    super(props);
+    const {
+      id
+    } = this.props;
+    this.state = {
+      internalId: id || uniqueId("hv-appswitcherpanel-")
+    };
+  }
+
+  render() {
+    const {
+      internalId
+    } = this.state;
+    const {
+      classes,
+      isOpen,
+      title,
+      applications,
+      header,
+      footer,
+      onActionClickedCallback,
+      isActionSelectedCallback
+    } = this.props;
+
+    const actionClicked = (event, application) => {
+      if (onActionClickedCallback) {
+        onActionClickedCallback(event, application);
+      }
+    };
+
+    const panelActions = applications.map(application => {
+      if (application.name && application.url) {
+        return /*#__PURE__*/React.createElement(Action, {
+          key: application.url,
+          application: application,
+          onClickCallback: actionClicked,
+          isSelectedCallback: isActionSelectedCallback
+        });
+      }
+
+      return undefined;
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      id: internalId,
+      className: `${classes.root} ${isOpen ? classes.open : ""}`
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.headerContainer
+    }, header || /*#__PURE__*/React.createElement("div", {
+      className: classes.titleContainer
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.title,
+      title: title
+    }, title))), /*#__PURE__*/React.createElement("div", {
+      className: classes.actionsContainer
+    }, panelActions), footer && /*#__PURE__*/React.createElement("div", {
+      className: classes.footerContainer
+    }, footer));
+  }
+
+}
+process.env.NODE_ENV !== "production" ? AppSwitcherPanel.propTypes = {
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    open: PropTypes.string,
+    headerContainer: PropTypes.string,
+    titleContainer: PropTypes.string,
+    title: PropTypes.string,
+    actionsContainer: PropTypes.string,
+    footerContainer: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Flag stating if the panel is opened or closed.
+   */
+  isOpen: PropTypes.bool,
+
+  /**
+   * 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.isRequired,
+
+    /**
+     * 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.isRequired,
+
+    /**
+     * Defines if the application should be opened in the same tab or in a new one.
+     */
+    target: PropTypes.oneOf(["_top", "_blank"]),
+
+    /**
+     * True when the application is selected, false otherwise.
+     */
+    isSelected: PropTypes.bool
+  })).isRequired,
+
+  /**
+   * Element to be added to the header container, if none is provided a label with the title will be added.
+   */
+  header: PropTypes.element,
+
+  /**
+   * Element to be added to the footer container.
+   */
+  footer: PropTypes.element,
+
+  /**
+   * 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
+} : void 0;
+AppSwitcherPanel.defaultProps = {
+  isOpen: false,
+  title: "Apps",
+  footer: undefined,
+  onActionClickedCallback: () => {},
+  isActionSelectedCallback: () => false
+};
+//# sourceMappingURL=AppSwitcherPanel.js.map

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcherPanel.js","names":["React","Component","PropTypes","uniqueId","Action","AppSwitcherPanel","constructor","props","id","state","internalId","render","classes","isOpen","title","applications","header","footer","onActionClickedCallback","isActionSelectedCallback","actionClicked","event","application","panelActions","map","name","url","undefined","root","open","headerContainer","titleContainer","actionsContainer","footerContainer","propTypes","string","shape","isRequired","bool","arrayOf","iconUrl","iconElement","element","description","target","oneOf","isSelected","func","defaultProps"],"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\n\nimport Action from \"./Action\";\n\nexport default class AppSwitcherPanel extends Component {\n  constructor(props) {\n    super(props);\n\n    const { id } = this.props;\n\n    this.state = {\n      internalId: id || uniqueId(\"hv-appswitcherpanel-\"),\n    };\n  }\n\n  render() {\n    const { internalId } = this.state;\n    const {\n      classes,\n      isOpen,\n      title,\n      applications,\n      header,\n      footer,\n      onActionClickedCallback,\n      isActionSelectedCallback,\n    } = this.props;\n\n    const actionClicked = (event, application) => {\n      if (onActionClickedCallback) {\n        onActionClickedCallback(event, application);\n      }\n    };\n\n    const panelActions = applications.map((application) => {\n      if (application.name && application.url) {\n        return (\n          <Action\n            key={application.url}\n            application={application}\n            onClickCallback={actionClicked}\n            isSelectedCallback={isActionSelectedCallback}\n          />\n        );\n      }\n\n      return undefined;\n    });\n\n    return (\n      <div id={internalId} className={`${classes.root} ${isOpen ? classes.open : \"\"}`}>\n        <div className={classes.headerContainer}>\n          {header || (\n            <div className={classes.titleContainer}>\n              <div className={classes.title} title={title}>\n                {title}\n              </div>\n            </div>\n          )}\n        </div>\n        <div className={classes.actionsContainer}>{panelActions}</div>\n        {footer && <div className={classes.footerContainer}>{footer}</div>}\n      </div>\n    );\n  }\n}\n\nAppSwitcherPanel.propTypes = {\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    open: PropTypes.string,\n    headerContainer: PropTypes.string,\n    titleContainer: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Flag stating if the panel is opened or closed.\n   */\n  isOpen: PropTypes.bool,\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.isRequired,\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.isRequired,\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       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\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.element,\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.element,\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\nAppSwitcherPanel.defaultProps = {\n  isOpen: false,\n  title: \"Apps\",\n  footer: undefined,\n  onActionClickedCallback: () => {},\n  isActionSelectedCallback: () => false,\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default } from "./AppSwitcherPanel";
+export * from "./AppSwitcherPanel";

package/dist/modern/AppSwitcherPanel/index.js

@@ -0,0 +1,7 @@
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+import AppSwitcherPanel from "./AppSwitcherPanel";
+export default withStyles(styles, {
+  withTheme: true
+})(AppSwitcherPanel);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStyles","styles","AppSwitcherPanel","withTheme"],"sources":["../../../src/AppSwitcherPanel/index.js"],"sourcesContent":["import withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\nimport AppSwitcherPanel from \"./AppSwitcherPanel\";\n\nexport default withStyles(styles, { withTheme: true })(AppSwitcherPanel);\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;AAEA,eAAeF,UAAU,CAACC,MAAD,EAAS;EAAEE,SAAS,EAAE;AAAb,CAAT,CAAV,CAAwCD,gBAAxC,CAAf"}

package/dist/modern/AppSwitcherPanel/styles.js

@@ -0,0 +1,55 @@
+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: "none",
+    width: "320px",
+    backgroundColor: theme.hv.palette.atmosphere.atmo1,
+    boxShadow: `0 2px 12px rgba(65, 65, 65, 0.12)` // rgb color corresponds to #414141;
+
+  },
+  open: {
+    display: "flex",
+    zIndex: "1200",
+    flexDirection: "column",
+    position: "absolute",
+    top: "50px",
+    overflowX: "hidden"
+  },
+  headerContainer: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: `${theme.hv.spacing.sm}px`,
+    borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`
+  }),
+  titleContainer: {
+    width: "100%",
+    display: "flex",
+    alignItems: "center"
+  },
+  title: {
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis"
+  },
+  actionsContainer: {
+    flex: 1,
+    padding: `${theme.hv.spacing.sm}px`,
+    overflowY: "auto"
+  },
+  footerContainer: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+    display: "flex",
+    alignItems: "center",
+    height: "52px",
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
+    padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`
+  })
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","backgroundColor","hv","palette","atmosphere","atmo1","boxShadow","open","zIndex","flexDirection","position","top","overflowX","headerContainer","typography","highlightText","justifyContent","alignItems","padding","spacing","sm","borderBottom","atmo2","titleContainer","title","overflow","whiteSpace","textOverflow","actionsContainer","flex","overflowY","footerContainer","height","borderTop","xs"],"sources":["../../../src/AppSwitcherPanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"none\",\n    width: \"320px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: `0 2px 12px rgba(65, 65, 65, 0.12)`, // rgb color corresponds to #414141;\n  },\n  open: {\n    display: \"flex\",\n    zIndex: \"1200\",\n    flexDirection: \"column\",\n    position: \"absolute\",\n    top: \"50px\",\n    overflowX: \"hidden\",\n  },\n\n  headerContainer: {\n    ...theme.hv.typography.highlightText,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px`,\n    borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n  },\n  titleContainer: {\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  title: {\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n\n  actionsContainer: {\n    flex: 1,\n    padding: `${theme.hv.spacing.sm}px`,\n    overflowY: \"auto\",\n  },\n\n  footerContainer: {\n    ...theme.hv.typography.highlightText,\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"52px\",\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    padding: `${theme.hv.spacing.xs}px ${theme.hv.spacing.sm}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,KAAK,EAAE,OAFH;IAGJC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAHzC;IAIJC,SAAS,EAAG,mCAJR,CAI4C;;EAJ5C,CADmB;EAOzBC,IAAI,EAAE;IACJR,OAAO,EAAE,MADL;IAEJS,MAAM,EAAE,MAFJ;IAGJC,aAAa,EAAE,QAHX;IAIJC,QAAQ,EAAE,UAJN;IAKJC,GAAG,EAAE,MALD;IAMJC,SAAS,EAAE;EANP,CAPmB;EAgBzBC,eAAe,kCACVhB,KAAK,CAACK,EAAN,CAASY,UAAT,CAAoBC,aADV;IAEbhB,OAAO,EAAE,MAFI;IAGbiB,cAAc,EAAE,eAHH;IAIbC,UAAU,EAAE,QAJC;IAKbC,OAAO,EAAG,GAAErB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EAAG,IALnB;IAMbC,YAAY,EAAG,aAAYxB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BkB,KAAM;EANhD,EAhBU;EAwBzBC,cAAc,EAAE;IACdvB,KAAK,EAAE,MADO;IAEdD,OAAO,EAAE,MAFK;IAGdkB,UAAU,EAAE;EAHE,CAxBS;EA6BzBO,KAAK,EAAE;IACLC,QAAQ,EAAE,QADL;IAELC,UAAU,EAAE,QAFP;IAGLC,YAAY,EAAE;EAHT,CA7BkB;EAmCzBC,gBAAgB,EAAE;IAChBC,IAAI,EAAE,CADU;IAEhBX,OAAO,EAAG,GAAErB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EAAG,IAFhB;IAGhBU,SAAS,EAAE;EAHK,CAnCO;EAyCzBC,eAAe,kCACVlC,KAAK,CAACK,EAAN,CAASY,UAAT,CAAoBC,aADV;IAEbhB,OAAO,EAAE,MAFI;IAGbkB,UAAU,EAAE,QAHC;IAIbe,MAAM,EAAE,MAJK;IAKbC,SAAS,EAAG,aAAYpC,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BkB,KAAM,EAL7C;IAMbJ,OAAO,EAAG,GAAErB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBe,EAAG,MAAKrC,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EAAG;EAN5C;AAzCU,CAAZ,CAAf;;AAmDA,eAAexB,MAAf"}

package/dist/modern/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,14 @@
+import { MonacoEditorProps } from "react-monaco-editor";
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { editor } from "monaco-editor";
+
+export type HvCodeEditorProps = {
+  editorProps: MonacoEditorProps;
+  defaultValue?: string;
+  onChange?(value: string): void;
+  options?: editor.IEditorConstructionOptions;
+};
+
+export type HvCodeEditorClassKey = "root";
+
+export default function HvCodeEditor(props: HvCodeEditorProps): JSX.Element | null;