@hitachivantara/uikit-react-lab 2.6.18

package/LICENSE.txt

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2019 Hitachi Vantara Corporation
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

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,67 @@
+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;
+  /**
+   * 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";
+  /**
+   * True when the application is selected, false otherwise.
+   */
+  isSelected?: boolean;
+}
+
+export type HvAppSwitcherPanelActionClassKey =
+  | "iconUrl"
+  | "dummyImage"
+  | "link"
+  | "typography"
+  | "selected"
+  | "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,255 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.filter.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;
+
+require("core-js/modules/es.array.concat.js");
+
+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.string.link.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+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); 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) { (0, _defineProperty2.default)(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; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Action = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Action, _Component);
+
+  var _super = _createSuper(Action);
+
+  function Action(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Action);
+    _this = _super.call(this, props);
+    _this.state = {
+      validIconUrl: true
+    };
+    return _this;
+  }
+
+  (0, _createClass2.default)(Action, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          application = _this$props.application,
+          isSelectedCallback = _this$props.isSelectedCallback;
+
+      var renderApplicationIcon = function renderApplicationIcon() {
+        if (application.iconElement) {
+          return application.iconElement;
+        }
+
+        var validIconUrl = _this2.state.validIconUrl;
+
+        if (application.iconUrl && validIconUrl) {
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/alt-text
+            _react.default.createElement("img", {
+              className: classes.iconUrl,
+              src: application.iconUrl,
+              onError: function onError(element) {
+                // eslint-disable-next-line no-param-reassign
+                element.target.style.display = "none";
+
+                _this2.setState({
+                  validIconUrl: false
+                });
+              }
+            })
+          );
+        }
+
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: classes.dummyImage
+        });
+      };
+
+      var isSelected = isSelectedCallback(application);
+      /**
+       * Handles the onClick event and triggers the appropriate callback if it exists.
+       */
+
+      var handleOnClick = function handleOnClick(event) {
+        var onClickCallback = _this2.props.onClickCallback;
+
+        if (onClickCallback) {
+          onClickCallback(event, _objectSpread(_objectSpread({}, application), {}, {
+            isSelected: isSelected
+          }));
+        }
+      };
+
+      var renderElement = function renderElement() {
+        return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+          component: "div",
+          variant: isSelected ? "selectedText" : "normalText",
+          role: "button",
+          className: "".concat(classes.typography, " ").concat(isSelected ? classes.selected : ""),
+          tabIndex: 0,
+          onClick: handleOnClick
+        }, renderApplicationIcon(), /*#__PURE__*/_react.default.createElement("span", {
+          title: application.name
+        }, application.name), application.description && /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Info, {
+          className: classes.iconInfo,
+          title: application.description
+        }));
+      };
+
+      var renderElementWithLink = function renderElementWithLink() {
+        return /*#__PURE__*/_react.default.createElement("a", {
+          href: application.url,
+          target: application.target || "_top",
+          className: classes.link
+        }, renderElement());
+      };
+
+      return isSelected ? renderElement() : renderElementWithLink();
+    }
+  }]);
+  return Action;
+}(_react.Component);
+
+exports.default = Action;
+process.env.NODE_ENV !== "production" ? Action.propTypes = {
+  /**
+   * The application data to be used to render the Action object.
+   */
+  application: _propTypes.default.shape({
+    /**
+     * Id of the application.
+     */
+    id: _propTypes.default.string.isRequired,
+
+    /**
+     * Name of the application, this is the value that will be displayed on the component.
+     */
+    name: _propTypes.default.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.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 accesible.
+     */
+    url: _propTypes.default.string.isRequired,
+
+    /**
+     * Defines if the application should be opened in the same tab or in a new one.
+     */
+    target: _propTypes.default.oneOf(["_top", "_blank"]),
+
+    /**
+     * True when the application is selected, false otherwise.
+     */
+    isSelected: _propTypes.default.bool
+  }).isRequired,
+
+  /**
+   * A Jss object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.shape({
+    iconUrl: _propTypes.default.string,
+    dummyImage: _propTypes.default.string,
+    link: _propTypes.default.string,
+    typography: _propTypes.default.string,
+    selected: _propTypes.default.string,
+    iconInfo: _propTypes.default.string
+  }).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
+} : void 0;
+Action.defaultProps = {
+  onClickCallback: function onClickCallback() {},
+  isSelectedCallback: function isSelectedCallback() {
+    return false;
+  }
+};
+//# sourceMappingURL=Action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","names":["Action","props","state","validIconUrl","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","Component","propTypes","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/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,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _Action = _interopRequireDefault(require("./Action"));
+
+var _default = (0, _withStyles.default)(_styles.default, {
+  withTheme: true
+})(_Action.default);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["withStyles","styles","withTheme","Action"],"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;;AACA;;AACA;;eAEe,IAAAA,mBAAA,EAAWC,eAAX,EAAmB;EAAEC,SAAS,EAAE;AAAb,CAAnB,EAAwCC,eAAxC,C"}

package/dist/AppSwitcherPanel/Action/styles.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var selected = function selected(theme) {
+  return {
+    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
+      }
+    }
+  };
+};
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo4,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo4
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    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"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map