@panneau/field-resource-item 2.0.69 → 2.0.71

package/es/index.js

@@ -26,6 +26,7 @@ var propTypes = {
   // eslint-disable-line react/forbid-prop-types
   errors: PropTypes$1.formErrors,
   resource: PropTypes.string,
+  resourceType: PropTypes.string,
   query: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
   page: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -45,6 +46,7 @@ var propTypes = {
   placeholder: PropTypes.string,
   canCreate: PropTypes.bool,
   createInPlace: PropTypes.bool,
+  createButtonLabel: PropTypes.string,
   multiple: PropTypes.bool,
   disabled: PropTypes.bool,
   className: PropTypes.string,
@@ -56,6 +58,7 @@ var defaultProps = {
   value: null,
   errors: null,
   resource: null,
+  resourceType: null,
   query: null,
   page: null,
   count: null,
@@ -71,6 +74,7 @@ var defaultProps = {
   placeholder: null,
   canCreate: false,
   createInPlace: false,
+  createButtonLabel: null,
   multiple: false,
   disabled: false,
   className: null,
@@ -83,6 +87,7 @@ var ResourceItemField = function ResourceItemField(_ref) {
     value = _ref.value,
     errors = _ref.errors,
     resourceId = _ref.resource,
+    resourceType = _ref.resourceType,
     initialQuery = _ref.query,
     initialPage = _ref.page,
     initialCount = _ref.count,
@@ -98,6 +103,7 @@ var ResourceItemField = function ResourceItemField(_ref) {
     placeholder = _ref.placeholder,
     canCreate = _ref.canCreate,
     createInPlace = _ref.createInPlace,
+    createButtonLabel = _ref.createButtonLabel,
     multiple = _ref.multiple,
     disabled = _ref.disabled,
     className = _ref.className,
@@ -228,13 +234,16 @@ var ResourceItemField = function ResourceItemField(_ref) {
   }, [setCreateOpen]);
   var onCreateSuccess = useCallback(function (newValue) {
     if (onChange === null) return;
+    var finalNewValue = resourceType !== null ? _objectSpread({
+      type: resourceType
+    }, newValue) : newValue;
     if (multiple) {
-      onChange(value !== null && isArray(value) ? [].concat(_toConsumableArray(value), [newValue]) : [newValue]);
+      onChange(value !== null && isArray(value) ? [].concat(_toConsumableArray(value), [finalNewValue]) : [finalNewValue]);
     } else {
-      onChange(newValue);
+      onChange(finalNewValue);
     }
     setCreateOpen(false);
-  }, [onChange, multiple, value, setCreateOpen]);
+  }, [onChange, multiple, value, setCreateOpen, resourceType]);
   var onClickRemove = useCallback(function () {
     if (onChange !== null) {
       onChange(null);
@@ -279,11 +288,12 @@ var ResourceItemField = function ResourceItemField(_ref) {
     className: "col-auto"
   }, /*#__PURE__*/React.createElement(Button, {
     theme: "primary",
-    icon: "plus-lg",
+    icon: createButtonLabel === null ? 'plus-lg' : null,
     onClick: createOpen ? onCloseCreate : onOpenCreate,
     outline: true
-  })) : null, createOpen ? createInPlace ? /*#__PURE__*/React.createElement(ResourceForm, {
+  }, createButtonLabel)) : null, createOpen ? createInPlace ? /*#__PURE__*/React.createElement(ResourceForm, {
     resource: resource,
+    type: resourceType,
     onSuccess: onCreateSuccess
   }) : /*#__PURE__*/React.createElement(Dialog, {
     title: /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -301,6 +311,7 @@ var ResourceItemField = function ResourceItemField(_ref) {
     onClickClose: onCloseCreate
   }, /*#__PURE__*/React.createElement(ResourceForm, {
     resource: resource,
+    type: resourceType,
     onSuccess: onCreateSuccess
   })) : null));
 };

package/lib/index.js

@@ -48,6 +48,7 @@ var propTypes = {
   // eslint-disable-line react/forbid-prop-types
   errors: core.PropTypes.formErrors,
   resource: PropTypes__default["default"].string,
+  resourceType: PropTypes__default["default"].string,
   query: PropTypes__default["default"].object,
   // eslint-disable-line react/forbid-prop-types
   page: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
@@ -67,6 +68,7 @@ var propTypes = {
   placeholder: PropTypes__default["default"].string,
   canCreate: PropTypes__default["default"].bool,
   createInPlace: PropTypes__default["default"].bool,
+  createButtonLabel: PropTypes__default["default"].string,
   multiple: PropTypes__default["default"].bool,
   disabled: PropTypes__default["default"].bool,
   className: PropTypes__default["default"].string,
@@ -78,6 +80,7 @@ var defaultProps = {
   value: null,
   errors: null,
   resource: null,
+  resourceType: null,
   query: null,
   page: null,
   count: null,
@@ -93,6 +96,7 @@ var defaultProps = {
   placeholder: null,
   canCreate: false,
   createInPlace: false,
+  createButtonLabel: null,
   multiple: false,
   disabled: false,
   className: null,
@@ -105,6 +109,7 @@ var ResourceItemField = function ResourceItemField(_ref) {
     value = _ref.value,
     errors = _ref.errors,
     resourceId = _ref.resource,
+    resourceType = _ref.resourceType,
     initialQuery = _ref.query,
     initialPage = _ref.page,
     initialCount = _ref.count,
@@ -120,6 +125,7 @@ var ResourceItemField = function ResourceItemField(_ref) {
     placeholder = _ref.placeholder,
     canCreate = _ref.canCreate,
     createInPlace = _ref.createInPlace,
+    createButtonLabel = _ref.createButtonLabel,
     multiple = _ref.multiple,
     disabled = _ref.disabled,
     className = _ref.className,
@@ -250,13 +256,16 @@ var ResourceItemField = function ResourceItemField(_ref) {
   }, [setCreateOpen]);
   var onCreateSuccess = React.useCallback(function (newValue) {
     if (onChange === null) return;
+    var finalNewValue = resourceType !== null ? _objectSpread__default["default"]({
+      type: resourceType
+    }, newValue) : newValue;
     if (multiple) {
-      onChange(value !== null && isArray__default["default"](value) ? [].concat(_toConsumableArray__default["default"](value), [newValue]) : [newValue]);
+      onChange(value !== null && isArray__default["default"](value) ? [].concat(_toConsumableArray__default["default"](value), [finalNewValue]) : [finalNewValue]);
     } else {
-      onChange(newValue);
+      onChange(finalNewValue);
     }
     setCreateOpen(false);
-  }, [onChange, multiple, value, setCreateOpen]);
+  }, [onChange, multiple, value, setCreateOpen, resourceType]);
   var onClickRemove = React.useCallback(function () {
     if (onChange !== null) {
       onChange(null);
@@ -301,11 +310,12 @@ var ResourceItemField = function ResourceItemField(_ref) {
     className: "col-auto"
   }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     theme: "primary",
-    icon: "plus-lg",
+    icon: createButtonLabel === null ? 'plus-lg' : null,
     onClick: createOpen ? onCloseCreate : onOpenCreate,
     outline: true
-  })) : null, createOpen ? createInPlace ? /*#__PURE__*/React__default["default"].createElement(ResourceForm__default["default"], {
+  }, createButtonLabel)) : null, createOpen ? createInPlace ? /*#__PURE__*/React__default["default"].createElement(ResourceForm__default["default"], {
     resource: resource,
+    type: resourceType,
     onSuccess: onCreateSuccess
   }) : /*#__PURE__*/React__default["default"].createElement(Dialog__default["default"], {
     title: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
@@ -323,6 +333,7 @@ var ResourceItemField = function ResourceItemField(_ref) {
     onClickClose: onCloseCreate
   }, /*#__PURE__*/React__default["default"].createElement(ResourceForm__default["default"], {
     resource: resource,
+    type: resourceType,
     onSuccess: onCreateSuccess
   })) : null));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-resource-item",
-    "version": "2.0.69",
+    "version": "2.0.71",
     "description": "An item mapping a resource",
     "keywords": [
         "javascript"
@@ -45,14 +45,14 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^2.0.69",
-        "@panneau/data": "^2.0.69",
-        "@panneau/element-button": "^2.0.69",
-        "@panneau/element-resource-card": "^2.0.69",
-        "@panneau/element-select": "^2.0.69",
-        "@panneau/form-resource": "^2.0.69",
-        "@panneau/intl": "^2.0.69",
-        "@panneau/modal-dialog": "^2.0.69",
+        "@panneau/core": "^2.0.71",
+        "@panneau/data": "^2.0.71",
+        "@panneau/element-button": "^2.0.71",
+        "@panneau/element-resource-card": "^2.0.71",
+        "@panneau/element-select": "^2.0.71",
+        "@panneau/form-resource": "^2.0.71",
+        "@panneau/intl": "^2.0.71",
+        "@panneau/modal-dialog": "^2.0.71",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -61,5 +61,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "270c1e84966861e94a390d20ee525c33f7edadb0"
+    "gitHead": "1967f2257b7e36b5807c4127ec368d2bb1edf687"
 }