@hitachivantara/uikit-react-lab 3.38.0

package/dist/legacy/AppSwitcherPanel/Action/Action.d.ts

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvAppSwitcherPanelActionApplication {
+  /**
+   * Id of the application.
+   */
+  id?: string;
+  /**
+   * Name of the application, this is the value that will be displayed on the component.
+   */
+  name: string;
+  /**
+   * The color to be applied to the item's border and to the default icon.
+   * You can use either an HEX or color name from the palette.
+   */
+  color?: string;
+  /**
+   * URL with the icon location to be used to represent the application.
+   * iconUrl will only be used if no iconElement is provided.
+   */
+  iconUrl?: string;
+  /**
+   * Element to be added as the icon representing the application.
+   * The iconElement will be the primary option to be displayed.
+   */
+  iconElement?: React.ReactNode;
+  /**
+   * Small description of the application.
+   */
+  description?: string;
+  /**
+   *  URL where the application is accesible.
+   */
+  url?: string;
+  /**
+   * Defines if the application should be opened in the same tab or in a new one.
+   */
+  target?: "_top" | "_blank";
+  /**
+   * If true, the item will be disabled.
+   */
+  disabled?: boolean;
+  /**
+   * True when the application is selected, false otherwise.
+   */
+  isSelected?: boolean;
+}
+
+export type HvAppSwitcherPanelActionClassKey =
+  | "root"
+  | "typography"
+  | "selected"
+  | "icon"
+  | "iconUrl"
+  | "title"
+  | "iconInfo";
+
+export interface HvAppSwitcherPanelActionProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherPanelActionClassKey> {
+  /**
+   * The application data to be used to render the Action object.
+   */
+  application: HvAppSwitcherPanelActionApplication;
+  /**
+   * Callback triggered when the action is clicked.
+   */
+  onClickCallback?: (event: MouseEvent, application?: HvAppSwitcherPanelActionApplication) => void;
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isSelectedCallback?: (application?: HvAppSwitcherPanelActionApplication) => boolean;
+}
+
+export default function HvAppSwitcherPanelAction(
+  props: HvAppSwitcherPanelActionProps
+): JSX.Element | null;

package/dist/legacy/AppSwitcherPanel/Action/Action.js

@@ -0,0 +1,229 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { useTheme, withStyles } from "@material-ui/core";
+import { HvTypography, HvAvatar, HvTooltip, HvListItem } from "@hitachivantara/uikit-react-core";
+import { Info } from "@hitachivantara/uikit-react-icons";
+import styles from "./styles";
+import TitleWithTooltip from "../TitleWithTooltip";
+
+var getColor = function getColor(theme, color, defaultColor) {
+  return theme.palette[color] || color || defaultColor;
+};
+
+var Action = function Action(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      application = props.application,
+      _props$onClickCallbac = props.onClickCallback,
+      onClickCallback = _props$onClickCallbac === void 0 ? function () {} : _props$onClickCallbac,
+      _props$isSelectedCall = props.isSelectedCallback,
+      isSelectedCallback = _props$isSelectedCall === void 0 ? function () {
+    return false;
+  } : _props$isSelectedCall;
+  var name = application.name,
+      description = application.description,
+      disabled = application.disabled,
+      iconElement = application.iconElement,
+      iconUrl = application.iconUrl,
+      url = application.url,
+      target = application.target;
+  var theme = useTheme();
+  var color = disabled ? theme.hv.palette.atmosphere.atmo5 : getColor(theme, application.color, theme.hv.palette.accent.acce1);
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      validIconUrl = _useState2[0],
+      setValidIconUrl = _useState2[1];
+
+  var renderApplicationIcon = function renderApplicationIcon() {
+    if (iconElement) {
+      return iconElement;
+    }
+
+    if (iconUrl && validIconUrl) {
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/alt-text
+        React.createElement("img", {
+          className: classes.iconUrl,
+          src: iconUrl,
+          onError: function onError() {
+            setValidIconUrl(false);
+          }
+        })
+      );
+    }
+
+    var brokenTitle = name.split(" ");
+    var initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
+    return /*#__PURE__*/React.createElement(HvAvatar, {
+      size: "S",
+      backgroundColor: color,
+      variant: "square"
+    }, initials);
+  };
+
+  var isSelected = isSelectedCallback(application);
+  /**
+   * Handles the onClick event and triggers the appropriate callback if it exists.
+   */
+
+  var handleOnClick = function handleOnClick(event) {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+
+    onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(event, _objectSpread(_objectSpread({}, application), {}, {
+      isSelected: isSelected
+    }));
+  };
+
+  var isLink = url != null;
+  return /*#__PURE__*/React.createElement(HvListItem, {
+    id: id,
+    interactive: true,
+    tabIndex: 0,
+    selected: isSelected,
+    disabled: disabled,
+    className: clsx(className, classes.root, disabled && classes.disabled, isSelected && classes.selected)
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    component: isLink ? "a" : "button",
+    href: isLink ? url : undefined,
+    target: isLink ? target || "_top" : undefined,
+    className: classes.typography,
+    onClick: handleOnClick,
+    style: {
+      borderColor: color
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.icon
+  }, renderApplicationIcon()), /*#__PURE__*/React.createElement(TitleWithTooltip, {
+    title: name,
+    className: classes.title
+  }), description && /*#__PURE__*/React.createElement(HvTooltip, {
+    disableFocusListener: true,
+    disableTouchListener: true,
+    title: /*#__PURE__*/React.createElement(HvTypography, null, description)
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Info, {
+    className: classes.iconInfo
+  })))));
+};
+
+Action.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 component styles.
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    disabled: PropTypes.string,
+    typography: PropTypes.string,
+    selected: PropTypes.string,
+    icon: PropTypes.string,
+    iconUrl: PropTypes.string,
+    title: PropTypes.string,
+    iconInfo: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The application data to be used to render the Action object.
+   */
+  application: 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,
+
+    /**
+     * The color to be applied to the item's border and to the default icon.
+     * You can use either an HEX or color name from the palette.
+     */
+    color: PropTypes.string,
+
+    /**
+     * 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 accessible.
+     */
+    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,
+
+  /**
+   * 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
+};
+export default withStyles(styles, {
+  name: "HvAppSwitcherPanelAction"
+})(Action);
+//# sourceMappingURL=Action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AppSwitcherPanel/Action/Action.js"],"names":["React","useState","PropTypes","clsx","useTheme","withStyles","HvTypography","HvAvatar","HvTooltip","HvListItem","Info","styles","TitleWithTooltip","getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","hv","atmosphere","atmo5","accent","acce1","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","string","shape","isRequired","element","oneOf","bool","func"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst Action = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    application,\n    onClickCallback = () => {},\n    isSelectedCallback = () => false,\n  } = props;\n\n  const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n  const theme = useTheme();\n  const color = disabled\n    ? theme.hv.palette.atmosphere.atmo5\n    : getColor(theme, application.color, theme.hv.palette.accent.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        // eslint-disable-next-line jsx-a11y/alt-text\n        <img\n          className={classes.iconUrl}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"S\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <HvListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.selected]: isSelected,\n      })}\n    >\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      >\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 className={classes.iconInfo} />\n            </div>\n          </HvTooltip>\n        )}\n      </HvTypography>\n    </HvListItem>\n  );\n};\n\nAction.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 component styles.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    disabled: PropTypes.string,\n    typography: PropTypes.string,\n    selected: PropTypes.string,\n    icon: PropTypes.string,\n    iconUrl: PropTypes.string,\n    title: PropTypes.string,\n    iconInfo: PropTypes.string,\n  }).isRequired,\n\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,\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     * The color to be applied to the item's border and to the default icon.\n     * You can use either an HEX or color name from the palette.\n     */\n    color: PropTypes.string,\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 accessible.\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  }).isRequired,\n\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\nexport default withStyles(styles, { name: \"HvAppSwitcherPanelAction\" })(Action);\n"],"file":"Action.js"}

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

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

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

@@ -0,0 +1,3 @@
+import Action from "./Action";
+export default Action;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AppSwitcherPanel/Action/index.js"],"names":["Action"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,eAAeA,MAAf","sourcesContent":["import Action from \"./Action\";\n\nexport default Action;\n"],"file":"index.js"}

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

@@ -0,0 +1,52 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: "100%",
+      maxWidth: 280,
+      minHeight: 52,
+      marginRight: theme.hv.spacing.sm
+    },
+    disabled: {},
+    selected: {},
+    typography: {
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      width: "100%",
+      minHeight: 52,
+      padding: theme.hv.spacing.xs,
+      border: "none",
+      borderLeft: "solid 2px ".concat(theme.hv.palette.accent.acce1),
+      cursor: "pointer",
+      textDecoration: "inherit",
+      color: "inherit",
+      backgroundColor: "inherit",
+      "$disabled &": {
+        cursor: "not-allowed"
+      }
+    },
+    icon: {
+      minWidth: 32,
+      display: "flex",
+      justifyContent: "center"
+    },
+    title: {
+      flexGrow: 1,
+      margin: "0 ".concat(theme.hv.spacing.xs, "px"),
+      textAlign: "left",
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis",
+      color: "inherit"
+    },
+    iconInfo: {
+      minWidth: 32
+    },
+    iconUrl: {
+      width: 32
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AppSwitcherPanel/Action/styles.js"],"names":["styles","theme","root","width","maxWidth","minHeight","marginRight","hv","spacing","sm","disabled","selected","typography","display","justifyContent","alignItems","padding","xs","border","borderLeft","palette","accent","acce1","cursor","textDecoration","color","backgroundColor","icon","minWidth","title","flexGrow","margin","textAlign","overflow","whiteSpace","textOverflow","iconInfo","iconUrl"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJC,MAAAA,QAAQ,EAAE,GAFN;AAGJC,MAAAA,SAAS,EAAE,EAHP;AAIJC,MAAAA,WAAW,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC;AAJ1B,KADmB;AAOzBC,IAAAA,QAAQ,EAAE,EAPe;AAQzBC,IAAAA,QAAQ,EAAE,EARe;AAUzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,MADC;AAEVC,MAAAA,cAAc,EAAE,YAFN;AAGVC,MAAAA,UAAU,EAAE,QAHF;AAKVZ,MAAAA,KAAK,EAAE,MALG;AAMVE,MAAAA,SAAS,EAAE,EAND;AAQVW,MAAAA,OAAO,EAAEf,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBS,EARhB;AAUVC,MAAAA,MAAM,EAAE,MAVE;AAWVC,MAAAA,UAAU,sBAAelB,KAAK,CAACM,EAAN,CAASa,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAXA;AAaVC,MAAAA,MAAM,EAAE,SAbE;AAeVC,MAAAA,cAAc,EAAE,SAfN;AAgBVC,MAAAA,KAAK,EAAE,SAhBG;AAiBVC,MAAAA,eAAe,EAAE,SAjBP;AAmBV,qBAAe;AACbH,QAAAA,MAAM,EAAE;AADK;AAnBL,KAVa;AAkCzBI,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,EADN;AAEJf,MAAAA,OAAO,EAAE,MAFL;AAGJC,MAAAA,cAAc,EAAE;AAHZ,KAlCmB;AAwCzBe,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,CADL;AAELC,MAAAA,MAAM,cAAO9B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBS,EAAxB,OAFD;AAILe,MAAAA,SAAS,EAAE,MAJN;AAMLC,MAAAA,QAAQ,EAAE,QANL;AAOLC,MAAAA,UAAU,EAAE,QAPP;AAQLC,MAAAA,YAAY,EAAE,UART;AAULV,MAAAA,KAAK,EAAE;AAVF,KAxCkB;AAqDzBW,IAAAA,QAAQ,EAAE;AACRR,MAAAA,QAAQ,EAAE;AADF,KArDe;AAyDzBS,IAAAA,OAAO,EAAE;AACPlC,MAAAA,KAAK,EAAE;AADA;AAzDgB,GAAZ;AAAA,CAAf;;AA8DA,eAAeH,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    maxWidth: 280,\n    minHeight: 52,\n    marginRight: theme.hv.spacing.sm,\n  },\n  disabled: {},\n  selected: {},\n\n  typography: {\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n\n    width: \"100%\",\n    minHeight: 52,\n\n    padding: theme.hv.spacing.xs,\n\n    border: \"none\",\n    borderLeft: `solid 2px ${theme.hv.palette.accent.acce1}`,\n\n    cursor: \"pointer\",\n\n    textDecoration: \"inherit\",\n    color: \"inherit\",\n    backgroundColor: \"inherit\",\n\n    \"$disabled &\": {\n      cursor: \"not-allowed\",\n    },\n  },\n\n  icon: {\n    minWidth: 32,\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  title: {\n    flexGrow: 1,\n    margin: `0 ${theme.hv.spacing.xs}px`,\n\n    textAlign: \"left\",\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n\n    color: \"inherit\",\n  },\n\n  iconInfo: {\n    minWidth: 32,\n  },\n\n  iconUrl: {\n    width: 32,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+import { HvAppSwitcherPanelActionApplication } from "./Action";
+
+export type HvAppSwitcherPanelClassKey =
+  | "root"
+  | "single"
+  | "dual"
+  | "fluid"
+  | "title"
+  | "actionsContainer"
+  | "footerContainer"
+  | "closed"
+  | "open"
+  | "item"
+  | "itemSelected"
+  | "itemDisabled"
+  | "itemTrigger"
+  | "itemIcon"
+  | "itemTitle"
+  | "itemInfoIcon";
+
+export interface HvAppSwitcherPanelProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherPanelClassKey> {
+  /**
+   * 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: HvAppSwitcherPanelActionApplication[];
+
+  /**
+   * 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;
+
+  /**
+   * 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 HvAppSwitcherPanel(props: HvAppSwitcherPanelProps): JSX.Element | null;

package/dist/legacy/AppSwitcherPanel/AppSwitcherPanel.js

@@ -0,0 +1,197 @@
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.concat.js";
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { deprecatedPropType, withStyles } from "@material-ui/core";
+import { HvListContainer } from "@hitachivantara/uikit-react-core";
+import styles from "./styles";
+import TitleWithTooltip from "./TitleWithTooltip";
+import Action from "./Action";
+
+var AppSwitcherPanel = function AppSwitcherPanel(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? "single" : _props$layout,
+      title = props.title,
+      applications = props.applications,
+      _props$onActionClicke = props.onActionClickedCallback,
+      onActionClickedCallback = _props$onActionClicke === void 0 ? function () {} : _props$onActionClicke,
+      _props$isActionSelect = props.isActionSelectedCallback,
+      isActionSelectedCallback = _props$isActionSelect === void 0 ? function () {
+    return false;
+  } : _props$isActionSelect,
+      header = props.header,
+      footer = props.footer,
+      isOpen = props.isOpen;
+
+  var actionClicked = function actionClicked(event, application) {
+    onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);
+  };
+
+  var panelActions = applications.map(function (application) {
+    if (application.name) {
+      return /*#__PURE__*/React.createElement(Action, {
+        key: application.id || "".concat(application.name, "_").concat(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));
+};
+
+AppSwitcherPanel.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({
+    root: PropTypes.string,
+    single: PropTypes.string,
+    dual: PropTypes.string,
+    fluid: PropTypes.string,
+    title: PropTypes.string,
+    actionsContainer: PropTypes.string,
+    footerContainer: PropTypes.string,
+    closed: PropTypes.string,
+    open: PropTypes.string,
+    item: PropTypes.string,
+    itemSelected: PropTypes.string,
+    itemDisabled: PropTypes.string,
+    itemTrigger: PropTypes.string,
+    itemIcon: PropTypes.string,
+    itemTitle: PropTypes.string,
+    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 HvAppSwitcherPanel inside a Drawer component.
+   */
+  isOpen: deprecatedPropType(PropTypes.bool)
+};
+export default withStyles(styles, {
+  name: "HvAppSwitcherPanel"
+})(AppSwitcherPanel);
+//# sourceMappingURL=AppSwitcherPanel.js.map