fennec-ui 1.1.311 → 1.1.312

package/dist/fennec-ui.js

@@ -6911,9 +6911,9 @@ function DefaultCollectionServer(props) {
       var srk = selectedRowKeys.filter(function (e) {
         return e !== (item === null || item === void 0 ? void 0 : item.ID);
       });
-      var vsr = value.filter(function (e) {
+      var vsr = (value === null || value === void 0 ? void 0 : value.filter(function (e) {
         return (e === null || e === void 0 ? void 0 : e.ID) !== (item === null || item === void 0 ? void 0 : item.ID);
-      });
+      })) || [];
       if (sr.length !== selectedRows.length) {
         setSelectedRowKeys(srk);
         setSelectedRows(sr);
@@ -8864,8 +8864,8 @@ function Obj(_ref15) {
     }
   }, elements(data)), (item === null || item === void 0 ? void 0 : item.actions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RendeActions()), (item === null || item === void 0 ? void 0 : item.dropdownActions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RenderDropdownActions())));
 }
-function BigObj(_ref18) {
-  var _item$relation23, _item$relation23$refe, _item$relation24, _item$relation24$refe, _item$relation25, _item$relation25$refe, _item$relation26, _item$relation26$refe, _item$relation27, _item$relation27$refe, _item$relation32, _item$relation32$refe, _item$relation33, _item$relation33$refe;
+function ObjCollection(_ref18) {
+  var _item$relation27, _item$relation27$refe, _item$relation28, _item$relation28$refe;
   var formItem = _ref18.formItem,
     auth = _ref18.auth,
     item = _ref18.item,
@@ -8876,16 +8876,11 @@ function BigObj(_ref18) {
     objectName = _ref18.objectName,
     partialReplacement = _ref18.partialReplacement;
   var _useState22 = React.useState([]),
-    data = _useState22[0],
-    setData = _useState22[1];
+    data = _useState22[0];
   var _useState23 = React.useState(false),
-    loading = _useState23[0],
-    setLoading = _useState23[1];
+    loading = _useState23[0];
   var meta = useMetaContext();
   var PartialReplacementFunc = useFieldPartialReplacement(_$8.get(item, "relation.reference.object"), partialReplacement);
-  var dataOrContent = function dataOrContent(data) {
-    return data && data.content ? data.content : _$8.has(data, 'content') ? [] : data;
-  };
   var by = function by(item) {
     var _item$dependence11;
     if (!!(item !== null && item !== void 0 && item.dependence) && !!(item !== null && item !== void 0 && (_item$dependence11 = item.dependence) !== null && _item$dependence11 !== void 0 && _item$dependence11.field)) {
@@ -8911,14 +8906,277 @@ function BigObj(_ref18) {
     }
     return [].concat(_dependence);
   }, [item.dependence, changed]);
+  var itemByProperty = React.useCallback(function (item, value) {
+    if (_$8.get(item, "relation.reference.property")) {
+      return data.find(function (e) {
+        return e[item.relation.reference.property] === value;
+      });
+    }
+    return data.find(function (e) {
+      return e.ID === value;
+    });
+  }, [data]);
+  var display = React.useCallback(function (item, value) {
+    if (item && value) {
+      if (item.display && _$8.isFunction(item.display)) {
+        return item.display(value);
+      } else if (item.relation && item.relation.display && _$8.isFunction(item.relation.display)) {
+        return item.relation.display(value);
+      } else if (PartialReplacementFunc) {
+        return PartialReplacementFunc({
+          item: item,
+          value: value,
+          changed: changed,
+          contextObject: contextObject,
+          objectName: objectName
+        });
+      } else {
+        var _item$relation23, _item$relation23$disp, _item$relation24, _fieldMeta$display7;
+        var fieldMeta = meta[getObjectValue(item, "relation.reference.object")];
+        var _display = (item !== null && item !== void 0 && (_item$relation23 = item.relation) !== null && _item$relation23 !== void 0 && (_item$relation23$disp = _item$relation23.display) !== null && _item$relation23$disp !== void 0 && _item$relation23$disp.fields ? item === null || item === void 0 ? void 0 : (_item$relation24 = item.relation) === null || _item$relation24 === void 0 ? void 0 : _item$relation24.display : undefined) || (fieldMeta !== null && fieldMeta !== void 0 && (_fieldMeta$display7 = fieldMeta.display) !== null && _fieldMeta$display7 !== void 0 && _fieldMeta$display7.fields ? fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.display : undefined);
+        return getDisplay(value, _display, fieldMeta, meta);
+      }
+    }
+    return "";
+  }, [meta]);
+  var displayString = React.useCallback(function (item, value) {
+    if (item && value) {
+      if (item.displayString && _$8.isFunction(item.displayString)) {
+        return item.displayString(value);
+      } else if (item.relation && item.relation.displayString && _$8.isFunction(item.relation.displayString)) {
+        return item.relation.displayString(value);
+      } else {
+        var _item$relation25, _item$relation25$disp, _item$relation26, _fieldMeta$display8;
+        var labeldisplay = display(item, value);
+        if (_$8.isString(labeldisplay)) {
+          return labeldisplay;
+        }
+        var fieldMeta = meta[getObjectValue(item, "relation.reference.object")];
+        var _display = (item !== null && item !== void 0 && (_item$relation25 = item.relation) !== null && _item$relation25 !== void 0 && (_item$relation25$disp = _item$relation25.display) !== null && _item$relation25$disp !== void 0 && _item$relation25$disp.fields ? item === null || item === void 0 ? void 0 : (_item$relation26 = item.relation) === null || _item$relation26 === void 0 ? void 0 : _item$relation26.display : undefined) || (fieldMeta !== null && fieldMeta !== void 0 && (_fieldMeta$display8 = fieldMeta.display) !== null && _fieldMeta$display8 !== void 0 && _fieldMeta$display8.fields ? fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.display : undefined);
+        return getDisplay(value, _display, fieldMeta, meta);
+      }
+    }
+    return "";
+  }, [meta]);
+  var suffix = React.useCallback(function (item, value) {
+    if (item && value) {
+      if (item.suffix && _$8.isFunction(item.suffix)) {
+        return item.suffix(value);
+      } else if (item.relation && item.relation.suffix && _$8.isFunction(item.relation.suffix)) {
+        return item.relation.suffix(value);
+      }
+    }
+    return undefined;
+  }, [meta]);
+  var cAction = function cAction(values, unlock, close) {
+    var selected = values.selected;
+    if (selected) {
+      onChange(selected, item);
+    }
+    close();
+  };
+  var cTrigger = React.useCallback(function (click) {
+    return /*#__PURE__*/React__default.createElement(antd.Button, {
+      style: {
+        borderLeft: "none"
+      },
+      onClick: click,
+      type: "default",
+      size: item.size ? item.size : "middle",
+      disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
+    }, /*#__PURE__*/React__default.createElement("i", {
+      className: "fa fa-search",
+      style: {
+        fontSize: "12px"
+      }
+    }));
+  }, [item, loading]);
+  var cName = React.useCallback(item && _$8.get(item, "relation.reference.object") ? getObjectValue(item, "relation.reference.object") : undefined, [item]);
+  var cSource = React.useCallback((item === null || item === void 0 ? void 0 : item.source) || (item === null || item === void 0 ? void 0 : (_item$relation27 = item.relation) === null || _item$relation27 === void 0 ? void 0 : (_item$relation27$refe = _item$relation27.reference) === null || _item$relation27$refe === void 0 ? void 0 : _item$relation27$refe.url) || (item === null || item === void 0 ? void 0 : (_item$relation28 = item.relation) === null || _item$relation28 === void 0 ? void 0 : (_item$relation28$refe = _item$relation28.reference) === null || _item$relation28$refe === void 0 ? void 0 : _item$relation28$refe.source), [item]);
+  var cContextFilters = React.useCallback(function () {
+    return defaultQueryParams(item.queryFilter || _$8.get(item, "relation.reference.queryFilter") || _$8.get(item, "relation.reference.filter"));
+  }, [item]);
+  var cFilters = React.useCallback(function () {
+    var _meta$getObjectValue, _meta$getObjectValue$;
+    var uif = _$8.get(item, "relation.uiFilter");
+    if (uif) {
+      return uif();
+    }
+    return (_meta$getObjectValue = meta[getObjectValue(item, "relation.reference.object")]) === null || _meta$getObjectValue === void 0 ? void 0 : (_meta$getObjectValue$ = _meta$getObjectValue.properties) === null || _meta$getObjectValue$ === void 0 ? void 0 : _meta$getObjectValue$.map(function (e) {
+      return _extends({}, e, {
+        sort: true,
+        filter: true
+      });
+    });
+  }, [meta, item]);
+  var cRender = function cRender(auth, _item, value, onChange) {
+    var _item$relation29;
+    return /*#__PURE__*/React__default.createElement(CollectionServer, {
+      count: _item === null || _item === void 0 ? void 0 : _item.count,
+      floatingFilter: (item === null || item === void 0 ? void 0 : item.floatingFilter) || (item === null || item === void 0 ? void 0 : (_item$relation29 = item.relation) === null || _item$relation29 === void 0 ? void 0 : _item$relation29.floatingFilter),
+      selection: "multiselect",
+      value: value,
+      onChange: onChange,
+      auth: auth,
+      objectName: objectName,
+      contextObject: contextObject,
+      name: cName,
+      source: cSource,
+      contextFilters: cContextFilters,
+      filters: cFilters,
+      customRender: function customRender(items, _ref19) {
+        var onSelection = _ref19.onSelection,
+          isSelected = _ref19.isSelected,
+          loading = _ref19.loading;
+        return /*#__PURE__*/React__default.createElement("div", null, value && value.filter(function (e) {
+          return !!e && items.filter(function (c) {
+            return c.ID === e.ID;
+          }) <= 0;
+        }).length > 0 && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+          style: {
+            fontWeight: "lighter"
+          }
+        }, "\u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D\u043E"), JSXMap(value, function (i, idx) {
+          return /*#__PURE__*/React__default.createElement("div", {
+            key: idx
+          }, display(item, i));
+        }), /*#__PURE__*/React__default.createElement("div", {
+          style: {
+            fontWeight: "lighter",
+            paddingTop: "10px"
+          }
+        }, "\u041C\u043E\u0436\u043D\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0438\u0437")), /*#__PURE__*/React__default.createElement("div", {
+          style: {
+            display: "flex",
+            flexDirection: "column"
+          }
+        }, /*#__PURE__*/React__default.createElement(antd.Spin, {
+          spinning: loading,
+          style: {
+            paddingTop: "15px",
+            paddingBottom: "15px"
+          }
+        }), JSXMap(items, function (o, oidx) {
+          return /*#__PURE__*/React__default.createElement("div", {
+            key: oidx,
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              onSelection(o);
+            },
+            className: "bg " + (isSelected(o) ? "bg-blue dark-3" : "bg-grey-hover light") + " pointer",
+            style: {
+              textAlign: "left"
+            }
+          }, display(item, o));
+        })));
+      },
+      size: "small"
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(FieldLayout, {
+    formItem: formItem,
+    item: item,
+    style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React__default.createElement(antd.Space.Compact, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: "100%",
+      border: "1px solid #d9d9d9",
+      borderRadius: "6px 0 0 6px"
+    }
+  }, JSXMap(value, function (i, idx) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: idx
+    }, display(item, i));
+  })), /*#__PURE__*/React__default.createElement(Action, {
+    title: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        fontSize: "12px",
+        fontStyle: "italic",
+        color: "rgba(0, 0, 0, 0.45)"
+      }
+    }, "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B"), (item === null || item === void 0 ? void 0 : item.label) && /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.label)),
+    auth: auth,
+    action: cAction,
+    okText: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C",
+    locator: (item === null || item === void 0 ? void 0 : item.name) || objectName,
+    object: {
+      selected: value
+    },
+    modal: item.modal ? item.modal : {
+      width: "600px"
+    },
+    form: Model,
+    meta: [{
+      type: "func",
+      name: "selected",
+      count: item === null || item === void 0 ? void 0 : item.count,
+      render: cRender
+    }],
+    mode: "func",
+    trigger: cTrigger
+  })));
+}
+function BigObj(_ref20) {
+  var _item$relation30, _item$relation30$refe, _item$relation31, _item$relation31$refe, _item$relation32, _item$relation32$refe, _item$relation33, _item$relation33$refe, _item$relation34, _item$relation34$refe, _item$relation39, _item$relation39$refe, _item$relation40, _item$relation40$refe;
+  var formItem = _ref20.formItem,
+    auth = _ref20.auth,
+    item = _ref20.item,
+    value = _ref20.value,
+    onChange = _ref20.onChange,
+    changed = _ref20.changed,
+    contextObject = _ref20.contextObject,
+    objectName = _ref20.objectName,
+    partialReplacement = _ref20.partialReplacement;
+  var _useState24 = React.useState([]),
+    data = _useState24[0],
+    setData = _useState24[1];
+  var _useState25 = React.useState(false),
+    loading = _useState25[0],
+    setLoading = _useState25[1];
+  var meta = useMetaContext();
+  var PartialReplacementFunc = useFieldPartialReplacement(_$8.get(item, "relation.reference.object"), partialReplacement);
+  var dataOrContent = function dataOrContent(data) {
+    return data && data.content ? data.content : _$8.has(data, 'content') ? [] : data;
+  };
+  var by = function by(item) {
+    var _item$dependence15;
+    if (!!(item !== null && item !== void 0 && item.dependence) && !!(item !== null && item !== void 0 && (_item$dependence15 = item.dependence) !== null && _item$dependence15 !== void 0 && _item$dependence15.field)) {
+      if (changed) {
+        if (!!changed[item.dependence.by] && !!item.dependence.eq) {
+          return changed[item.dependence.by][item.dependence.eq];
+        } else if (!!item.dependence.eq) {
+          return changed[item.dependence.eq];
+        }
+        return null;
+      }
+      return null;
+    }
+  };
+  var dependenceValue = by(item);
+  var defaultQueryParams = React.useCallback(function (filter) {
+    var _item$dependence16, _item$dependence17, _item$dependence18;
+    var _dependence = ((_item$dependence16 = item.dependence) === null || _item$dependence16 === void 0 ? void 0 : _item$dependence16.mode) === "server" && (_item$dependence17 = item.dependence) !== null && _item$dependence17 !== void 0 && _item$dependence17.field && by(item) ? [QueryParam("w-" + ((_item$dependence18 = item.dependence) === null || _item$dependence18 === void 0 ? void 0 : _item$dependence18.field), by(item))] : [];
+    if (!filter) {
+      return [QueryDetail("none"), QueryOrder("ID", "ASC")].concat(_dependence);
+    } else if (_$8.isArray(filter)) {
+      return [].concat(filter, _dependence);
+    }
+    return [].concat(_dependence);
+  }, [item.dependence, changed]);
   React.useEffect(function () {
     if (value) {
       if (item.source || item.url || item && _$8.get(item, "relation.reference.url") || item && _$8.get(item, "relation.reference.source")) {
         var filter = item.queryFilter || _$8.get(item, "relation.reference.queryFilter") || _$8.get(item, "relation.reference.filter");
         var url = item.source || item.relation.reference.url || item.relation.reference.source;
         setLoading(true);
-        GETWITH(auth, url, [].concat(defaultQueryParams(filter), [QueryParam("w-ID", value)]), function (_ref19) {
-          var data = _ref19.data;
+        GETWITH(auth, url, [].concat(defaultQueryParams(filter), [QueryParam("w-ID", value)]), function (_ref21) {
+          var data = _ref21.data;
           setData(dataOrContent(data));
           setLoading(false);
         }, function (err) {
@@ -8931,8 +9189,8 @@ function BigObj(_ref18) {
         if (object) {
           var _filter3 = item.queryFilter || _$8.get(item, "relation.reference.queryFilter") || _$8.get(item, "relation.reference.filter");
           setLoading(true);
-          READWITH(auth, object, [].concat(defaultQueryParams(_filter3), [QueryParam("w-ID", value)]), function (_ref20) {
-            var data = _ref20.data;
+          READWITH(auth, object, [].concat(defaultQueryParams(_filter3), [QueryParam("w-ID", value)]), function (_ref22) {
+            var data = _ref22.data;
             setData(dataOrContent(data));
             setLoading(false);
           }, function (err) {
@@ -8943,7 +9201,7 @@ function BigObj(_ref18) {
         }
       }
     }
-  }, [auth, value, item === null || item === void 0 ? void 0 : item.source, item === null || item === void 0 ? void 0 : item.url, item === null || item === void 0 ? void 0 : item.queryFilter, item === null || item === void 0 ? void 0 : (_item$relation23 = item.relation) === null || _item$relation23 === void 0 ? void 0 : (_item$relation23$refe = _item$relation23.reference) === null || _item$relation23$refe === void 0 ? void 0 : _item$relation23$refe.data, item === null || item === void 0 ? void 0 : (_item$relation24 = item.relation) === null || _item$relation24 === void 0 ? void 0 : (_item$relation24$refe = _item$relation24.reference) === null || _item$relation24$refe === void 0 ? void 0 : _item$relation24$refe.url, item === null || item === void 0 ? void 0 : (_item$relation25 = item.relation) === null || _item$relation25 === void 0 ? void 0 : (_item$relation25$refe = _item$relation25.reference) === null || _item$relation25$refe === void 0 ? void 0 : _item$relation25$refe.source, item === null || item === void 0 ? void 0 : (_item$relation26 = item.relation) === null || _item$relation26 === void 0 ? void 0 : (_item$relation26$refe = _item$relation26.reference) === null || _item$relation26$refe === void 0 ? void 0 : _item$relation26$refe.queryFilter, item === null || item === void 0 ? void 0 : (_item$relation27 = item.relation) === null || _item$relation27 === void 0 ? void 0 : (_item$relation27$refe = _item$relation27.reference) === null || _item$relation27$refe === void 0 ? void 0 : _item$relation27$refe.filter, dependenceValue]);
+  }, [auth, value, item === null || item === void 0 ? void 0 : item.source, item === null || item === void 0 ? void 0 : item.url, item === null || item === void 0 ? void 0 : item.queryFilter, item === null || item === void 0 ? void 0 : (_item$relation30 = item.relation) === null || _item$relation30 === void 0 ? void 0 : (_item$relation30$refe = _item$relation30.reference) === null || _item$relation30$refe === void 0 ? void 0 : _item$relation30$refe.data, item === null || item === void 0 ? void 0 : (_item$relation31 = item.relation) === null || _item$relation31 === void 0 ? void 0 : (_item$relation31$refe = _item$relation31.reference) === null || _item$relation31$refe === void 0 ? void 0 : _item$relation31$refe.url, item === null || item === void 0 ? void 0 : (_item$relation32 = item.relation) === null || _item$relation32 === void 0 ? void 0 : (_item$relation32$refe = _item$relation32.reference) === null || _item$relation32$refe === void 0 ? void 0 : _item$relation32$refe.source, item === null || item === void 0 ? void 0 : (_item$relation33 = item.relation) === null || _item$relation33 === void 0 ? void 0 : (_item$relation33$refe = _item$relation33.reference) === null || _item$relation33$refe === void 0 ? void 0 : _item$relation33$refe.queryFilter, item === null || item === void 0 ? void 0 : (_item$relation34 = item.relation) === null || _item$relation34 === void 0 ? void 0 : (_item$relation34$refe = _item$relation34.reference) === null || _item$relation34$refe === void 0 ? void 0 : _item$relation34$refe.filter, dependenceValue]);
   var _property4 = function property(item, value) {
     if (item && _$8.get(item, "relation.reference.property") && value) {
       return value[item.relation.reference.property];
@@ -8978,9 +9236,9 @@ function BigObj(_ref18) {
           objectName: objectName
         });
       } else {
-        var _item$relation28, _item$relation28$disp, _item$relation29, _fieldMeta$display7;
+        var _item$relation35, _item$relation35$disp, _item$relation36, _fieldMeta$display9;
         var fieldMeta = meta[getObjectValue(item, "relation.reference.object")];
-        var _display = (item !== null && item !== void 0 && (_item$relation28 = item.relation) !== null && _item$relation28 !== void 0 && (_item$relation28$disp = _item$relation28.display) !== null && _item$relation28$disp !== void 0 && _item$relation28$disp.fields ? item === null || item === void 0 ? void 0 : (_item$relation29 = item.relation) === null || _item$relation29 === void 0 ? void 0 : _item$relation29.display : undefined) || (fieldMeta !== null && fieldMeta !== void 0 && (_fieldMeta$display7 = fieldMeta.display) !== null && _fieldMeta$display7 !== void 0 && _fieldMeta$display7.fields ? fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.display : undefined);
+        var _display = (item !== null && item !== void 0 && (_item$relation35 = item.relation) !== null && _item$relation35 !== void 0 && (_item$relation35$disp = _item$relation35.display) !== null && _item$relation35$disp !== void 0 && _item$relation35$disp.fields ? item === null || item === void 0 ? void 0 : (_item$relation36 = item.relation) === null || _item$relation36 === void 0 ? void 0 : _item$relation36.display : undefined) || (fieldMeta !== null && fieldMeta !== void 0 && (_fieldMeta$display9 = fieldMeta.display) !== null && _fieldMeta$display9 !== void 0 && _fieldMeta$display9.fields ? fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.display : undefined);
         return getDisplay(value, _display, fieldMeta, meta);
       }
     }
@@ -8993,13 +9251,13 @@ function BigObj(_ref18) {
       } else if (item.relation && item.relation.displayString && _$8.isFunction(item.relation.displayString)) {
         return item.relation.displayString(value);
       } else {
-        var _item$relation30, _item$relation30$disp, _item$relation31, _fieldMeta$display8;
+        var _item$relation37, _item$relation37$disp, _item$relation38, _fieldMeta$display10;
         var labeldisplay = display(item, value);
         if (_$8.isString(labeldisplay)) {
           return labeldisplay;
         }
         var fieldMeta = meta[getObjectValue(item, "relation.reference.object")];
-        var _display = (item !== null && item !== void 0 && (_item$relation30 = item.relation) !== null && _item$relation30 !== void 0 && (_item$relation30$disp = _item$relation30.display) !== null && _item$relation30$disp !== void 0 && _item$relation30$disp.fields ? item === null || item === void 0 ? void 0 : (_item$relation31 = item.relation) === null || _item$relation31 === void 0 ? void 0 : _item$relation31.display : undefined) || (fieldMeta !== null && fieldMeta !== void 0 && (_fieldMeta$display8 = fieldMeta.display) !== null && _fieldMeta$display8 !== void 0 && _fieldMeta$display8.fields ? fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.display : undefined);
+        var _display = (item !== null && item !== void 0 && (_item$relation37 = item.relation) !== null && _item$relation37 !== void 0 && (_item$relation37$disp = _item$relation37.display) !== null && _item$relation37$disp !== void 0 && _item$relation37$disp.fields ? item === null || item === void 0 ? void 0 : (_item$relation38 = item.relation) === null || _item$relation38 === void 0 ? void 0 : _item$relation38.display : undefined) || (fieldMeta !== null && fieldMeta !== void 0 && (_fieldMeta$display10 = fieldMeta.display) !== null && _fieldMeta$display10 !== void 0 && _fieldMeta$display10.fields ? fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.display : undefined);
         return getDisplay(value, _display, fieldMeta, meta);
       }
     }
@@ -9037,17 +9295,17 @@ function BigObj(_ref18) {
     }));
   }, [item, loading]);
   var cName = React.useCallback(item && _$8.get(item, "relation.reference.object") ? getObjectValue(item, "relation.reference.object") : undefined, [item]);
-  var cSource = React.useCallback((item === null || item === void 0 ? void 0 : item.source) || (item === null || item === void 0 ? void 0 : (_item$relation32 = item.relation) === null || _item$relation32 === void 0 ? void 0 : (_item$relation32$refe = _item$relation32.reference) === null || _item$relation32$refe === void 0 ? void 0 : _item$relation32$refe.url) || (item === null || item === void 0 ? void 0 : (_item$relation33 = item.relation) === null || _item$relation33 === void 0 ? void 0 : (_item$relation33$refe = _item$relation33.reference) === null || _item$relation33$refe === void 0 ? void 0 : _item$relation33$refe.source), [item]);
+  var cSource = React.useCallback((item === null || item === void 0 ? void 0 : item.source) || (item === null || item === void 0 ? void 0 : (_item$relation39 = item.relation) === null || _item$relation39 === void 0 ? void 0 : (_item$relation39$refe = _item$relation39.reference) === null || _item$relation39$refe === void 0 ? void 0 : _item$relation39$refe.url) || (item === null || item === void 0 ? void 0 : (_item$relation40 = item.relation) === null || _item$relation40 === void 0 ? void 0 : (_item$relation40$refe = _item$relation40.reference) === null || _item$relation40$refe === void 0 ? void 0 : _item$relation40$refe.source), [item]);
   var cContextFilters = React.useCallback(function () {
     return defaultQueryParams(item.queryFilter || _$8.get(item, "relation.reference.queryFilter") || _$8.get(item, "relation.reference.filter"));
   }, [item]);
   var cFilters = React.useCallback(function () {
-    var _meta$getObjectValue, _meta$getObjectValue$;
+    var _meta$getObjectValue2, _meta$getObjectValue3;
     var uif = _$8.get(item, "relation.uiFilter");
     if (uif) {
       return uif();
     }
-    return (_meta$getObjectValue = meta[getObjectValue(item, "relation.reference.object")]) === null || _meta$getObjectValue === void 0 ? void 0 : (_meta$getObjectValue$ = _meta$getObjectValue.properties) === null || _meta$getObjectValue$ === void 0 ? void 0 : _meta$getObjectValue$.map(function (e) {
+    return (_meta$getObjectValue2 = meta[getObjectValue(item, "relation.reference.object")]) === null || _meta$getObjectValue2 === void 0 ? void 0 : (_meta$getObjectValue3 = _meta$getObjectValue2.properties) === null || _meta$getObjectValue3 === void 0 ? void 0 : _meta$getObjectValue3.map(function (e) {
       return _extends({}, e, {
         sort: true,
         filter: true
@@ -9055,10 +9313,10 @@ function BigObj(_ref18) {
     });
   }, [meta, item]);
   var cRender = function cRender(auth, _item, value, onChange) {
-    var _item$relation34;
+    var _item$relation41;
     return /*#__PURE__*/React__default.createElement(CollectionServer, {
       count: _item === null || _item === void 0 ? void 0 : _item.count,
-      floatingFilter: (item === null || item === void 0 ? void 0 : item.floatingFilter) || (item === null || item === void 0 ? void 0 : (_item$relation34 = item.relation) === null || _item$relation34 === void 0 ? void 0 : _item$relation34.floatingFilter),
+      floatingFilter: (item === null || item === void 0 ? void 0 : item.floatingFilter) || (item === null || item === void 0 ? void 0 : (_item$relation41 = item.relation) === null || _item$relation41 === void 0 ? void 0 : _item$relation41.floatingFilter),
       selection: "radio",
       value: value,
       onChange: onChange,
@@ -9069,10 +9327,10 @@ function BigObj(_ref18) {
       source: cSource,
       contextFilters: cContextFilters,
       filters: cFilters,
-      customRender: function customRender(items, _ref21) {
-        var onSelection = _ref21.onSelection,
-          isSelected = _ref21.isSelected,
-          loading = _ref21.loading;
+      customRender: function customRender(items, _ref23) {
+        var onSelection = _ref23.onSelection,
+          isSelected = _ref23.isSelected,
+          loading = _ref23.loading;
         return /*#__PURE__*/React__default.createElement("div", null, value && value.filter(function (e) {
           return !!e && items.filter(function (c) {
             return c.ID === e.ID;
@@ -9289,15 +9547,15 @@ function BigObj(_ref18) {
     trigger: cTrigger
   }), (item === null || item === void 0 ? void 0 : item.actions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RendeActions()), (item === null || item === void 0 ? void 0 : item.dropdownActions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RenderDropdownActions())));
 }
-function DateTime(_ref22) {
-  var formItem = _ref22.formItem,
-    auth = _ref22.auth,
-    item = _ref22.item,
-    value = _ref22.value,
-    onChange = _ref22.onChange;
-  var _useState24 = React.useState(false),
-    loading = _useState24[0],
-    setLoading = _useState24[1];
+function DateTime(_ref24) {
+  var formItem = _ref24.formItem,
+    auth = _ref24.auth,
+    item = _ref24.item,
+    value = _ref24.value,
+    onChange = _ref24.onChange;
+  var _useState26 = React.useState(false),
+    loading = _useState26[0],
+    setLoading = _useState26[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9325,15 +9583,15 @@ function DateTime(_ref22) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function Date$1(_ref23) {
-  var formItem = _ref23.formItem,
-    auth = _ref23.auth,
-    item = _ref23.item,
-    value = _ref23.value,
-    onChange = _ref23.onChange;
-  var _useState25 = React.useState(false),
-    loading = _useState25[0],
-    setLoading = _useState25[1];
+function Date$1(_ref25) {
+  var formItem = _ref25.formItem,
+    auth = _ref25.auth,
+    item = _ref25.item,
+    value = _ref25.value,
+    onChange = _ref25.onChange;
+  var _useState27 = React.useState(false),
+    loading = _useState27[0],
+    setLoading = _useState27[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9360,15 +9618,15 @@ function Date$1(_ref23) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function Time(_ref24) {
-  var formItem = _ref24.formItem,
-    auth = _ref24.auth,
-    item = _ref24.item,
-    value = _ref24.value,
-    onChange = _ref24.onChange;
-  var _useState26 = React.useState(false),
-    loading = _useState26[0],
-    setLoading = _useState26[1];
+function Time(_ref26) {
+  var formItem = _ref26.formItem,
+    auth = _ref26.auth,
+    item = _ref26.item,
+    value = _ref26.value,
+    onChange = _ref26.onChange;
+  var _useState28 = React.useState(false),
+    loading = _useState28[0],
+    setLoading = _useState28[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9396,12 +9654,12 @@ function Time(_ref24) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function Boolean$1(_ref25) {
-  var item = _ref25.item,
-    value = _ref25.value,
-    onChange = _ref25.onChange;
-  var _useState27 = React.useState(false),
-    loading = _useState27[0];
+function Boolean$1(_ref27) {
+  var item = _ref27.item,
+    value = _ref27.value,
+    onChange = _ref27.onChange;
+  var _useState29 = React.useState(false),
+    loading = _useState29[0];
   var change = function change(e) {
     onChange(e.target.checked);
   };
@@ -9415,16 +9673,16 @@ function Boolean$1(_ref25) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   }, item.label));
 }
-function Float(_ref26) {
+function Float(_ref28) {
   var _item$validators, _item$validators2;
-  var formItem = _ref26.formItem,
-    auth = _ref26.auth,
-    item = _ref26.item,
-    value = _ref26.value,
-    onChange = _ref26.onChange;
-  var _useState28 = React.useState(false),
-    loading = _useState28[0],
-    setLoading = _useState28[1];
+  var formItem = _ref28.formItem,
+    auth = _ref28.auth,
+    item = _ref28.item,
+    value = _ref28.value,
+    onChange = _ref28.onChange;
+  var _useState30 = React.useState(false),
+    loading = _useState30[0],
+    setLoading = _useState30[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9450,16 +9708,16 @@ function Float(_ref26) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function Integer(_ref27) {
+function Integer(_ref29) {
   var _item$validators3, _item$validators4;
-  var formItem = _ref27.formItem,
-    auth = _ref27.auth,
-    item = _ref27.item,
-    value = _ref27.value,
-    onChange = _ref27.onChange;
-  var _useState29 = React.useState(false),
-    loading = _useState29[0],
-    setLoading = _useState29[1];
+  var formItem = _ref29.formItem,
+    auth = _ref29.auth,
+    item = _ref29.item,
+    value = _ref29.value,
+    onChange = _ref29.onChange;
+  var _useState31 = React.useState(false),
+    loading = _useState31[0],
+    setLoading = _useState31[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9485,15 +9743,15 @@ function Integer(_ref27) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function String$1(_ref28) {
-  var formItem = _ref28.formItem,
-    auth = _ref28.auth,
-    item = _ref28.item,
-    value = _ref28.value,
-    _onChange3 = _ref28.onChange;
-  var _useState30 = React.useState(false),
-    loading = _useState30[0],
-    setLoading = _useState30[1];
+function String$1(_ref30) {
+  var formItem = _ref30.formItem,
+    auth = _ref30.auth,
+    item = _ref30.item,
+    value = _ref30.value,
+    _onChange3 = _ref30.onChange;
+  var _useState32 = React.useState(false),
+    loading = _useState32[0],
+    setLoading = _useState32[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9521,15 +9779,15 @@ function String$1(_ref28) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function Password(_ref29) {
-  var formItem = _ref29.formItem,
-    auth = _ref29.auth,
-    item = _ref29.item,
-    value = _ref29.value,
-    _onChange4 = _ref29.onChange;
-  var _useState31 = React.useState(false),
-    loading = _useState31[0],
-    setLoading = _useState31[1];
+function Password(_ref31) {
+  var formItem = _ref31.formItem,
+    auth = _ref31.auth,
+    item = _ref31.item,
+    value = _ref31.value,
+    _onChange4 = _ref31.onChange;
+  var _useState33 = React.useState(false),
+    loading = _useState33[0],
+    setLoading = _useState33[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9559,15 +9817,15 @@ function Password(_ref29) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function MultilineText(_ref30) {
-  var formItem = _ref30.formItem,
-    auth = _ref30.auth,
-    item = _ref30.item,
-    value = _ref30.value,
-    _onChange5 = _ref30.onChange;
-  var _useState32 = React.useState(false),
-    loading = _useState32[0],
-    setLoading = _useState32[1];
+function MultilineText(_ref32) {
+  var formItem = _ref32.formItem,
+    auth = _ref32.auth,
+    item = _ref32.item,
+    value = _ref32.value,
+    _onChange5 = _ref32.onChange;
+  var _useState34 = React.useState(false),
+    loading = _useState34[0],
+    setLoading = _useState34[1];
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9595,9 +9853,9 @@ function MultilineText(_ref30) {
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
   })));
 }
-function Unknown(_ref31) {
-  var formItem = _ref31.formItem,
-    item = _ref31.item;
+function Unknown(_ref33) {
+  var formItem = _ref33.formItem,
+    item = _ref33.item;
   return /*#__PURE__*/React__default.createElement(FieldLayout, {
     formItem: formItem,
     item: item,
@@ -9971,6 +10229,23 @@ function Field(props) {
             onAfterChange: onAfterChange,
             isChanged: isChanged
           });
+        case "collection":
+          switch (item.SubType) {
+            default:
+              return /*#__PURE__*/React__default.createElement(ObjCollection, {
+                auth: auth,
+                formItem: formItem,
+                partialReplacement: partialReplacement,
+                contextObject: contextObject,
+                objectName: objectName,
+                item: item,
+                value: value,
+                onChange: onChange,
+                onAfterChange: onAfterChange,
+                isChanged: isChanged,
+                changed: changed
+              });
+          }
         case "object":
         case "document":
           if (item.mode === "dialog") {