@guillotinaweb/react-gmi 0.25.2 → 0.27.0

package/dist/react-gmi.esm.js

@@ -3130,11 +3130,8 @@ var SearchInput = function SearchInput(_ref) {
       valueLabel = _useState[0],
       setValueLabel = _useState[1];
 
-  var _useState2 = useState(false),
-      setIsLoadingData = _useState2[1];
-
-  var _useState3 = useState(generateUID('search_input')),
-      uid = _useState3[0];
+  var _useState2 = useState(generateUID('search_input')),
+      uid = _useState2[0];
 
   useClickAway(wrapperRef, function () {
     setIsOpen(false);
@@ -3160,7 +3157,6 @@ var SearchInput = function SearchInput(_ref) {
     try {
       var _temp2 = function () {
         if (labelProperty !== 'id' && value) {
-          setIsLoadingData(true);
           var searchTermQs = [];
           var searchTermParsed = ["id", value];
           var getSearch = traversal.registry.get;
@@ -3187,7 +3183,6 @@ var SearchInput = function SearchInput(_ref) {
               return result;
             }, {});
             setValueLabel(newValuesLabel);
-            setIsLoadingData(false);
           });
         }
       }();
@@ -3232,7 +3227,7 @@ var SearchInput = function SearchInput(_ref) {
         pageSize: PageSize,
         withDepth: false
       });
-      var sortParsed = parser("_sort_des=title");
+      var sortParsed = parser("_sort_des=" + labelProperty);
       var typeNameParsed = [];
 
       if (typeNameQuery) {
@@ -3264,7 +3259,7 @@ var SearchInput = function SearchInput(_ref) {
       return renderTextItemOption(item);
     }
 
-    return item.title || item['@name'];
+    return get$1(item, labelProperty, item.title) || item['@name'];
   };
 
   useEffect(function () {
@@ -3404,7 +3399,7 @@ var InputList = forwardRef(function (_ref, ref) {
 
   return /*#__PURE__*/createElement("div", {
     className: "control"
-  }, /*#__PURE__*/createElement("div", {
+  }, (value != null ? value : []).length > 0 && /*#__PURE__*/createElement("div", {
     className: "tags"
   }, value.map(function (tag, index) {
     return /*#__PURE__*/createElement("div", {
@@ -3973,8 +3968,6 @@ var SearchRenderField = function SearchRenderField(_ref3) {
   }, [value]);
 
   var getRenderValue = function getRenderValue() {
-    console.log('get render values', value, valuesLabels);
-
     if (value === undefined) {
       if (modifyContent) {
         return DEFAULT_VALUE_EDITABLE_FIELD;
@@ -4281,7 +4274,7 @@ var SearchInputList = function SearchInputList(_ref) {
         pageSize: PageSize,
         withDepth: false
       });
-      var sortParsed = parser("_sort_des=title");
+      var sortParsed = parser("_sort_des=" + labelProperty);
       var typeNameParsed = [];
 
       if (typeNameQuery) {
@@ -4355,7 +4348,7 @@ var SearchInputList = function SearchInputList(_ref) {
       return renderTextItemOption(item);
     }
 
-    return item.title || item['@name'];
+    return get$1(item, labelProperty, item.title) || item['@name'];
   };
 
   React.useEffect(function () {
@@ -4586,7 +4579,9 @@ var EditComponent = React.forwardRef(function (_ref, ref) {
       }
     }
 
-    return /*#__PURE__*/React.createElement(InputList, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, rest.placeholder && /*#__PURE__*/React.createElement("label", {
+      className: "label"
+    }, rest.placeholder), /*#__PURE__*/React.createElement(InputList, _extends({
       value: val || [],
       className: className,
       onChange: function onChange(ev) {
@@ -4594,7 +4589,7 @@ var EditComponent = React.forwardRef(function (_ref, ref) {
       },
       ref: ref,
       dataTest: dataTest
-    }, rest));
+    }, rest)));
   } else if ((schema == null ? void 0 : schema.widget) === 'file') {
     return /*#__PURE__*/React.createElement(FileUpload, _extends({
       onChange: function onChange(ev) {
@@ -6091,6 +6086,7 @@ function IWorkflow() {
       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.useEffect(function () {
     loadDefinition();
@@ -6119,6 +6115,32 @@ function IWorkflow() {
     }
   };
 
+  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.createElement(React.Fragment, null, workflowAction && /*#__PURE__*/React.createElement(Confirm, {
     loading: loading,
@@ -6135,8 +6157,8 @@ function IWorkflow() {
     className: "has-text-weight-bold",
     "data-test": "textInfoStatus-" + currentState
   }, intl.formatMessage(messages$1.current_state, {
-    state: currentState
-  }))), modifyContent && /*#__PURE__*/React.createElement("div", {
+    state: getStateTitle()
+  }))), modifyContent && definition.transitions.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: " is-flex is-align-items-center has-text-weight-bold",
     "data-test": "textInfoStatus-" + currentState
   }, /*#__PURE__*/React.createElement("label", null, intl.formatMessage(messages$1.actions)), "\xA0\xA0", definition.transitions.map(function (transition) {
@@ -6146,7 +6168,7 @@ function IWorkflow() {
       onClick: function onClick() {
         return setWorkflowAction(transition['@id'].split('@workflow')[1].slice(1));
       }
-    }, transition.title);
+    }, get$1(transition, "metadata.translated_title." + intl.locale, transition.title));
   })));
 }