@guillotinaweb/react-gmi 0.25.1 → 0.26.0

package/dist/react-gmi.js

@@ -3137,11 +3137,8 @@ var SearchInput = function SearchInput(_ref) {
       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);
@@ -3167,7 +3164,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;
@@ -3194,7 +3190,6 @@ var SearchInput = function SearchInput(_ref) {
               return result;
             }, {});
             setValueLabel(newValuesLabel);
-            setIsLoadingData(false);
           });
         }
       }();
@@ -3239,7 +3234,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) {
@@ -3271,7 +3266,7 @@ var SearchInput = function SearchInput(_ref) {
       return renderTextItemOption(item);
     }
 
-    return item.title || item['@name'];
+    return get$1(item, labelProperty, item.title) || item['@name'];
   };
 
   React.useEffect(function () {
@@ -3980,8 +3975,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;
@@ -4288,7 +4281,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) {
@@ -4362,7 +4355,7 @@ var SearchInputList = function SearchInputList(_ref) {
       return renderTextItemOption(item);
     }
 
-    return item.title || item['@name'];
+    return get$1(item, labelProperty, item.title) || item['@name'];
   };
 
   React__default['default'].useEffect(function () {
@@ -6098,6 +6091,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__default['default'].useEffect(function () {
     loadDefinition();
@@ -6126,6 +6120,36 @@ function IWorkflow() {
     }
   };
 
+  var getStateTitle = function getStateTitle() {
+    var _vocabulary$data, _vocabulary$data$item;
+
+    console.log('getStateTitle', vocabulary);
+
+    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;
+      });
+      console.log('state title', vocabularyValue, intl.locale);
+
+      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;
+  };
+
+  console.log('Workflow log');
   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,
@@ -6142,8 +6166,8 @@ function IWorkflow() {
     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) {
@@ -6153,7 +6177,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));
   })));
 }