@guillotinaweb/react-gmi 0.25.2 → 0.27.0

package/dist/react-gmi.umd.js

@@ -3134,11 +3134,8 @@
         valueLabel = _useState[0],
         setValueLabel = _useState[1];
 
-    var _useState2 = React.useState(false),
-        setIsLoadingData = _useState2[1];
-
-    var _useState3 = React.useState(generateUID('search_input')),
-        uid = _useState3[0];
+    var _useState2 = React.useState(generateUID('search_input')),
+        uid = _useState2[0];
 
     useClickAway(wrapperRef, function () {
       setIsOpen(false);
@@ -3164,7 +3161,6 @@
       try {
         var _temp2 = function () {
           if (labelProperty !== 'id' && value) {
-            setIsLoadingData(true);
             var searchTermQs = [];
             var searchTermParsed = ["id", value];
             var getSearch = traversal.registry.get;
@@ -3191,7 +3187,6 @@
                 return result;
               }, {});
               setValueLabel(newValuesLabel);
-              setIsLoadingData(false);
             });
           }
         }();
@@ -3236,7 +3231,7 @@
           pageSize: PageSize,
           withDepth: false
         });
-        var sortParsed = parser("_sort_des=title");
+        var sortParsed = parser("_sort_des=" + labelProperty);
         var typeNameParsed = [];
 
         if (typeNameQuery) {
@@ -3268,7 +3263,7 @@
         return renderTextItemOption(item);
       }
 
-      return item.title || item['@name'];
+      return get$1(item, labelProperty, item.title) || item['@name'];
     };
 
     React.useEffect(function () {
@@ -3408,7 +3403,7 @@
 
     return /*#__PURE__*/React.createElement("div", {
       className: "control"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, (value != null ? value : []).length > 0 && /*#__PURE__*/React.createElement("div", {
       className: "tags"
     }, value.map(function (tag, index) {
       return /*#__PURE__*/React.createElement("div", {
@@ -3977,8 +3972,6 @@
     }, [value]);
 
     var getRenderValue = function getRenderValue() {
-      console.log('get render values', value, valuesLabels);
-
       if (value === undefined) {
         if (modifyContent) {
           return DEFAULT_VALUE_EDITABLE_FIELD;
@@ -4285,7 +4278,7 @@
           pageSize: PageSize,
           withDepth: false
         });
-        var sortParsed = parser("_sort_des=title");
+        var sortParsed = parser("_sort_des=" + labelProperty);
         var typeNameParsed = [];
 
         if (typeNameQuery) {
@@ -4359,7 +4352,7 @@
         return renderTextItemOption(item);
       }
 
-      return item.title || item['@name'];
+      return get$1(item, labelProperty, item.title) || item['@name'];
     };
 
     React__default['default'].useEffect(function () {
@@ -4590,7 +4583,9 @@
         }
       }
 
-      return /*#__PURE__*/React__default['default'].createElement(InputList, _extends({
+      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, rest.placeholder && /*#__PURE__*/React__default['default'].createElement("label", {
+        className: "label"
+      }, rest.placeholder), /*#__PURE__*/React__default['default'].createElement(InputList, _extends({
         value: val || [],
         className: className,
         onChange: function onChange(ev) {
@@ -4598,7 +4593,7 @@
         },
         ref: ref,
         dataTest: dataTest
-      }, rest));
+      }, rest)));
     } else if ((schema == null ? void 0 : schema.widget) === 'file') {
       return /*#__PURE__*/React__default['default'].createElement(FileUpload, _extends({
         onChange: function onChange(ev) {
@@ -6095,6 +6090,7 @@
         setWorkflowAction = _React$useState2[1];
 
     var model = new ItemModel(Ctx.context);
+    var vocabulary = useVocabulary('workflow_states');
     var currentState = model.item['guillotina.contrib.workflows.interfaces.IWorkflowBehavior']['review_state'];
     React__default['default'].useEffect(function () {
       loadDefinition();
@@ -6123,6 +6119,32 @@
       }
     };
 
+    var getStateTitle = function getStateTitle() {
+      var _vocabulary$data, _vocabulary$data$item;
+
+      if (((_vocabulary$data = vocabulary.data) == null ? void 0 : (_vocabulary$data$item = _vocabulary$data.items) == null ? void 0 : _vocabulary$data$item.length) > 0) {
+        var vocabularyValue = vocabulary.data.items.find(function (item) {
+          return item.token === currentState;
+        });
+
+        if (vocabularyValue) {
+          var translatedValue = get$1(vocabularyValue, "title.translated_title." + intl.locale, null);
+
+          if (translatedValue !== null) {
+            return translatedValue;
+          }
+
+          var titleValue = get$1(vocabularyValue, "title.title." + intl.locale, null);
+
+          if (titleValue !== null) {
+            return titleValue;
+          }
+        }
+      }
+
+      return currentState;
+    };
+
     if (definition === undefined) return null;
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, workflowAction && /*#__PURE__*/React__default['default'].createElement(Confirm, {
       loading: loading,
@@ -6139,8 +6161,8 @@
       className: "has-text-weight-bold",
       "data-test": "textInfoStatus-" + currentState
     }, intl.formatMessage(messages$1.current_state, {
-      state: currentState
-    }))), modifyContent && /*#__PURE__*/React__default['default'].createElement("div", {
+      state: getStateTitle()
+    }))), modifyContent && definition.transitions.length > 0 && /*#__PURE__*/React__default['default'].createElement("div", {
       className: " is-flex is-align-items-center has-text-weight-bold",
       "data-test": "textInfoStatus-" + currentState
     }, /*#__PURE__*/React__default['default'].createElement("label", null, intl.formatMessage(messages$1.actions)), "\xA0\xA0", definition.transitions.map(function (transition) {
@@ -6150,7 +6172,7 @@
         onClick: function onClick() {
           return setWorkflowAction(transition['@id'].split('@workflow')[1].slice(1));
         }
-      }, transition.title);
+      }, get$1(transition, "metadata.translated_title." + intl.locale, transition.title));
     })));
   }