@agilemotion/oui-react-js 1.2.6 → 1.2.7

package/dist/components/TabPanel.js

@@ -1,241 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Utils = _interopRequireDefault(require("../Utils"));
-
-var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-
-var _Form = _interopRequireDefault(require("./form/Form"));
-
-var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
-
-var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
-
-var _TabPage = _interopRequireDefault(require("./TabPage"));
-
-var _Section = _interopRequireDefault(require("./form/Section"));
-
-var _mobx = require("mobx");
-
-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); }
-
-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 _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; }
-
-function a11yProps(index) {
-  return {
-    id: "simple-tab-".concat(index),
-    'aria-controls': "simple-tabpanel-".concat(index)
-  };
-}
-
-var TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(0),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      tabValue = _React$useState2[0],
-      setTabValue = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState({}),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      errors = _React$useState4[0],
-      setErrors = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      componentHandles = _React$useState6[0];
-
-  var handleTabChange = function handleTabChange(event, newValue) {
-    setTabValue(newValue);
-  };
-
-  var tabIndex = 0;
-  var tabContentIndex = 0;
-
-  var createComponentHandle = function createComponentHandle(component) {
-    if (_Utils.default.isNull(componentHandles[component.id])) {
-      var handle = {};
-      componentHandles[component.id] = handle;
-      return handle;
-    }
-
-    return componentHandles[component.id];
-  };
-
-  _react.default.useEffect(function () {
-    if (!_Utils.default.isNull(props.form)) {
-      props.form().setContainerErrorHandler(function (containerErrors) {
-        var shouldRefresh = false;
-        var properties = Object.getOwnPropertyNames(containerErrors);
-
-        var _iterator = _createForOfIteratorHelper(properties),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var property = _step.value;
-
-            if (errors[property] !== containerErrors[property]) {
-              shouldRefresh = true;
-              break;
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-
-        if (shouldRefresh) {
-          //Note that this line refreshes the entire tab page
-          setErrors(JSON.parse(JSON.stringify(containerErrors)));
-        }
-      });
-    }
-
-    props.handle.api = api();
-  });
-
-  function renderTabPageComponent(component, tabId) {
-    if (_Utils.default.isNull(component.id)) {
-      component.id = tabContentIndex + '-tab-content';
-    }
-
-    return component.type === 'formSection' ? /*#__PURE__*/_react.default.createElement(_Section.default, {
-      keyHandler: props.keyHandler,
-      key: tabContentIndex,
-      config: component,
-      handle: createComponentHandle(component),
-      ref: /*#__PURE__*/_react.default.createRef(),
-      form: props.form,
-      parentId: tabId,
-      loadCompleteHandler: props.loadCompleteHandler,
-      viewId: props.viewId,
-      values: props.values
-    }) : /*#__PURE__*/_react.default.createElement("div", null, 'Unsupported component type ' + component.type);
-  }
-
-  function renderPage(page) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        margin: '16px'
-      }
-    }, page.components.map(function (component) {
-      return renderTabPageComponent(component, page.id);
-    }));
-  }
-
-  var api = function api() {
-    return {
-      getId: function getId() {
-        return props.config.id;
-      },
-      getChildren: function getChildren() {
-        var children = [];
-        var properties = Object.getOwnPropertyNames(componentHandles);
-
-        var _iterator2 = _createForOfIteratorHelper(properties),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var property = _step2.value;
-            var componentHandle = componentHandles[property];
-            children.push(componentHandle);
-
-            if (!_Utils.default.isNull(componentHandle.api.getChildren)) {
-              var _iterator3 = _createForOfIteratorHelper(componentHandle.api.getChildren()),
-                  _step3;
-
-              try {
-                for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                  var child = _step3.value;
-                  children.push(child);
-                }
-              } catch (err) {
-                _iterator3.e(err);
-              } finally {
-                _iterator3.f();
-              }
-            }
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-
-        return children;
-      }
-    };
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_AppBar.default, {
-    position: "static",
-    color: "default",
-    style: {
-      background: 'transparent',
-      boxShadow: 'none',
-      borderBottom: '1px solid #d1d1d1'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
-    value: tabValue,
-    onChange: handleTabChange,
-    indicatorColor: "primary",
-    textColor: "primary",
-    "aria-label": "tabs"
-  }, !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map(function (page) {
-    return /*#__PURE__*/_react.default.createElement(_Tab.default, _extends({
-      label: page.attributes['label']
-    }, a11yProps(tabIndex), {
-      key: tabIndex++,
-      style: {
-        color: !_Utils.default.isNull(props.form) && errors !== null && errors[page.id] === true ? "red" : null
-      }
-    }));
-  }) : null)), !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map(function (page) {
-    if (_Utils.default.isNull(page.id)) {
-      page.id = tabContentIndex + '-tab-page';
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_TabPage.default, {
-      value: tabValue,
-      key: tabContentIndex,
-      index: tabContentIndex++
-    }, renderPage(page));
-  }) : null);
-}));
-
-var _default = TabPanel;
-exports.default = _default;

package/dist/components/TableCellContent.js

@@ -1,272 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _TextField = _interopRequireDefault(require("./form/TextField"));
-
-var _DatePicker = _interopRequireDefault(require("./form/DatePicker"));
-
-var _SelectItem = _interopRequireDefault(require("./form/SelectItem"));
-
-var _Utils = _interopRequireDefault(require("../Utils"));
-
-var _LookupField = _interopRequireDefault(require("./form/LookupField"));
-
-var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
-
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(props.contentType),
-      _React$useState2 = _slicedToArray(_React$useState, 1),
-      contentType = _React$useState2[0];
-
-  var _React$useState3 = _react.default.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      refresher = _React$useState4[0],
-      setRefresher = _React$useState4[1];
-
-  var validate = function validate(value) {
-    var validator = props.validator;
-    var errors = props.row.errors;
-
-    if (!_Utils.default.isNull(errors)) {
-      errors = errors.filter(function (error) {
-        return error.column !== props.dataBinding;
-      });
-      props.row.errors = errors;
-    }
-
-    if (!_Utils.default.isNull(validator)) {
-      var required = false;
-
-      if (!_Utils.default.isNull(validator.nullable)) {
-        var nullableExpression = validator.nullable.replace(/\[#i]/g, "[".concat(props.row.index, "]"));
-        required = !_Utils.default.evaluateBooleanExpression(nullableExpression, props.dataBinding);
-      }
-
-      var validation = _Utils.default.validateField(props.dataBinding, required, props.formValues, value, validator);
-
-      if (!validation.valid) {
-        var error = {};
-        error.column = props.dataBinding;
-        error.message = validation.message;
-
-        if (_Utils.default.isNull(errors)) {
-          errors = [];
-          props.row.errors = errors;
-        }
-
-        props.row.errors.push(error);
-        return error;
-      }
-    }
-
-    return null;
-  };
-
-  var valueChangeHandler = function valueChangeHandler(value) {
-    validate(value);
-    props.valueChangeHandler(props.row.id, props.dataBinding, value);
-  };
-
-  _react.default.useEffect(function () {
-    if (!_Utils.default.isNull(ref.current)) {
-      props.refCallback(props.row, props.dataBinding, {
-        "api": api
-      });
-    }
-  }, [ref.current]);
-
-  _react.default.useEffect(function () {
-    if (!_Utils.default.isNull(props.editor)) {
-      props.editor.id = props.editor.id.replace(".", "_");
-
-      if (_Utils.default.isNull(props.editor.attributes)) {
-        props.editor.attributes = {};
-      }
-
-      props.editor.attributes['minWidth'] = 0;
-      valueChangeHandler(null);
-    }
-  }, [props.editor]);
-
-  var getStaticDisplayValue = function getStaticDisplayValue() {
-    var displayValue;
-    var contentValue = props.row[props.dataBinding];
-
-    if (props.columnConfig.cellFormat === 'MONEY' || props.columnConfig.cellFormat === 'NUMBER') {
-      return _Utils.default.isNull(contentValue) ? '' : contentValue.toFixed(2);
-    } else {
-      if (_Utils.default.isNull(contentValue)) {
-        displayValue = "";
-      } else if (contentType === 'DATE') {
-        displayValue = new Date(contentValue).toLocaleDateString();
-      } else if (contentType === 'TIME') {
-        displayValue = new Date(contentValue).toLocaleTimeString();
-      } else {
-        if (typeof contentValue === 'object') {
-          // TODO : First check if the editor has a display template. If it does, use it to get the display value
-          if (!_Utils.default.isNull(contentValue.map)) {
-            displayValue = contentValue.map.label;
-          } else {
-            displayValue = contentValue.label;
-          }
-        } else {
-          displayValue = contentValue;
-        }
-      }
-
-      return displayValue;
-    }
-  };
-
-  var doRender = function doRender() {
-    if (!props.selected) {
-      return getStaticDisplayValue();
-    } else {
-      if (!_Utils.default.isNull(props.editor)) {
-        props.formValues[props.editor.id] = props.row[props.dataBinding];
-
-        if (props.editor.fieldType === "TEXT_FIELD") {
-          return /*#__PURE__*/_react.default.createElement(_TextField.default, {
-            valueChangeHandler: valueChangeHandler,
-            config: props.editor,
-            loadCompleteHandler: props.loadCompleteHandler,
-            form: props.form,
-            handle: {},
-            ref: /*#__PURE__*/_react.default.createRef(),
-            bindValueToForm: false,
-            values: props.formValues,
-            viewId: props.viewId
-          });
-        } else if (props.editor.fieldType === "DATE") {
-          return /*#__PURE__*/_react.default.createElement(_DatePicker.default, {
-            valueChangeHandler: valueChangeHandler,
-            config: props.editor,
-            form: props.form,
-            handle: {},
-            ref: /*#__PURE__*/_react.default.createRef(),
-            bindValueToForm: false,
-            loadCompleteHandler: props.loadCompleteHandler,
-            values: props.formValues,
-            viewId: props.viewId
-          });
-        } else if (props.editor.fieldType === "SELECT") {
-          var objectReference = props.row[props.dataBinding];
-
-          if (!_Utils.default.isNull(objectReference)) {
-            objectReference.toString = function () {
-              return objectReference.label;
-            };
-          }
-
-          return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-            valueChangeHandler: valueChangeHandler,
-            config: props.editor,
-            form: props.form,
-            handle: {},
-            ref: /*#__PURE__*/_react.default.createRef(),
-            bindValueToForm: false,
-            loadCompleteHandler: props.loadCompleteHandler,
-            values: props.formValues,
-            value: objectReference,
-            viewId: props.viewId
-          });
-        } else if (props.editor.fieldType === "LOOKUP") {
-          var data = props.row[props.dataBinding];
-
-          if (!_Utils.default.isNull(data)) {
-            if (!_Utils.default.isNull(data.map)) {
-              data = data.map;
-              props.formValues[props.editor.id] = data;
-            }
-
-            data.toString = function () {
-              return data.label;
-            };
-          }
-
-          return /*#__PURE__*/_react.default.createElement(_LookupField.default, {
-            valueChangeHandler: valueChangeHandler,
-            config: props.editor,
-            form: props.form,
-            handle: {},
-            ref: /*#__PURE__*/_react.default.createRef(),
-            bindValueToForm: false,
-            loadCompleteHandler: function loadCompleteHandler(id) {
-              _ApplicationContext.default.resolveComponentApi(id).refresh();
-            },
-            values: props.formValues,
-            value: data,
-            viewId: props.viewId
-          });
-        }
-      } else {
-        return getStaticDisplayValue();
-      }
-    }
-  };
-
-  var render = function render() {
-    var error = validate(props.row[props.dataBinding]);
-    var hasError = !_Utils.default.isNull(error);
-    return /*#__PURE__*/_react.default.createElement("table", {
-      className: 'tableCellContentContainer',
-      border: "0",
-      ref: ref
-    }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, hasError ? /*#__PURE__*/_react.default.createElement("td", {
-      style: {
-        width: '8px'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-      title: error.message,
-      type: 'ERROR'
-    }, /*#__PURE__*/_react.default.createElement(_Error.default, {
-      style: {
-        color: '#f44336'
-      }
-    }))) : null, /*#__PURE__*/_react.default.createElement("td", {
-      style: props.columnConfig.cellFormat === 'MONEY' || props.columnConfig.cellFormat === 'NUMBER' ? {
-        textAlign: 'right'
-      } : {
-        textAlign: 'left'
-      }
-    }, doRender()))));
-  };
-
-  var api = {
-    refresh: function refresh() {
-      setRefresher(!refresher);
-
-      if (_Utils.default.isNull(props.editor)) {
-        valueChangeHandler(props.row[props.dataBinding]);
-      }
-    }
-  };
-  return render();
-}));
-
-var _default = TableCellContent;
-exports.default = _default;

package/dist/components/TitleBar.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Utils = _interopRequireDefault(require("../Utils"));
-
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
-
-var _Observable = _interopRequireDefault(require("../event/Observable"));
-
-var _EventType = _interopRequireDefault(require("../event/EventType"));
-
-var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(""),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      title = _React$useState2[0],
-      setTitle = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      initializing = _React$useState4[0],
-      setInitializing = _React$useState4[1];
-
-  _react.default.useEffect(function () {
-    if (initializing) {
-      props.handle.api = api();
-
-      var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-
-      var eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
-      eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
-      var subscription = {
-        publisher: "applicationContext",
-        eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
-        actions: [{
-          actionType: "script",
-          script: {
-            lines: ["@#{".concat(props.config.id, "}.title = $event.data.value")]
-          }
-        }]
-      };
-      eventHandlingConfig.subscriptions.push(subscription);
-
-      _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
-
-      props.loadCompleteHandler(props.config.id);
-      setInitializing(false);
-    }
-  });
-
-  var api = function api() {
-    return {
-      get id() {
-        return props.config.id;
-      },
-
-      getChildren: function getChildren() {
-        return [];
-      },
-
-      set title(title) {
-        setTitle(title);
-      }
-
-    };
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: '32px 32px 4px 32px',
-      fontSize: '24px',
-      color: '#202124'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
-    html: "<p>".concat(title, "</p>")
-  })) : null);
-}));
-
-var _default = TitleBar;
-exports.default = _default;

package/dist/components/Toolbar.css

@@ -1,8 +0,0 @@
-
-.ouiToolbar button {
-    width: 100% !important;
-}
-
-.ouiToolbar .itemWrapper div {
-    width: 100% !important;
-}