@hitachivantara/uikit-react-lab 3.38.0

package/README.md

@@ -0,0 +1,11 @@
+# @hitachivantara/uikit-react-lab
+
+This package hosts the contributed components that are not yet ready to move to core.
+
+## Installation
+
+Install the package in your project directory with:
+
+```sh
+npm install @hitachivantara/uikit-react-lab
+```

package/dist/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/AppSwitcherPanel/Action/Action.js

@@ -0,0 +1,274 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.split.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _TitleWithTooltip = _interopRequireDefault(require("../TitleWithTooltip"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+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 = (0, _core.useTheme)();
+  var color = disabled ? theme.hv.palette.atmosphere.atmo5 : getColor(theme, application.color, theme.hv.palette.accent.acce1);
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_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.default.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.default.createElement(_uikitReactCore.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.default.createElement(_uikitReactCore.HvListItem, {
+    id: id,
+    interactive: true,
+    tabIndex: 0,
+    selected: isSelected,
+    disabled: disabled,
+    className: (0, _clsx.default)(className, classes.root, disabled && classes.disabled, isSelected && classes.selected)
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+    component: isLink ? "a" : "button",
+    href: isLink ? url : undefined,
+    target: isLink ? target || "_top" : undefined,
+    className: classes.typography,
+    onClick: handleOnClick,
+    style: {
+      borderColor: color
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.icon
+  }, renderApplicationIcon()), /*#__PURE__*/_react.default.createElement(_TitleWithTooltip.default, {
+    title: name,
+    className: classes.title
+  }), description && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTooltip, {
+    disableFocusListener: true,
+    disableTouchListener: true,
+    title: /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, null, description)
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Info, {
+    className: classes.iconInfo
+  })))));
+};
+
+Action.propTypes = {
+  /**
+   * Identifier to be applied to the root element.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.shape({
+    root: _propTypes.default.string,
+    disabled: _propTypes.default.string,
+    typography: _propTypes.default.string,
+    selected: _propTypes.default.string,
+    icon: _propTypes.default.string,
+    iconUrl: _propTypes.default.string,
+    title: _propTypes.default.string,
+    iconInfo: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The application data to be used to render the Action object.
+   */
+  application: _propTypes.default.shape({
+    /**
+     * Id of the application.
+     */
+    id: _propTypes.default.string,
+
+    /**
+     * Name of the application, this is the value that will be displayed on the component.
+     */
+    name: _propTypes.default.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.default.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.default.string,
+
+    /**
+     * Element to be added as the icon representing the application.
+     * The iconElement will be the primary option to be displayed.
+     */
+    iconElement: _propTypes.default.element,
+
+    /**
+     * Small description of the application.
+     */
+    description: _propTypes.default.string,
+
+    /**
+     *  URL where the application is accessible.
+     */
+    url: _propTypes.default.string,
+
+    /**
+     * Defines if the application should be opened in the same tab or in a new one.
+     */
+    target: _propTypes.default.oneOf(["_top", "_blank"]),
+
+    /**
+     * If true, the item will be disabled.
+     */
+    disabled: _propTypes.default.bool,
+
+    /**
+     * True when the application is selected, false otherwise.
+     */
+    isSelected: _propTypes.default.bool
+  }).isRequired,
+
+  /**
+   * Callback triggered when the action is clicked.
+   */
+  onClickCallback: _propTypes.default.func,
+
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isSelectedCallback: _propTypes.default.func
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvAppSwitcherPanelAction"
+})(Action);
+
+exports.default = _default;
+//# sourceMappingURL=Action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AppSwitcherPanel/Action/Action.js"],"names":["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","PropTypes","string","shape","isRequired","element","oneOf","bool","func","styles"],"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/AppSwitcherPanel/Action/index.d.ts

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

package/dist/AppSwitcherPanel/Action/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Action = _interopRequireDefault(require("./Action"));
+
+var _default = _Action.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AppSwitcherPanel/Action/index.js"],"names":["Action"],"mappings":";;;;;;;;;AAAA;;eAEeA,e","sourcesContent":["import Action from \"./Action\";\n\nexport default Action;\n"],"file":"index.js"}

package/dist/AppSwitcherPanel/Action/styles.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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;;eA8DeH,M","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/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;