@hitachivantara/uikit-react-lab 2.6.18

package/dist/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,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;EAAA,OAAY;IAC3BC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADT;IAE3BC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAFR;IAG3BC,MAAM,EAAE,SAHmB;IAI3B,OAAO;MACLR,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAD/B;MAELC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAF9B;MAGLC,MAAM,EAAE;IAHH,CAJoB;IAS3B,kBAAkB;MAChBC,IAAI,EAAEV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;IADlB,CATS;IAY3B;IACA,WAAW;MACTP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAD3B;MAETC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAF1B;MAGT,OAAO;QACLP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAD/B;QAELC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;MAF9B;IAHE;EAbgB,CAAZ;AAAA,CAAjB;;AAuBA,IAAMG,KAAK,GAAG,SAARA,KAAQ,CAACX,KAAD;EAAA,OAAY;IACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BK,KADhB;IAExB,OAAO;MACLX,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BK;IADnC;EAFiB,CAAZ;AAAA,CAAd;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACb,KAAD;EAAA,OAAY;IACzBc,UAAU,EAAE;MACVC,OAAO,EAAE,MADC;MAEVd,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAF9B;MAGVQ,KAAK,EAAE,MAHG;MAIVC,cAAc,EAAE,YAJN;MAKVC,UAAU,EAAE,QALF;MAMVC,MAAM,EAAE,MANE;MAOVb,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BF,KAPzB;MAQVe,YAAY,EAAE,KARJ;MAUV;MACA,WAAWT,KAAK,CAACX,KAAD,CAXN;MAaV;MACAS,MAAM,EAAE,SAdE;MAeV,OAAO;QACLA,MAAM,EAAE;MADH,CAfG;MAmBV,UAAU;QACRY,QAAQ,EAAE,QADF;QAERC,UAAU,EAAE,QAFJ;QAGRC,YAAY,EAAE,UAHN;QAIRP,KAAK,EAAE,mBAJC,CAIoB;;MAJpB;IAnBA,CADa;IA2BzBjB,QAAQ,EAAEA,QAAQ,CAACC,KAAD,CA3BO;IA6BzBwB,UAAU,EAAE;MACVR,KAAK,EAAE;IADG,CA7Ba;IAiCzBS,IAAI,EAAE;MACJnB,KAAK,EAAE,SADH;MAEJoB,cAAc,EAAE;IAFZ,CAjCmB;IAsCzBC,QAAQ,EAAE;MACRX,KAAK,EAAE,MADC;MAERG,MAAM,EAAE,MAFA;MAGRS,UAAU,EAAE;IAHJ,CAtCe;IA4CzBC,OAAO,EAAE;MACPb,KAAK,EAAE,MADA;MAEPG,MAAM,EAAE,MAFD;MAGPW,MAAM,EAAE;IAHD;EA5CgB,CAAZ;AAAA,CAAf;;eAmDejB,M"}

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

@@ -0,0 +1,230 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.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");
+
+require("core-js/modules/es.object.get-own-property-descriptor.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.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.array.concat.js");
+
+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 _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _Action = _interopRequireDefault(require("./Action"));
+
+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 _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 AppSwitcherPanel = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AppSwitcherPanel, _Component);
+
+  var _super = _createSuper(AppSwitcherPanel);
+
+  function AppSwitcherPanel(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, AppSwitcherPanel);
+    _this = _super.call(this, props);
+    var id = _this.props.id;
+    _this.state = {
+      internalId: id || (0, _uniqueId.default)("hv-appswitcherpanel-")
+    };
+    return _this;
+  }
+
+  (0, _createClass2.default)(AppSwitcherPanel, [{
+    key: "render",
+    value: function render() {
+      var internalId = this.state.internalId;
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          isOpen = _this$props.isOpen,
+          title = _this$props.title,
+          applications = _this$props.applications,
+          header = _this$props.header,
+          footer = _this$props.footer,
+          onActionClickedCallback = _this$props.onActionClickedCallback,
+          isActionSelectedCallback = _this$props.isActionSelectedCallback;
+
+      var actionClicked = function actionClicked(event, application) {
+        if (onActionClickedCallback) {
+          onActionClickedCallback(event, application);
+        }
+      };
+
+      var panelActions = applications.map(function (application) {
+        if (application.name && application.url) {
+          return /*#__PURE__*/_react.default.createElement(_Action.default, {
+            key: application.url,
+            application: application,
+            onClickCallback: actionClicked,
+            isSelectedCallback: isActionSelectedCallback
+          });
+        }
+
+        return undefined;
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        id: internalId,
+        className: "".concat(classes.root, " ").concat(isOpen ? classes.open : "")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.headerContainer
+      }, header || /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.titleContainer
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.title,
+        title: title
+      }, title))), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.actionsContainer
+      }, panelActions), footer && /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.footerContainer
+      }, footer));
+    }
+  }]);
+  return AppSwitcherPanel;
+}(_react.Component);
+
+exports.default = AppSwitcherPanel;
+process.env.NODE_ENV !== "production" ? AppSwitcherPanel.propTypes = {
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    root: _propTypes.default.string,
+    open: _propTypes.default.string,
+    headerContainer: _propTypes.default.string,
+    titleContainer: _propTypes.default.string,
+    title: _propTypes.default.string,
+    actionsContainer: _propTypes.default.string,
+    footerContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Flag stating if the panel is opened or closed.
+   */
+  isOpen: _propTypes.default.bool,
+
+  /**
+   * Title to be displayed on the header of the component.
+   */
+  title: _propTypes.default.string,
+
+  /**
+   * The list of applications to be used to render the actions on the component.
+   */
+  applications: _propTypes.default.arrayOf(_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,
+
+  /**
+   * Element to be added to the header container, if none is provided a label with the title will be added.
+   */
+  header: _propTypes.default.element,
+
+  /**
+   * Element to be added to the footer container.
+   */
+  footer: _propTypes.default.element,
+
+  /**
+   * Triggered when an action is clicked.
+   */
+  onActionClickedCallback: _propTypes.default.func,
+
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isActionSelectedCallback: _propTypes.default.func
+} : void 0;
+AppSwitcherPanel.defaultProps = {
+  isOpen: false,
+  title: "Apps",
+  footer: undefined,
+  onActionClickedCallback: function onActionClickedCallback() {},
+  isActionSelectedCallback: function isActionSelectedCallback() {
+    return false;
+  }
+};
+//# sourceMappingURL=AppSwitcherPanel.js.map

package/dist/AppSwitcherPanel/AppSwitcherPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcherPanel.js","names":["AppSwitcherPanel","props","id","state","internalId","uniqueId","classes","isOpen","title","applications","header","footer","onActionClickedCallback","isActionSelectedCallback","actionClicked","event","application","panelActions","map","name","url","undefined","root","open","headerContainer","titleContainer","actionsContainer","footerContainer","Component","propTypes","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/AppSwitcherPanel/index.d.ts

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

package/dist/AppSwitcherPanel/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 _AppSwitcherPanel = _interopRequireDefault(require("./AppSwitcherPanel"));
+
+var _default = (0, _withStyles.default)(_styles.default, {
+  withTheme: true
+})(_AppSwitcherPanel.default);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/AppSwitcherPanel/index.js.map

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

package/dist/AppSwitcherPanel/styles.js

@@ -0,0 +1,83 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.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");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (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; }
+
+var styles = function styles(theme) {
+  return {
+    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: "".concat(theme.hv.spacing.sm, "px"),
+      borderBottom: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2)
+    }),
+    titleContainer: {
+      width: "100%",
+      display: "flex",
+      alignItems: "center"
+    },
+    title: {
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    actionsContainer: {
+      flex: 1,
+      padding: "".concat(theme.hv.spacing.sm, "px"),
+      overflowY: "auto"
+    },
+    footerContainer: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
+      display: "flex",
+      alignItems: "center",
+      height: "52px",
+      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
+      padding: "".concat(theme.hv.spacing.xs, "px ").concat(theme.hv.spacing.sm, "px")
+    })
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,OAFH;MAGJC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAHzC;MAIJC,SAAS,qCAJL,CAI4C;;IAJ5C,CADmB;IAOzBC,IAAI,EAAE;MACJR,OAAO,EAAE,MADL;MAEJS,MAAM,EAAE,MAFJ;MAGJC,aAAa,EAAE,QAHX;MAIJC,QAAQ,EAAE,UAJN;MAKJC,GAAG,EAAE,MALD;MAMJC,SAAS,EAAE;IANP,CAPmB;IAgBzBC,eAAe,kCACVhB,KAAK,CAACK,EAAN,CAASY,UAAT,CAAoBC,aADV;MAEbhB,OAAO,EAAE,MAFI;MAGbiB,cAAc,EAAE,eAHH;MAIbC,UAAU,EAAE,QAJC;MAKbC,OAAO,YAAKrB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EAAtB,OALM;MAMbC,YAAY,sBAAexB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BkB,KAA3C;IANC,EAhBU;IAwBzBC,cAAc,EAAE;MACdvB,KAAK,EAAE,MADO;MAEdD,OAAO,EAAE,MAFK;MAGdkB,UAAU,EAAE;IAHE,CAxBS;IA6BzBO,KAAK,EAAE;MACLC,QAAQ,EAAE,QADL;MAELC,UAAU,EAAE,QAFP;MAGLC,YAAY,EAAE;IAHT,CA7BkB;IAmCzBC,gBAAgB,EAAE;MAChBC,IAAI,EAAE,CADU;MAEhBX,OAAO,YAAKrB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EAAtB,OAFS;MAGhBU,SAAS,EAAE;IAHK,CAnCO;IAyCzBC,eAAe,kCACVlC,KAAK,CAACK,EAAN,CAASY,UAAT,CAAoBC,aADV;MAEbhB,OAAO,EAAE,MAFI;MAGbkB,UAAU,EAAE,QAHC;MAIbe,MAAM,EAAE,MAJK;MAKbC,SAAS,sBAAepC,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BkB,KAA3C,CALI;MAMbJ,OAAO,YAAKrB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBe,EAAtB,gBAA8BrC,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EAA/C;IANM;EAzCU,CAAZ;AAAA,CAAf;;eAmDexB,M"}

package/dist/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;

package/dist/CodeEditor/CodeEditor.js

@@ -0,0 +1,144 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.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");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DefaultCodeEditorOptions = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactMonacoEditor = _interopRequireDefault(require("react-monaco-editor"));
+
+var _withTheme = _interopRequireDefault(require("@material-ui/core/styles/withTheme"));
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "theme", "defaultValue", "options", "editorProps"];
+
+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; }
+
+var DefaultCodeEditorOptions = {
+  automaticLayout: true,
+  // TODO add a resize event listener and manually resize?
+  overviewRulerLanes: 0,
+  minimap: {
+    enabled: true
+  },
+  scrollBeyondLastLine: false,
+  scrollbar: {
+    horizontal: "visible",
+    vertical: "visible",
+    verticalScrollbarSize: 20,
+    horizontalScrollbarSize: 20,
+    verticalSliderSize: 5,
+    horizontalSliderSize: 5
+  }
+};
+/**
+ * A wrapper to the React Monaco editor (https://github.com/react-monaco-editor/react-monaco-editor) with our styles.
+ * Please make sure you follow the instructions (found in the repository) to include the component. Webpack configurations, and MonacoWebpackPlugin, are required to see the editor syntax highlight.
+ */
+
+exports.DefaultCodeEditorOptions = DefaultCodeEditorOptions;
+
+var CodeEditor = function CodeEditor(_ref) {
+  var classes = _ref.classes,
+      theme = _ref.theme,
+      defaultValue = _ref.defaultValue,
+      options = _ref.options,
+      editorProps = _ref.editorProps,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  // merges the 2 objects together, overriding defaults with passed in options
+  var mergedOptions = _objectSpread(_objectSpread({}, DefaultCodeEditorOptions), options);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/_react.default.createElement(_reactMonacoEditor.default, (0, _extends2.default)({
+    defaultValue: defaultValue,
+    options: mergedOptions,
+    editorWillMount: function editorWillMount(monaco) {
+      monaco.editor.defineTheme("hv", {
+        base: theme.hv.type === "light" ? "vs" : "vs-dark",
+        inherit: true,
+        rules: [],
+        colors: {
+          "editor.background": theme.hv.palette.atmosphere.atmo1,
+          "editorLineNumber.foreground": theme.hv.palette.atmosphere.atmo7
+        }
+      });
+    },
+    theme: "hv"
+  }, editorProps, others)));
+};
+
+process.env.NODE_ENV !== "production" ? CodeEditor.propTypes = {
+  /*
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * styling theme to be applied to the code editor
+   */
+  theme: _propTypes.default.any.isRequired,
+
+  /**
+   * The properties of the Monaco editor. Please check MonacoEditorProps from https://microsoft.github.io/monaco-editor/api/index.html
+   */
+  editorProps: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * The initial value of the code editor
+   */
+  defaultValue: _propTypes.default.string,
+
+  /**
+   * The function called when the written code changes
+   * @param {*} value
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * The properties of the editor object in Monaco. Please check editor.IEditorConstructionOptions in https://microsoft.github.io/monaco-editor/api/index.html
+   */
+  options: _propTypes.default.instanceOf(Object)
+} : void 0;
+
+var _default = (0, _withStyles.default)(_styles.default)((0, _withTheme.default)(CodeEditor));
+
+exports.default = _default;
+//# sourceMappingURL=CodeEditor.js.map

package/dist/CodeEditor/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","names":["DefaultCodeEditorOptions","automaticLayout","overviewRulerLanes","minimap","enabled","scrollBeyondLastLine","scrollbar","horizontal","vertical","verticalScrollbarSize","horizontalScrollbarSize","verticalSliderSize","horizontalSliderSize","CodeEditor","classes","theme","defaultValue","options","editorProps","others","mergedOptions","root","monaco","editor","defineTheme","base","hv","type","inherit","rules","colors","palette","atmosphere","atmo1","atmo7","propTypes","PropTypes","shape","string","isRequired","any","instanceOf","Object","onChange","func","withStyles","styles","withTheme"],"sources":["../../src/CodeEditor/CodeEditor.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport MonacoEditor from \"react-monaco-editor\";\n\nimport withTheme from \"@material-ui/core/styles/withTheme\";\nimport withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\n\nexport const DefaultCodeEditorOptions = {\n  automaticLayout: true, // TODO add a resize event listener and manually resize?\n  overviewRulerLanes: 0,\n  minimap: {\n    enabled: true,\n  },\n  scrollBeyondLastLine: false,\n  scrollbar: {\n    horizontal: \"visible\",\n    vertical: \"visible\",\n    verticalScrollbarSize: 20,\n    horizontalScrollbarSize: 20,\n    verticalSliderSize: 5,\n    horizontalSliderSize: 5,\n  },\n};\n\n/**\n * A wrapper to the React Monaco editor (https://github.com/react-monaco-editor/react-monaco-editor) with our styles.\n * Please make sure you follow the instructions (found in the repository) to include the component. Webpack configurations, and MonacoWebpackPlugin, are required to see the editor syntax highlight.\n */\nconst CodeEditor = ({ classes, theme, defaultValue, options, editorProps, ...others }) => {\n  // merges the 2 objects together, overriding defaults with passed in options\n  const mergedOptions = {\n    ...DefaultCodeEditorOptions,\n    ...options,\n  };\n\n  return (\n    <div className={classes.root}>\n      <MonacoEditor\n        defaultValue={defaultValue}\n        options={mergedOptions}\n        editorWillMount={(monaco) => {\n          monaco.editor.defineTheme(\"hv\", {\n            base: theme.hv.type === \"light\" ? \"vs\" : \"vs-dark\",\n            inherit: true,\n            rules: [],\n            colors: {\n              \"editor.background\": theme.hv.palette.atmosphere.atmo1,\n              \"editorLineNumber.foreground\": theme.hv.palette.atmosphere.atmo7,\n            },\n          });\n        }}\n        theme=\"hv\"\n        {...editorProps}\n        {...others}\n      />\n    </div>\n  );\n};\n\nCodeEditor.propTypes = {\n  /*\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * styling theme to be applied to the code editor\n   */\n  theme: PropTypes.any.isRequired,\n  /**\n   * The properties of the Monaco editor. Please check MonacoEditorProps from https://microsoft.github.io/monaco-editor/api/index.html\n   */\n  editorProps: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The initial value of the code editor\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * The function called when the written code changes\n   * @param {*} value\n   */\n  onChange: PropTypes.func,\n  /**\n   * The properties of the editor object in Monaco. Please check editor.IEditorConstructionOptions in https://microsoft.github.io/monaco-editor/api/index.html\n   */\n  options: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles)(withTheme(CodeEditor));\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAEO,IAAMA,wBAAwB,GAAG;EACtCC,eAAe,EAAE,IADqB;EACf;EACvBC,kBAAkB,EAAE,CAFkB;EAGtCC,OAAO,EAAE;IACPC,OAAO,EAAE;EADF,CAH6B;EAMtCC,oBAAoB,EAAE,KANgB;EAOtCC,SAAS,EAAE;IACTC,UAAU,EAAE,SADH;IAETC,QAAQ,EAAE,SAFD;IAGTC,qBAAqB,EAAE,EAHd;IAITC,uBAAuB,EAAE,EAJhB;IAKTC,kBAAkB,EAAE,CALX;IAMTC,oBAAoB,EAAE;EANb;AAP2B,CAAjC;AAiBP;AACA;AACA;AACA;;;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAuE;EAAA,IAApEC,OAAoE,QAApEA,OAAoE;EAAA,IAA3DC,KAA2D,QAA3DA,KAA2D;EAAA,IAApDC,YAAoD,QAApDA,YAAoD;EAAA,IAAtCC,OAAsC,QAAtCA,OAAsC;EAAA,IAA7BC,WAA6B,QAA7BA,WAA6B;EAAA,IAAbC,MAAa;;EACxF;EACA,IAAMC,aAAa,mCACdpB,wBADc,GAEdiB,OAFc,CAAnB;;EAKA,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACO;EAAxB,gBACE,6BAAC,0BAAD;IACE,YAAY,EAAEL,YADhB;IAEE,OAAO,EAAEI,aAFX;IAGE,eAAe,EAAE,yBAACE,MAAD,EAAY;MAC3BA,MAAM,CAACC,MAAP,CAAcC,WAAd,CAA0B,IAA1B,EAAgC;QAC9BC,IAAI,EAAEV,KAAK,CAACW,EAAN,CAASC,IAAT,KAAkB,OAAlB,GAA4B,IAA5B,GAAmC,SADX;QAE9BC,OAAO,EAAE,IAFqB;QAG9BC,KAAK,EAAE,EAHuB;QAI9BC,MAAM,EAAE;UACN,qBAAqBf,KAAK,CAACW,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KAD3C;UAEN,+BAA+BlB,KAAK,CAACW,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BE;QAFrD;MAJsB,CAAhC;IASD,CAbH;IAcE,KAAK,EAAC;EAdR,GAeMhB,WAfN,EAgBMC,MAhBN,EADF,CADF;AAsBD,CA7BD;;AA+BA,wCAAAN,UAAU,CAACsB,SAAX,GAAuB;EACrB;AACF;AACA;EACErB,OAAO,EAAEsB,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIhB,IAAI,EAAEe,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACExB,KAAK,EAAEqB,kBAAA,CAAUI,GAAV,CAAcD,UAbA;;EAcrB;AACF;AACA;EACErB,WAAW,EAAEkB,kBAAA,CAAUK,UAAV,CAAqBC,MAArB,EAA6BH,UAjBrB;;EAkBrB;AACF;AACA;EACEvB,YAAY,EAAEoB,kBAAA,CAAUE,MArBH;;EAsBrB;AACF;AACA;AACA;EACEK,QAAQ,EAAEP,kBAAA,CAAUQ,IA1BC;;EA2BrB;AACF;AACA;EACE3B,OAAO,EAAEmB,kBAAA,CAAUK,UAAV,CAAqBC,MAArB;AA9BY,CAAvB;;eAiCe,IAAAG,mBAAA,EAAWC,eAAX,EAAmB,IAAAC,kBAAA,EAAUlC,UAAV,CAAnB,C"}

package/dist/CodeEditor/index.d.ts

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

package/dist/CodeEditor/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _CodeEditor.default;
+  }
+});
+
+var _CodeEditor = _interopRequireDefault(require("./CodeEditor"));
+//# sourceMappingURL=index.js.map

package/dist/CodeEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/CodeEditor/index.js"],"sourcesContent":["export { default } from \"./CodeEditor\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}