@guillotinaweb/react-gmi 0.25.2 → 0.26.0

package/dist/react-gmi.modern.js

@@ -2499,7 +2499,6 @@ const SearchInput = ({
     SearchEngine
   } = useConfig();
   const [valueLabel, setValueLabel] = useState(undefined);
-  const [isLoadingData, setIsLoadingData] = useState(false);
   const [uid] = useState(generateUID('search_input'));
   useClickAway(wrapperRef, () => {
     setIsOpen(false);
@@ -2521,7 +2520,6 @@ const SearchInput = ({
 
   const inicializeLabels = async () => {
     if (_labelProperty !== 'id' && value) {
-      setIsLoadingData(true);
       let searchTermQs = [];
       const searchTermParsed = [`id`, value];
       const {
@@ -2552,7 +2550,6 @@ const SearchInput = ({
         return result;
       }, {});
       setValueLabel(newValuesLabel);
-      setIsLoadingData(false);
     }
   };
 
@@ -2581,7 +2578,7 @@ const SearchInput = ({
       withDepth: false
     });
 
-    let sortParsed = parser(`_sort_des=title`);
+    let sortParsed = parser(`_sort_des=${_labelProperty}`);
     let typeNameParsed = [];
 
     if (_typeNameQuery) {
@@ -2607,7 +2604,7 @@ const SearchInput = ({
       return _renderTextItemOption(item);
     }
 
-    return item.title || item['@name'];
+    return get$1(item, _labelProperty, item.title) || item['@name'];
   };
 
   useEffect(() => {
@@ -3228,8 +3225,6 @@ const SearchRenderField = ({
   }, [value]);
 
   const getRenderValue = () => {
-    console.log('get render values', value, valuesLabels);
-
     if (value === undefined) {
       if (modifyContent) {
         return DEFAULT_VALUE_EDITABLE_FIELD;
@@ -3494,7 +3489,7 @@ const SearchInputList = ({
       withDepth: false
     });
 
-    let sortParsed = parser(`_sort_des=title`);
+    let sortParsed = parser(`_sort_des=${_labelProperty}`);
     let typeNameParsed = [];
 
     if (_typeNameQuery) {
@@ -3557,7 +3552,7 @@ const SearchInputList = ({
       return _renderTextItemOption(item);
     }
 
-    return item.title || item['@name'];
+    return get$1(item, _labelProperty, item.title) || item['@name'];
   };
 
   React.useEffect(() => {
@@ -4677,6 +4672,7 @@ function IWorkflow() {
   const [definition, setDefinition] = React.useState(undefined);
   const [workflowAction, setWorkflowAction] = React.useState(null);
   const model = new ItemModel(Ctx.context);
+  const vocabulary = useVocabulary('workflow_states');
   const currentState = model.item['guillotina.contrib.workflows.interfaces.IWorkflowBehavior']['review_state'];
 
   async function loadDefinition() {
@@ -4708,6 +4704,34 @@ function IWorkflow() {
     setWorkflowAction(null);
   };
 
+  const 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) {
+      const vocabularyValue = vocabulary.data.items.find(item => item.token === currentState);
+      console.log('state title', vocabularyValue, intl.locale);
+
+      if (vocabularyValue) {
+        const translatedValue = get$1(vocabularyValue, `title.translated_title.${intl.locale}`, null);
+
+        if (translatedValue !== null) {
+          return translatedValue;
+        }
+
+        const 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.createElement(React.Fragment, null, workflowAction && /*#__PURE__*/React.createElement(Confirm, {
     loading: loading,
@@ -4722,8 +4746,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(transition => {
@@ -4731,7 +4755,7 @@ function IWorkflow() {
       key: transition['@id'],
       className: "button mr-4",
       onClick: () => setWorkflowAction(transition['@id'].split('@workflow')[1].slice(1))
-    }, transition.title);
+    }, get$1(transition, `metadata.translated_title.${intl.locale}`, transition.title));
   })));
 }