@agilemotion/oui-react-js 1.2.6 → 1.2.7

package/dist/components/Toolbar.js

@@ -1,310 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Observable = _interopRequireDefault(require("../event/Observable"));
-
-var _core = require("@material-ui/core");
-
-var _ToggleButtonGroup = _interopRequireDefault(require("@material-ui/lab/ToggleButtonGroup"));
-
-var _MenuButton = _interopRequireDefault(require("./menu/MenuButton"));
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _Utils = _interopRequireDefault(require("../Utils"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _asyncMutex = require("async-mutex");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    spacer: {
-      borderLeft: '2px solid' + theme.palette.secondary.main,
-      height: '100%'
-    }
-  };
-});
-var StyledToggleButtonGroup = (0, _core.withStyles)(function (theme) {
-  return {
-    grouped: {
-      margin: theme.spacing(0.5),
-      border: 'none',
-      padding: theme.spacing(0, 1),
-      '&:not(:first-child)': {
-        borderRadius: theme.shape.borderRadius
-      },
-      '&:first-child': {
-        borderRadius: theme.shape.borderRadius
-      }
-    }
-  };
-})(_ToggleButtonGroup.default);
-
-var Toolbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var classes = useStyles();
-
-  var _React$useState = _react.default.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 1),
-      itemHandles = _React$useState2[0];
-
-  var _React$useState3 = _react.default.useState('left'),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      alignment = _React$useState4[0];
-
-  var _React$useState5 = _react.default.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      loadedComponents = _React$useState6[0];
-
-  var mutex = new _asyncMutex.Mutex();
-  var itemKeyCounter = 0;
-  var sectionKeyCounter = 0;
-
-  _react.default.useEffect(function () {
-    props.handle.api = api();
-
-    _Observable.default.addSubscriptions(props.config.eventHandlingConfig, props.handle, props.viewId);
-
-    _Observable.default.addSystemSubscriptions(props.config);
-  });
-
-  function createItemHandle() {
-    var handle = {};
-    itemHandles.push(handle);
-    return handle;
-  }
-
-  function renderItem(item, defaultId) {
-    if (_Utils.default.isNull(item.id)) {
-      item.id = defaultId;
-    }
-
-    return item.type === 'menuButton' ? /*#__PURE__*/_react.default.createElement(_MenuButton.default, {
-      config: item,
-      handle: createItemHandle(),
-      ref: /*#__PURE__*/_react.default.createRef(),
-      viewId: props.viewId,
-      loadCompleteHandler: loadCompleteHandler
-    }) : item.type === 'button' ? /*#__PURE__*/_react.default.createElement(_Button.default, {
-      config: item,
-      handle: createItemHandle(),
-      ref: /*#__PURE__*/_react.default.createRef(),
-      viewId: props.viewId,
-      loadCompleteHandler: loadCompleteHandler
-    }) : item.type === 'toolbarSpacer' ? /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.spacer
-    }, "\xA0") : /*#__PURE__*/_react.default.createElement("div", null, "Unsupported toolbar item type " + item.type);
-  }
-
-  function loadCompleteHandler(_x) {
-    return _loadCompleteHandler.apply(this, arguments);
-  }
-
-  function _loadCompleteHandler() {
-    _loadCompleteHandler = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(id) {
-      var release, allLoaded, _iterator, _step, section, _iterator2, _step2, item;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return mutex.acquire();
-
-            case 2:
-              release = _context.sent;
-              _context.prev = 3;
-              loadedComponents.push(id);
-              allLoaded = true;
-
-              if (!(_Utils.default.isNull(props.config.sections) || _Utils.default.isNull(props.config.sections.length === 0))) {
-                _context.next = 9;
-                break;
-              }
-
-              console.error("Toolbar without sections");
-              return _context.abrupt("return");
-
-            case 9:
-              _iterator = _createForOfIteratorHelper(props.config.sections);
-              _context.prev = 10;
-
-              _iterator.s();
-
-            case 12:
-              if ((_step = _iterator.n()).done) {
-                _context.next = 21;
-                break;
-              }
-
-              section = _step.value;
-
-              if (!(_Utils.default.isNull(section.items) || _Utils.default.isNull(section.items.length === 0))) {
-                _context.next = 17;
-                break;
-              }
-
-              console.error("Toolbar section without items");
-              return _context.abrupt("return");
-
-            case 17:
-              _iterator2 = _createForOfIteratorHelper(section.items);
-
-              try {
-                for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                  item = _step2.value;
-
-                  if (!loadedComponents.includes(item.id) && item.type !== 'toolbarSpacer') {
-                    allLoaded = false;
-                  }
-                }
-              } catch (err) {
-                _iterator2.e(err);
-              } finally {
-                _iterator2.f();
-              }
-
-            case 19:
-              _context.next = 12;
-              break;
-
-            case 21:
-              _context.next = 26;
-              break;
-
-            case 23:
-              _context.prev = 23;
-              _context.t0 = _context["catch"](10);
-
-              _iterator.e(_context.t0);
-
-            case 26:
-              _context.prev = 26;
-
-              _iterator.f();
-
-              return _context.finish(26);
-
-            case 29:
-              if (allLoaded === true) {
-                props.loadCompleteHandler(props.config.id);
-              }
-
-            case 30:
-              _context.prev = 30;
-              release();
-              return _context.finish(30);
-
-            case 33:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[3,, 30, 33], [10, 23, 26, 29]]);
-    }));
-    return _loadCompleteHandler.apply(this, arguments);
-  }
-
-  function renderSection(section, counter) {
-    var itemCounter = 0;
-    return /*#__PURE__*/_react.default.createElement(StyledToggleButtonGroup, {
-      size: "small",
-      value: alignment,
-      exclusive: true,
-      key: sectionKeyCounter++,
-      "aria-label": "text alignment"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "row"
-    }, section.items.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        style: {
-          margin: '4px'
-        },
-        key: itemKeyCounter++
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: 'col-*-*',
-        style: {
-          height: _Utils.default.getComponentAttribute(item, 'height', item.type === 'toolbarSpacer' ? '100%' : null),
-          minWidth: item.type === 'toolbarSpacer' ? '2' : _Utils.default.isNull(item.attributes) || _Utils.default.isNull(item.attributes['label']) ? '60px' : _Utils.default.getComponentAttribute(item, 'width', null)
-        }
-      }, renderItem(item, 'toolbar_item_' + counter + '_' + itemCounter++)));
-    })));
-  }
-
-  var api = function api() {
-    return {
-      get id() {
-        // Toolbar
-        return props.config.id;
-      },
-
-      getChildren: function getChildren() {
-        return itemHandles;
-      }
-    };
-  };
-
-  function render(toolbar) {
-    var counter = 0;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "row",
-      ref: ref,
-      style: {
-        padding: '0 0 8px 0'
-      }
-    }, toolbar.sections.map(function (section) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "col-*-*",
-        key: ++sectionKeyCounter
-      }, renderSection(section, counter++));
-    }));
-  }
-
-  function getBorderBottom() {
-    var border = _Utils.default.getComponentAttribute(props.config, 'border', null);
-
-    if (border === 'none') {
-      return 'none';
-    }
-
-    return _Utils.default.getComponentAttribute(props.config, 'borderBottom', '1px solid #e2e2e2');
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: {
-      padding: _Utils.default.getComponentAttribute(props.config, 'padding', '0px 32px 0px 32px'),
-      borderBottom: getBorderBottom(),
-      margin: _Utils.default.getComponentAttribute(props.config, 'margin', null)
-    }
-  }, render(props.config));
-});
-
-var _default = Toolbar;
-exports.default = _default;

package/dist/components/Tooltip.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CustomTooltip;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var LightTooltip = (0, _styles.withStyles)(function (theme) {
-  return {
-    tooltip: {
-      backgroundColor: theme.palette.common.white,
-      color: 'rgba(0, 0, 0, 0.87)',
-      boxShadow: theme.shadows[1],
-      fontSize: 11
-    }
-  };
-})(_Tooltip.default);
-var useStylesBootstrap = (0, _styles.makeStyles)(function (theme) {
-  return {
-    arrow: {
-      color: theme.palette.common.black
-    },
-    tooltip: {
-      backgroundColor: theme.palette.common.black
-    }
-  };
-});
-var useStylesError = (0, _styles.makeStyles)(function (theme) {
-  return {
-    arrow: {
-      color: '#f44336'
-    },
-    tooltip: {
-      backgroundColor: '#f44336'
-    }
-  };
-});
-
-function BootstrapTooltip(props) {
-  var classes = useStylesBootstrap();
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, _extends({
-    arrow: true,
-    classes: classes
-  }, props));
-}
-
-function ErrorTooltip(props) {
-  var classes = useStylesError();
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, _extends({
-    arrow: true,
-    classes: classes
-  }, props));
-}
-
-var HtmlTooltip = (0, _styles.withStyles)(function (theme) {
-  return {
-    tooltip: {
-      backgroundColor: '#f5f5f9',
-      color: 'rgba(0, 0, 0, 0.87)',
-      maxWidth: 220,
-      fontSize: theme.typography.pxToRem(12),
-      border: '1px solid #dadde9'
-    }
-  };
-})(_Tooltip.default);
-
-function CustomTooltip(props) {
-  return /*#__PURE__*/_react.default.createElement("div", null, props.type === 'LIGHT' ? /*#__PURE__*/_react.default.createElement(LightTooltip, {
-    title: props.title
-  }, props.children) : props.type === 'BOOTSTRAP' ? /*#__PURE__*/_react.default.createElement(BootstrapTooltip, {
-    title: props.title
-  }, props.children) : props.type === 'ERROR' ? /*#__PURE__*/_react.default.createElement(ErrorTooltip, {
-    title: props.title
-  }, props.children) : /*#__PURE__*/_react.default.createElement(HtmlTooltip, {
-    title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      color: "inherit"
-    }, props.heading), props.title)
-  }));
-}