@panneau/field-resource-item 4.0.2 → 4.0.4

package/es/index.js

@@ -18,8 +18,7 @@ import ResourceForm from '@panneau/form-resource';
 import { useResourceValues } from '@panneau/intl';
 import Dialog from '@panneau/modal-dialog';
 import ResourceItemsModal from '@panneau/modal-resource-items';
-
-// TODO: improve the modals (esc key) and switch to FormModal
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 function ResourceItemField(_ref) {
   var _ref$name = _ref.name,
@@ -285,109 +284,120 @@ function ResourceItemField(_ref) {
       if (reload) reload();
     }
   }, [onChange, paginated, defaultPage, reload]);
-  var form = formOpen ? /*#__PURE__*/React.createElement(ResourceForm, {
+  var form = formOpen ? /*#__PURE__*/jsx(ResourceForm, {
     resource: resource,
     type: finalType,
     item: !multiple ? value : null,
     onSuccess: onFormSuccess,
     isModal: true
   }) : null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(['position-relative', _defineProperty({}, className, className != null)])
-  }, hasValue && !multiple ? /*#__PURE__*/React.createElement("div", {
-    className: "row"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-10 flex-grow-1"
-  }, /*#__PURE__*/React.createElement(ResourceCard, {
-    className: "flex-grow-1",
-    item: value,
-    getItemLabel: initialGetItemLabel,
-    getItemDescription: getItemDescription,
-    getItemImage: getItemImage,
-    itemLabelPath: itemLabelPath,
-    itemDescriptionPath: itemDescriptionPath,
-    itemImagePath: itemImagePath,
-    itemLabelWithId: itemLabelWithId,
-    disable: disabled,
-    onClickEdit: canEdit && !multiple ? formOpen ? onCloseForm : onOpenForm : null,
-    onClickRemove: onClickRemove,
-    editButtonLabel: editButtonLabel
-  }))) : /*#__PURE__*/React.createElement("div", {
-    className: "row align-items-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-8 flex-grow-1"
-  }, /*#__PURE__*/React.createElement(Select, {
-    className: classNames(['py-1', 'shadow-none', _defineProperty(_defineProperty(_defineProperty({}, disabled, disabled), 'is-invalid', errors !== null), inputClassName, inputClassName !== null)]),
-    disabled: disabled,
-    name: name,
-    value: finalValue,
-    options: options,
-    isClearable: true,
-    isSearchable: true,
-    placeholder: isMessage(placeholder) ? intl.formatMessage(placeholder) : /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "oc3YLT",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Choose an item"
-      }]
-    }),
-    onChange: onValueChange,
-    onInputChange: onInputChange
-    // onFocus={onFocus}
-    ,
-    onMenuScrollToBottom: onScrollEnd,
-    multiple: multiple
-  })), canFind ? /*#__PURE__*/React.createElement("div", {
-    className: "col-auto"
-  }, /*#__PURE__*/React.createElement(Button, {
-    theme: "primary",
-    icon: findButtonLabel === null ? 'search' : null,
-    onClick: listOpen ? onCloseList : onOpenList,
-    outline: true
-  }, findButtonLabel)) : null, canCreate ? /*#__PURE__*/React.createElement("div", {
-    className: "col-auto"
-  }, /*#__PURE__*/React.createElement(Button, {
-    theme: "primary",
-    icon: createButtonLabel === null ? 'plus-lg' : null,
-    onClick: formOpen ? onCloseForm : onOpenForm,
-    outline: true
-  }, createButtonLabel)) : null), formOpen ? withoutModal ? /*#__PURE__*/React.createElement("div", {
-    className: "card mt-4 p-4"
-  }, form) : /*#__PURE__*/React.createElement(Dialog, {
-    id: resourceId,
-    title: hasValue && !multiple ? /*#__PURE__*/React.createElement(FormattedMessage, {
-      values: resourceValues,
-      id: "mCfzkJ",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Edit "
-      }, {
-        "type": 1,
-        "value": "a_singular"
-      }]
-    }) : /*#__PURE__*/React.createElement(FormattedMessage, {
-      values: resourceValues,
-      id: "6viUpq",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Create "
-      }, {
-        "type": 1,
-        "value": "a_singular"
-      }]
-    }),
-    size: "lg",
-    onClose: onCloseForm
-  }, form) : null, listOpen ? /*#__PURE__*/React.createElement(ResourceItemsModal, {
-    resource: resourceId,
-    onClose: onCloseList,
-    listProps: {
-      actions: ['select'],
-      actionsProps: {
-        onClickSelect: onSelectListItem
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(['position-relative', _defineProperty({}, className, className != null)]),
+    children: [hasValue && !multiple ? /*#__PURE__*/jsx("div", {
+      className: "row",
+      children: /*#__PURE__*/jsx("div", {
+        className: "col-10 flex-grow-1",
+        children: /*#__PURE__*/jsx(ResourceCard, {
+          className: "flex-grow-1",
+          item: value,
+          getItemLabel: initialGetItemLabel,
+          getItemDescription: getItemDescription,
+          getItemImage: getItemImage,
+          itemLabelPath: itemLabelPath,
+          itemDescriptionPath: itemDescriptionPath,
+          itemImagePath: itemImagePath,
+          itemLabelWithId: itemLabelWithId,
+          disable: disabled,
+          onClickEdit: canEdit && !multiple ? formOpen ? onCloseForm : onOpenForm : null,
+          onClickRemove: onClickRemove,
+          editButtonLabel: editButtonLabel
+        })
+      })
+    }) : /*#__PURE__*/jsxs("div", {
+      className: "row align-items-center",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "col-8 flex-grow-1",
+        children: /*#__PURE__*/jsx(Select, {
+          className: classNames(['py-1', 'shadow-none', _defineProperty(_defineProperty(_defineProperty({}, disabled, disabled), 'is-invalid', errors !== null), inputClassName, inputClassName !== null)]),
+          disabled: disabled,
+          name: name,
+          value: finalValue,
+          options: options,
+          isClearable: true,
+          isSearchable: true,
+          placeholder: isMessage(placeholder) ? intl.formatMessage(placeholder) : /*#__PURE__*/jsx(FormattedMessage, {
+            id: "oc3YLT",
+            defaultMessage: [{
+              "type": 0,
+              "value": "Choose an item"
+            }]
+          }),
+          onChange: onValueChange,
+          onInputChange: onInputChange
+          // onFocus={onFocus}
+          ,
+          onMenuScrollToBottom: onScrollEnd,
+          multiple: multiple
+        })
+      }), canFind ? /*#__PURE__*/jsx("div", {
+        className: "col-auto",
+        children: /*#__PURE__*/jsx(Button, {
+          theme: "primary",
+          icon: findButtonLabel === null ? 'search' : null,
+          onClick: listOpen ? onCloseList : onOpenList,
+          outline: true,
+          children: findButtonLabel
+        })
+      }) : null, canCreate ? /*#__PURE__*/jsx("div", {
+        className: "col-auto",
+        children: /*#__PURE__*/jsx(Button, {
+          theme: "primary",
+          icon: createButtonLabel === null ? 'plus-lg' : null,
+          onClick: formOpen ? onCloseForm : onOpenForm,
+          outline: true,
+          children: createButtonLabel
+        })
+      }) : null]
+    }), formOpen ? withoutModal ? /*#__PURE__*/jsx("div", {
+      className: "card mt-4 p-4",
+      children: form
+    }) : /*#__PURE__*/jsx(Dialog, {
+      id: resourceId,
+      title: hasValue && !multiple ? /*#__PURE__*/jsx(FormattedMessage, {
+        values: resourceValues,
+        id: "mCfzkJ",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Edit "
+        }, {
+          "type": 1,
+          "value": "a_singular"
+        }]
+      }) : /*#__PURE__*/jsx(FormattedMessage, {
+        values: resourceValues,
+        id: "6viUpq",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Create "
+        }, {
+          "type": 1,
+          "value": "a_singular"
+        }]
+      }),
+      size: "lg",
+      onClose: onCloseForm,
+      children: form
+    }) : null, listOpen ? /*#__PURE__*/jsx(ResourceItemsModal, {
+      resource: resourceId,
+      onClose: onCloseList,
+      listProps: {
+        actions: ['select'],
+        actionsProps: {
+          onClickSelect: onSelectListItem
+        }
       }
-    }
-  }) : null);
+    }) : null]
+  });
 }
 
 var definition = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-resource-item",
-    "version": "4.0.2",
+    "version": "4.0.4",
     "description": "An item mapping a resource",
     "keywords": [
         "javascript"
@@ -49,16 +49,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^4.0.2",
-        "@panneau/data": "^4.0.2",
-        "@panneau/element-button": "^4.0.2",
-        "@panneau/element-resource-card": "^4.0.2",
-        "@panneau/element-select": "^4.0.2",
-        "@panneau/form-resource": "^4.0.2",
-        "@panneau/intl": "^4.0.2",
-        "@panneau/modal-dialog": "^4.0.2",
-        "@panneau/modal-resource-form": "^4.0.2",
-        "@panneau/modal-resource-items": "^4.0.2",
+        "@panneau/core": "^4.0.4",
+        "@panneau/data": "^4.0.4",
+        "@panneau/element-button": "^4.0.4",
+        "@panneau/element-resource-card": "^4.0.4",
+        "@panneau/element-select": "^4.0.4",
+        "@panneau/form-resource": "^4.0.4",
+        "@panneau/intl": "^4.0.4",
+        "@panneau/modal-dialog": "^4.0.4",
+        "@panneau/modal-resource-form": "^4.0.4",
+        "@panneau/modal-resource-items": "^4.0.4",
         "classnames": "^2.5.1",
         "lodash-es": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "53ad0f27e467992c23158732e0f7d39d8615780b"
+    "gitHead": "e854451a718c6bc7dcde2b804c9913d8ac0297ff"
 }