@guillotinaweb/react-gmi 0.25.2 → 0.27.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(() => {
@@ -2745,7 +2742,7 @@ const InputList = forwardRef(({
 
   return /*#__PURE__*/createElement("div", {
     className: "control"
-  }, /*#__PURE__*/createElement("div", {
+  }, (value != null ? value : []).length > 0 && /*#__PURE__*/createElement("div", {
     className: "tags"
   }, value.map((tag, index) => /*#__PURE__*/createElement("div", {
     key: `input_list_${tag}_${index}`,
@@ -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(() => {
@@ -3781,13 +3776,15 @@ const EditComponent = React.forwardRef((_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: ev => setValue(ev),
       ref: ref,
       dataTest: dataTest
-    }, rest));
+    }, rest)));
   } else if ((schema == null ? void 0 : schema.widget) === 'file') {
     return /*#__PURE__*/React.createElement(FileUpload, _extends({
       onChange: ev => setValue(ev),
@@ -4677,6 +4674,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 +4706,30 @@ function IWorkflow() {
     setWorkflowAction(null);
   };
 
+  const 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) {
+      const vocabularyValue = vocabulary.data.items.find(item => item.token === currentState);
+
+      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;
+  };
+
   if (definition === undefined) return null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, workflowAction && /*#__PURE__*/React.createElement(Confirm, {
     loading: loading,
@@ -4722,8 +4744,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 +4753,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));
   })));
 }