@guillotinaweb/react-gmi 0.24.0 → 0.24.1

package/dist/react-gmi.umd.js

@@ -3759,12 +3759,14 @@
   var plain = ['string', 'number', 'boolean'];
   function RenderField(_ref) {
     var value = _ref.value,
-        Widget = _ref.Widget;
+        Widget = _ref.Widget,
+        schema = _ref.schema;
     if (value === null || value === undefined) return '';
 
     if (Widget) {
       return /*#__PURE__*/React__default['default'].createElement(Widget, {
-        value: value
+        value: value,
+        schema: schema
       });
     }
 
@@ -3811,23 +3813,68 @@
     })));
   };
 
-  function RenderFieldComponent(_ref3) {
-    var schema = _ref3.schema,
-        field = _ref3.field,
-        val = _ref3.val,
-        modifyContent = _ref3.modifyContent;
-    var intl = reactIntl.useIntl();
-    var DEFAULT_VALUE_EDITABLE_FIELD = intl.formatMessage({
+  var DEFAULT_VALUE_NO_EDITABLE_FIELD = ' -- ';
+
+  var getDefaultValueEditableField = function getDefaultValueEditableField(intl) {
+    return intl.formatMessage({
       id: "default_value_editable_field",
       defaultMessage: [{
         "type": 0,
         "value": "Click to edit"
       }]
     });
-    var DEFAULT_VALUE_NO_EDITABLE_FIELD = ' -- ';
+  };
+
+  var VocabularyRenderField = function VocabularyRenderField(_ref3) {
+    var _schema$items;
+
+    var schema = _ref3.schema,
+        value = _ref3.value,
+        modifyContent = _ref3.modifyContent;
+    var intl = reactIntl.useIntl();
+    var DEFAULT_VALUE_EDITABLE_FIELD = getDefaultValueEditableField(intl);
+    var vocabularyName = (schema == null ? void 0 : (_schema$items = schema.items) == null ? void 0 : _schema$items.vocabularyName) || (schema == null ? void 0 : schema.vocabularyName);
+    var vocabulary = useVocabulary(vocabularyName);
+
+    var getRenderProps = function getRenderProps() {
+      var renderProps = {
+        value: value != null ? value : modifyContent ? DEFAULT_VALUE_EDITABLE_FIELD : DEFAULT_VALUE_NO_EDITABLE_FIELD
+      };
+
+      if (schema != null && schema.vocabularyName) {
+        var _vocabularyValue$titl;
+
+        var vocabularyValue = get$1(vocabulary, 'data.items', []).find(function (item) {
+          return item.token === value;
+        });
+        renderProps['value'] = (_vocabularyValue$titl = vocabularyValue == null ? void 0 : vocabularyValue.title) != null ? _vocabularyValue$titl : '';
+      } else {
+        var _renderProps$value;
+
+        renderProps['value'] = ((_renderProps$value = renderProps['value']) != null ? _renderProps$value : []).map(function (value) {
+          var _get$find$title, _get$find;
+
+          return (_get$find$title = (_get$find = get$1(vocabulary, 'data.items', []).find(function (item) {
+            return item.token === value;
+          })) == null ? void 0 : _get$find.title) != null ? _get$find$title : '';
+        });
+      }
+
+      return renderProps;
+    };
+
+    return /*#__PURE__*/React__default['default'].createElement(RenderField, getRenderProps());
+  };
+  function RenderFieldComponent(_ref4) {
+    var schema = _ref4.schema,
+        field = _ref4.field,
+        val = _ref4.val,
+        modifyContent = _ref4.modifyContent;
+    var intl = reactIntl.useIntl();
+    var DEFAULT_VALUE_EDITABLE_FIELD = getDefaultValueEditableField(intl);
 
     var getRenderProps = function getRenderProps() {
-      var _schema$items;
+      var _schema$items2;
 
       var renderProps = {
         value: val != null ? val : modifyContent ? DEFAULT_VALUE_EDITABLE_FIELD : DEFAULT_VALUE_NO_EDITABLE_FIELD
@@ -3845,37 +3892,220 @@
         renderProps['value'] = (_val$toString = val == null ? void 0 : val.toString()) != null ? _val$toString : renderProps['value'];
       } else if (val && (schema == null ? void 0 : schema.type) === 'datetime') {
         renderProps['value'] = new Date(val).toLocaleString();
-      } else if (schema != null && (_schema$items = schema.items) != null && _schema$items.vocabularyName || schema != null && schema.vocabularyName) {
-        var _schema$items2;
+      } else if (schema != null && (_schema$items2 = schema.items) != null && _schema$items2.vocabularyName || schema != null && schema.vocabularyName) {
+        renderProps['Widget'] = VocabularyRenderField;
+        renderProps['schema'] = schema;
+      }
 
-        var vocabularyName = (schema == null ? void 0 : (_schema$items2 = schema.items) == null ? void 0 : _schema$items2.vocabularyName) || (schema == null ? void 0 : schema.vocabularyName);
-        var vocabulary = useVocabulary(vocabularyName);
+      return renderProps;
+    };
 
-        if (schema != null && schema.vocabularyName) {
-          var _vocabularyValue$titl;
+    return /*#__PURE__*/React__default['default'].createElement(RenderField, getRenderProps());
+  }
 
-          var vocabularyValue = get$1(vocabulary, 'data.items', []).find(function (item) {
-            return item.token === val;
-          });
-          renderProps['value'] = (_vocabularyValue$titl = vocabularyValue == null ? void 0 : vocabularyValue.title) != null ? _vocabularyValue$titl : '';
-        } else {
-          var _renderProps$value;
+  var SelectVocabulary = React__default['default'].forwardRef(function (_ref, ref) {
+    var vocabularyName = _ref.vocabularyName,
+        className = _ref.className,
+        classWrap = _ref.classWrap,
+        val = _ref.val,
+        dataTest = _ref.dataTest,
+        multiple = _ref.multiple,
+        rest = _objectWithoutPropertiesLoose(_ref, ["vocabularyName", "className", "classWrap", "val", "dataTest", "multiple"]);
 
-          renderProps['value'] = ((_renderProps$value = renderProps['value']) != null ? _renderProps$value : []).map(function (value) {
-            var _get$find$title, _get$find;
+    var vocabulary = useVocabulary(vocabularyName);
 
-            return (_get$find$title = (_get$find = get$1(vocabulary, 'data.items', []).find(function (item) {
-              return item.token === value;
-            })) == null ? void 0 : _get$find.title) != null ? _get$find$title : '';
-          });
+    var getOptions = function getOptions() {
+      if (get$1(vocabulary, 'data.items', null)) {
+        var vocData = vocabulary.data.items.map(function (item) {
+          var _item$title$default;
+
+          return {
+            text: (_item$title$default = item.title.default) != null ? _item$title$default : item.title,
+            value: item.token
+          };
+        });
+        return vocData;
+      }
+
+      return [];
+    };
+
+    var getProps = function getProps() {
+      if (multiple) {
+        var currentValue = val || [];
+        return {
+          multiple: true,
+          size: 5,
+          value: currentValue,
+          options: getOptions()
+        };
+      }
+
+      return {
+        value: val != null ? val : '',
+        appendDefault: true,
+        options: getOptions()
+      };
+    };
+
+    if (vocabulary.data === undefined || vocabulary.loading) {
+      return /*#__PURE__*/React__default['default'].createElement("div", null);
+    }
+
+    return /*#__PURE__*/React__default['default'].createElement(Select, _extends({}, getProps(), {
+      className: className,
+      classWrap: classWrap || 'is-fullwidth',
+      dataTest: dataTest,
+      ref: ref
+    }, rest));
+  });
+  Select.propTypes = {
+    error: PropTypes__default['default'].string,
+    disabled: PropTypes__default['default'].bool,
+    loading: PropTypes__default['default'].bool,
+    isSubmitted: PropTypes__default['default'].bool,
+    size: PropTypes__default['default'].number,
+    onChange: PropTypes__default['default'].func,
+    multiple: PropTypes__default['default'].bool,
+    className: PropTypes__default['default'].string,
+    vocabularyName: PropTypes__default['default'].string
+  };
+
+  var EditComponent = React__default['default'].forwardRef(function (_ref, ref) {
+    var schema = _ref.schema,
+        val = _ref.val,
+        setValue = _ref.setValue,
+        dataTest = _ref.dataTest,
+        className = _ref.className,
+        rest = _objectWithoutPropertiesLoose(_ref, ["schema", "val", "setValue", "dataTest", "className"]);
+
+    if ((schema == null ? void 0 : schema.widget) === 'textarea' || (schema == null ? void 0 : schema.widget) === 'richtext') {
+      return /*#__PURE__*/React__default['default'].createElement(Textarea, _extends({
+        value: val || '',
+        className: className,
+        onChange: function onChange(ev) {
+          return setValue(ev);
+        },
+        ref: ref,
+        dataTest: dataTest
+      }, rest));
+    } else if ((schema == null ? void 0 : schema.type) === 'boolean') {
+      return /*#__PURE__*/React__default['default'].createElement(Checkbox, _extends({
+        value: !!val,
+        className: className,
+        onChange: function onChange(ev) {
+          return setValue(ev);
+        },
+        ref: ref,
+        dataTest: dataTest
+      }, rest));
+    } else if ((schema == null ? void 0 : schema.type) === 'array') {
+      if (schema.items && schema.items.type === 'string') {
+        var _schema$items;
+
+        if (schema.items.vocabularyName) {
+          return /*#__PURE__*/React__default['default'].createElement(SelectVocabulary, _extends({
+            vocabularyName: get$1(schema, 'items.vocabularyName', null),
+            val: val || [],
+            className: className,
+            classWrap: "is-fullwidth",
+            dataTest: dataTest
+          }, rest, {
+            onChange: setValue,
+            multiple: true
+          }));
+        } else if (schema != null && (_schema$items = schema.items) != null && _schema$items.vocabulary) {
+          return /*#__PURE__*/React__default['default'].createElement(Select, _extends({
+            value: val || [],
+            className: className,
+            classWrap: "is-fullwidth",
+            dataTest: dataTest,
+            options: schema == null ? void 0 : schema.items.vocabulary.map(function (item) {
+              return {
+                text: item,
+                value: item
+              };
+            }),
+            multiple: true,
+            onChange: setValue
+          }, rest));
         }
       }
 
-      return renderProps;
+      return /*#__PURE__*/React__default['default'].createElement(InputList, _extends({
+        value: val || [],
+        className: className,
+        onChange: function onChange(ev) {
+          return setValue(ev);
+        },
+        ref: ref,
+        dataTest: dataTest
+      }, rest));
+    } else if ((schema == null ? void 0 : schema.widget) === 'file') {
+      return /*#__PURE__*/React__default['default'].createElement(FileUpload, _extends({
+        onChange: function onChange(ev) {
+          return setValue(ev);
+        },
+        label: get$1(val, 'filename', null),
+        dataTest: dataTest
+      }, rest));
+    } else if ((schema == null ? void 0 : schema.widget) === 'select' && schema.type === 'string') {
+      if (schema != null && schema.vocabularyName) {
+        return /*#__PURE__*/React__default['default'].createElement(SelectVocabulary, _extends({
+          val: val || '',
+          className: className,
+          appendDefault: true,
+          classWrap: "is-fullwidth",
+          dataTest: dataTest,
+          onChange: setValue,
+          vocabularyName: get$1(schema, 'vocabularyName', null)
+        }, rest));
+      }
+
+      return /*#__PURE__*/React__default['default'].createElement(Select, _extends({
+        value: val || '',
+        className: className,
+        appendDefault: true,
+        classWrap: "is-fullwidth",
+        dataTest: dataTest,
+        options: schema == null ? void 0 : schema.vocabulary.map(function (item) {
+          return {
+            text: item,
+            value: item
+          };
+        }),
+        onChange: setValue
+      }, rest));
+    }
+
+    var getInputType = function getInputType() {
+      switch (schema == null ? void 0 : schema.type) {
+        case 'integer':
+          return 'number';
+
+        case 'date':
+          return 'date';
+
+        case 'datetime':
+          return 'datetime-local';
+
+        default:
+          return 'text';
+      }
     };
 
-    return /*#__PURE__*/React__default['default'].createElement(RenderField, getRenderProps());
-  }
+    return /*#__PURE__*/React__default['default'].createElement(Input, _extends({
+      value: val || '',
+      className: className,
+      dataTest: dataTest,
+      onChange: function onChange(ev) {
+        return setValue(ev);
+      },
+      ref: ref,
+      type: getInputType()
+    }, rest));
+  });
+  EditComponent.displayName = 'EditComponent';
 
   function IAttachment(_ref) {
     var properties = _ref.properties,
@@ -6089,74 +6319,6 @@
     return null;
   }
 
-  var SelectVocabulary = React__default['default'].forwardRef(function (_ref, ref) {
-    var vocabularyName = _ref.vocabularyName,
-        className = _ref.className,
-        classWrap = _ref.classWrap,
-        val = _ref.val,
-        dataTest = _ref.dataTest,
-        multiple = _ref.multiple,
-        rest = _objectWithoutPropertiesLoose(_ref, ["vocabularyName", "className", "classWrap", "val", "dataTest", "multiple"]);
-
-    var vocabulary = useVocabulary(vocabularyName);
-
-    var getOptions = function getOptions() {
-      if (get$1(vocabulary, 'data.items', null)) {
-        var vocData = vocabulary.data.items.map(function (item) {
-          var _item$title$default;
-
-          return {
-            text: (_item$title$default = item.title.default) != null ? _item$title$default : item.title,
-            value: item.token
-          };
-        });
-        return vocData;
-      }
-
-      return [];
-    };
-
-    var getProps = function getProps() {
-      if (multiple) {
-        var currentValue = val || [];
-        return {
-          multiple: true,
-          size: 5,
-          value: currentValue,
-          options: getOptions()
-        };
-      }
-
-      return {
-        value: val != null ? val : '',
-        appendDefault: true,
-        options: getOptions()
-      };
-    };
-
-    if (vocabulary.data === undefined || vocabulary.loading) {
-      return /*#__PURE__*/React__default['default'].createElement("div", null);
-    }
-
-    return /*#__PURE__*/React__default['default'].createElement(Select, _extends({}, getProps(), {
-      className: className,
-      classWrap: classWrap || 'is-fullwidth',
-      dataTest: dataTest,
-      ref: ref
-    }, rest));
-  });
-  Select.propTypes = {
-    error: PropTypes__default['default'].string,
-    disabled: PropTypes__default['default'].bool,
-    loading: PropTypes__default['default'].bool,
-    isSubmitted: PropTypes__default['default'].bool,
-    size: PropTypes__default['default'].number,
-    onChange: PropTypes__default['default'].func,
-    multiple: PropTypes__default['default'].bool,
-    className: PropTypes__default['default'].string,
-    vocabularyName: PropTypes__default['default'].string
-  };
-
   var initialState$1 = {
     page: 0,
     items: [],
@@ -9212,142 +9374,6 @@
     return results;
   };
 
-  var EditComponent = React__default['default'].forwardRef(function (_ref, ref) {
-    var schema = _ref.schema,
-        val = _ref.val,
-        setValue = _ref.setValue,
-        dataTest = _ref.dataTest,
-        className = _ref.className,
-        rest = _objectWithoutPropertiesLoose(_ref, ["schema", "val", "setValue", "dataTest", "className"]);
-
-    if ((schema == null ? void 0 : schema.widget) === 'textarea' || (schema == null ? void 0 : schema.widget) === 'richtext') {
-      return /*#__PURE__*/React__default['default'].createElement(Textarea, _extends({
-        value: val || '',
-        className: className,
-        onChange: function onChange(ev) {
-          return setValue(ev);
-        },
-        ref: ref,
-        dataTest: dataTest
-      }, rest));
-    } else if ((schema == null ? void 0 : schema.type) === 'boolean') {
-      return /*#__PURE__*/React__default['default'].createElement(Checkbox, _extends({
-        value: !!val,
-        className: className,
-        onChange: function onChange(ev) {
-          return setValue(ev);
-        },
-        ref: ref,
-        dataTest: dataTest
-      }, rest));
-    } else if ((schema == null ? void 0 : schema.type) === 'array') {
-      if (schema.items && schema.items.type === 'string') {
-        var _schema$items;
-
-        if (schema.items.vocabularyName) {
-          return /*#__PURE__*/React__default['default'].createElement(SelectVocabulary, _extends({
-            vocabularyName: get$1(schema, 'items.vocabularyName', null),
-            val: val || [],
-            className: className,
-            classWrap: "is-fullwidth",
-            dataTest: dataTest
-          }, rest, {
-            onChange: setValue,
-            multiple: true
-          }));
-        } else if (schema != null && (_schema$items = schema.items) != null && _schema$items.vocabulary) {
-          return /*#__PURE__*/React__default['default'].createElement(Select, _extends({
-            value: val || [],
-            className: className,
-            classWrap: "is-fullwidth",
-            dataTest: dataTest,
-            options: schema == null ? void 0 : schema.items.vocabulary.map(function (item) {
-              return {
-                text: item,
-                value: item
-              };
-            }),
-            multiple: true,
-            onChange: setValue
-          }, rest));
-        }
-      }
-
-      return /*#__PURE__*/React__default['default'].createElement(InputList, _extends({
-        value: val || [],
-        className: className,
-        onChange: function onChange(ev) {
-          return setValue(ev);
-        },
-        ref: ref,
-        dataTest: dataTest
-      }, rest));
-    } else if ((schema == null ? void 0 : schema.widget) === 'file') {
-      return /*#__PURE__*/React__default['default'].createElement(FileUpload, _extends({
-        onChange: function onChange(ev) {
-          return setValue(ev);
-        },
-        label: get$1(val, 'filename', null),
-        dataTest: dataTest
-      }, rest));
-    } else if ((schema == null ? void 0 : schema.widget) === 'select' && schema.type === 'string') {
-      if (schema != null && schema.vocabularyName) {
-        return /*#__PURE__*/React__default['default'].createElement(SelectVocabulary, _extends({
-          val: val || '',
-          className: className,
-          appendDefault: true,
-          classWrap: "is-fullwidth",
-          dataTest: dataTest,
-          onChange: setValue,
-          vocabularyName: get$1(schema, 'vocabularyName', null)
-        }, rest));
-      }
-
-      return /*#__PURE__*/React__default['default'].createElement(Select, _extends({
-        value: val || '',
-        className: className,
-        appendDefault: true,
-        classWrap: "is-fullwidth",
-        dataTest: dataTest,
-        options: schema == null ? void 0 : schema.vocabulary.map(function (item) {
-          return {
-            text: item,
-            value: item
-          };
-        }),
-        onChange: setValue
-      }, rest));
-    }
-
-    var getInputType = function getInputType() {
-      switch (schema == null ? void 0 : schema.type) {
-        case 'integer':
-          return 'number';
-
-        case 'date':
-          return 'date';
-
-        case 'datetime':
-          return 'datetime-local';
-
-        default:
-          return 'text';
-      }
-    };
-
-    return /*#__PURE__*/React__default['default'].createElement(Input, _extends({
-      value: val || '',
-      className: className,
-      dataTest: dataTest,
-      onChange: function onChange(ev) {
-        return setValue(ev);
-      },
-      ref: ref,
-      type: getInputType()
-    }, rest));
-  });
-  EditComponent.displayName = 'EditComponent';
-
   var registry = {
     paths: {},
     views: {
@@ -13100,6 +13126,7 @@
   exports.DatabaseCtx = DatabaseCtx;
   exports.Delete = Delete;
   exports.DownloadField = DownloadField;
+  exports.EditComponent = EditComponent;
   exports.EditableField = EditableField;
   exports.EmailInput = EmailInput;
   exports.FileUpload = FileUpload;
@@ -13180,6 +13207,7 @@
   exports.UserForm = UserForm;
   exports.UsersCtx = UsersCtx;
   exports.UsersToolbar = UsersToolbar;
+  exports.VocabularyRenderField = VocabularyRenderField;
   exports.base64ToArrayBuffer = base64ToArrayBuffer;
   exports.buildQs = buildQs;
   exports.classnames = classnames;