@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/form/GridField.js

@@ -39,7 +39,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symb
 
 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 _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 getEditorType(columnName, gridConfig) {
   var _iterator = _createForOfIteratorHelper(gridConfig.columns),
@@ -47,7 +47,7 @@ function getEditorType(columnName, gridConfig) {
 
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var column = _step.value;
+      const column = _step.value;
 
       if ((column.id === columnName || column.dataBinding === columnName) && !_Utils.default.isNull(column.editor)) {
         return column.editor.fieldType;
@@ -63,22 +63,22 @@ function getEditorType(columnName, gridConfig) {
 }
 
 function createRecord(row, gridConfig, inbound) {
-  var record = {};
+  let record = {};
 
   var _iterator2 = _createForOfIteratorHelper(gridConfig.columns),
       _step2;
 
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var column = _step2.value;
-      var property = !_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id;
-      var val = row[property];
+      const column = _step2.value;
+      let property = !_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id;
+      let val = row[property];
 
       if (!inbound) {
-        var editorType = getEditorType(property, gridConfig);
+        let editorType = getEditorType(property, gridConfig);
 
         if (!_Utils.default.isNull(val) && (editorType === 'LOOKUP' || editorType === 'SELECT')) {
-          var objectReference = {};
+          let objectReference = {};
           objectReference.id = val.id;
           val = objectReference;
         }
@@ -96,37 +96,37 @@ function createRecord(row, gridConfig, inbound) {
   return record;
 }
 
-var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var base = props.base;
+const GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const base = props.base;
 
-  var _React$useState = _react.default.useState(-1),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      newRowIdCounter = _React$useState2[0],
-      setNewRowIdCounter = _React$useState2[1];
+  const _React$useState = _react.default.useState(-1),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        newRowIdCounter = _React$useState2[0],
+        setNewRowIdCounter = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      selection = _React$useState4[0],
-      setSelection = _React$useState4[1];
+  const _React$useState3 = _react.default.useState([]),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        selection = _React$useState4[0],
+        setSelection = _React$useState4[1];
 
-  var _React$useState5 = _react.default.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      rows = _React$useState6[0],
-      setRows = _React$useState6[1];
+  const _React$useState5 = _react.default.useState([]),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        rows = _React$useState6[0],
+        setRows = _React$useState6[1];
 
-  var _React$useState7 = _react.default.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      crudToolstripWidth = _React$useState8[0],
-      setCrudToolstripWidth = _React$useState8[1];
+  const _React$useState7 = _react.default.useState(null),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        crudToolstripWidth = _React$useState8[0],
+        setCrudToolstripWidth = _React$useState8[1];
 
-  var _React$useState9 = _react.default.useState(_Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false || _Utils.default.isNull(props.config.attributes.removeDisabled) || props.config.attributes.removeDisabled === false),
-      _React$useState10 = _slicedToArray(_React$useState9, 1),
-      hasButtons = _React$useState10[0];
+  const _React$useState9 = _react.default.useState(_Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false || _Utils.default.isNull(props.config.attributes.removeDisabled) || props.config.attributes.removeDisabled === false),
+        _React$useState10 = _slicedToArray(_React$useState9, 1),
+        hasButtons = _React$useState10[0];
 
-  var label = _Utils.default.getComponentAttribute(props.config, 'label', '');
+  let label = _Utils.default.getComponentAttribute(props.config, 'label', '');
 
-  _react.default.useEffect(function () {
-    var numCrudButtons = 0;
+  _react.default.useEffect(() => {
+    let numCrudButtons = 0;
 
     if (!_Utils.default.isNull(props.config.attributes)) {
       if (_Utils.default.isNull(props.config.attributes.addDisabled) || props.config.attributes.addDisabled === false) {
@@ -141,29 +141,29 @@ var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     setCrudToolstripWidth(numCrudButtons * 40 + 'px');
   }, []);
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(base.value) && !props.initialValueSet) {
-      var initValue = [];
+      let initValue = [];
 
       var _iterator3 = _createForOfIteratorHelper(base.value),
           _step3;
 
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var item = _step3.value;
+          const item = _step3.value;
 
           if (!_Utils.default.isNull(item.map)) {
             initValue.push(item.map);
           } else {
-            var properties = Object.getOwnPropertyNames(item);
+            let properties = Object.getOwnPropertyNames(item);
 
             var _iterator4 = _createForOfIteratorHelper(properties),
                 _step4;
 
             try {
               for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-                var property = _step4.value;
-                var val = item[property];
+                const property = _step4.value;
+                let val = item[property];
 
                 if (!_Utils.default.isNull(val) && !_Utils.default.isNull(val.map)) {
                   item[property] = val.map;
@@ -225,7 +225,7 @@ var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     "aria-controls": "menu-list-grow",
     ref: ref,
     "aria-haspopup": "true",
-    onClick: function onClick() {
+    onClick: () => {
       props.gridHandle.api.addRows([{
         id: newRowIdCounter
       }]);
@@ -240,7 +240,7 @@ var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     ref: ref,
     "aria-haspopup": "true",
     disabled: selection.length === 0,
-    onClick: function onClick() {
+    onClick: () => {
       props.gridHandle.api.deleteSelectedRows();
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -261,8 +261,8 @@ var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     rows: rows,
     form: props.form,
     formValues: props.values,
-    valueChangeHandler: function valueChangeHandler(rows) {
-      var value = null;
+    valueChangeHandler: rows => {
+      let value = null;
 
       if (!_Utils.default.isNull(rows)) {
         value = [];
@@ -272,8 +272,8 @@ var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
         try {
           for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-            var row = _step5.value;
-            var record = createRecord(row, props.config.grid, false);
+            const row = _step5.value;
+            let record = createRecord(row, props.config.grid, false);
             value.push(record);
           }
         } catch (err) {
@@ -290,7 +290,7 @@ var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       base.handleValueChange(value);
     },
     pagination: false,
-    onSelectionChange: function onSelectionChange(selection) {
+    onSelectionChange: selection => {
       setSelection(selection);
     },
     filterWrapperClass: 'transferListFilterWraper',
@@ -299,61 +299,60 @@ var GridFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
   })));
 }));
 
-var GridField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState11 = _react.default.useState({}),
-      _React$useState12 = _slicedToArray(_React$useState11, 1),
-      gridHandle = _React$useState12[0];
+const GridField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState11 = _react.default.useState({}),
+        _React$useState12 = _slicedToArray(_React$useState11, 1),
+        gridHandle = _React$useState12[0];
 
-  var _React$useState13 = _react.default.useState(!_Utils.default.isNull(props.config.toolstrip) ? {} : null),
-      _React$useState14 = _slicedToArray(_React$useState13, 1),
-      toolHandle = _React$useState14[0];
+  const _React$useState13 = _react.default.useState(!_Utils.default.isNull(props.config.toolstrip) ? {} : null),
+        _React$useState14 = _slicedToArray(_React$useState13, 1),
+        toolHandle = _React$useState14[0];
 
-  var _React$useState15 = _react.default.useState(false),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      initialValueSet = _React$useState16[0],
-      setInitialValueSet = _React$useState16[1];
+  const _React$useState15 = _react.default.useState(false),
+        _React$useState16 = _slicedToArray(_React$useState15, 2),
+        initialValueSet = _React$useState16[0],
+        setInitialValueSet = _React$useState16[1];
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    getChildren: function getChildren() {
-      var children = [];
+    getChildren: () => {
+      let children = [];
       children.push(gridHandle);
-      var moreChildren = gridHandle.api.getChildren();
+      let moreChildren = gridHandle.api.getChildren();
 
-      for (var j = 0; j < moreChildren.length; j++) {
+      for (let j = 0; j < moreChildren.length; j++) {
         children.push(moreChildren[j]);
       }
 
       if (!_Utils.default.isNull(props.config.toolstrip)) {
         children.push(toolHandle);
+        let moreChildren = toolHandle.api.getChildren();
 
-        var _moreChildren = toolHandle.api.getChildren();
-
-        for (var _j = 0; _j < _moreChildren.length; _j++) {
-          children.push(_moreChildren[_j]);
+        for (let j = 0; j < moreChildren.length; j++) {
+          children.push(moreChildren[j]);
         }
       }
 
       return children;
     },
-    valueParser: function valueParser(value, inbound) {
+    valueParser: (value, inbound) => {
       if (!_Utils.default.isNull(value)) {
-        var objectArray = value;
-        var val = [];
+        let objectArray = value;
+        let val = [];
 
         if (objectArray.length > 0) {
-          var type = objectArray[0].type;
-          var nullIdRecords = 1;
+          let type = objectArray[0].type;
+          let nullIdRecords = 1;
 
           var _iterator6 = _createForOfIteratorHelper(objectArray),
               _step6;
 
           try {
             for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-              var objectArrayElement = _step6.value;
+              const objectArrayElement = _step6.value;
 
               if (type === 'MapEntityDto' || !_Utils.default.isNull(objectArrayElement.map)) {
-                var record = createRecord(objectArrayElement.map, props.config.grid, inbound);
+                let record = createRecord(objectArrayElement.map, props.config.grid, inbound);
 
                 if (_Utils.default.isNull(record.id)) {
                   record.id = -1 * nullIdRecords++;
@@ -377,21 +376,17 @@ var GridField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
 
       return value;
     },
-    clearHandler: function clearHandler() {
-      return gridHandle.api.clear();
-    }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(GridFieldWrapper, _extends({
-      ref: ref,
-      gridHandle: gridHandle,
-      toolstripHandle: toolHandle,
-      initialValueSet: initialValueSet,
-      loadCallback: function loadCallback() {
-        setInitialValueSet(true);
-      },
-      base: base
-    }, props));
-  });
+    clearHandler: () => gridHandle.api.clear()
+  }), base => /*#__PURE__*/_react.default.createElement(GridFieldWrapper, _extends({
+    ref: ref,
+    gridHandle: gridHandle,
+    toolstripHandle: toolHandle,
+    initialValueSet: initialValueSet,
+    loadCallback: () => {
+      setInitialValueSet(true);
+    },
+    base: base
+  }, props)));
 }));
 
 var _default = GridField;

package/dist/components/form/LabelField.js

@@ -15,14 +15,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var base = props.base;
+const LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const base = props.base;
 
-  var displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
+  let displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
 
-  var style = _Utils.default.getComponentAttribute(props.config, 'style', null);
+  let style = _Utils.default.getComponentAttribute(props.config, 'style', null);
 
-  var emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
+  let emptyValue = _Utils.default.getComponentAttribute(props.config, 'emptyValue', '');
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
@@ -30,15 +30,13 @@ var LabelFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
   }, !_Utils.default.isNull(displayTemplate) ? displayTemplate.replace('@{value}', _Utils.default.isNull(base.value) ? emptyValue : base.value) : base.value);
 }));
 
-var LabelField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+const LabelField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
-      ref: ref,
-      base: base
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
+    ref: ref,
+    base: base
+  }, props)));
 }));
 
 var _default = LabelField;

package/dist/components/form/LookupField.js

@@ -37,48 +37,48 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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 LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentSelection = _React$useState2[0],
-      setCurrentSelection = _React$useState2[1];
+const LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        currentSelection = _React$useState2[0],
+        setCurrentSelection = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      open = _React$useState4[0],
-      setOpen = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(false),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        open = _React$useState4[0],
+        setOpen = _React$useState4[1];
 
-  var width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
+  const width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
 
-  var minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
+  const minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
 
-  var defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
-  var base = props.base;
+  const defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
+  const base = props.base;
 
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setOpen(false);
     setCurrentSelection(null);
 
     _Observable.default.clearComponentEventListeners(props.gridHandle.api.id);
   };
 
-  var setSelectionAsValue = function setSelectionAsValue() {
+  const setSelectionAsValue = () => {
     if (currentSelection.length > 0) {
-      var row = currentSelection[0];
-      var properties = Object.getOwnPropertyNames(row);
+      let row = currentSelection[0];
+      let properties = Object.getOwnPropertyNames(row);
 
-      var label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
+      let label = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', 'Please specify a display template');
 
-      var val = {};
+      let val = {};
 
-      for (var i = 0; i < properties.length; i++) {
-        var property = properties[i];
+      for (let i = 0; i < properties.length; i++) {
+        let property = properties[i];
         label = label.replace('@{' + property + "}", row[property]);
 
         if (property !== 'label') {
@@ -88,7 +88,7 @@ var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
 
       val.label = label;
 
-      val.toString = function () {
+      val.toString = () => {
         return label;
       };
 
@@ -97,7 +97,7 @@ var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
     }
   };
 
-  var openSearch = function openSearch() {
+  const openSearch = () => {
     setOpen(true);
   };
 
@@ -161,7 +161,7 @@ var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
     handle: props.gridHandle,
     ref: /*#__PURE__*/_react.default.createRef(),
     viewId: props.viewId,
-    onSelectionChange: function onSelectionChange(selection) {
+    onSelectionChange: selection => {
       setCurrentSelection(selection);
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -180,34 +180,34 @@ var LookupFieldComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react
 
 exports.LookupFieldComponent = LookupFieldComponent;
 
-var LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState5 = _react.default.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      gridHandle = _React$useState6[0];
+const LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState5 = _react.default.useState({}),
+        _React$useState6 = _slicedToArray(_React$useState5, 1),
+        gridHandle = _React$useState6[0];
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    getChildren: function getChildren() {
-      var children = [];
+    getChildren: () => {
+      let children = [];
       children.push(gridHandle);
       return children;
     },
-    valueParser: function valueParser(value, inbound) {
+    valueParser: (value, inbound) => {
       if (!_Utils.default.isNull(value)) {
         if (inbound) {
-          var initVal = value;
+          let initVal = value;
 
           if (!_Utils.default.isNull(initVal.map)) {
             initVal = initVal.map;
           }
 
-          initVal.toString = function () {
+          initVal.toString = () => {
             return initVal.label;
           };
 
           return initVal;
         } else {
-          var objectReference = {};
+          let objectReference = {};
           objectReference.id = value.id;
           objectReference.type = 'ObjectReference';
           return objectReference;
@@ -216,13 +216,11 @@ var LookupField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
 
       return value;
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
-      ref: ref,
-      gridHandle: gridHandle,
-      base: base
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(LookupFieldComponent, _extends({
+    ref: ref,
+    gridHandle: gridHandle,
+    base: base
+  }, props)));
 }));
 
 exports.LookupField = LookupField;