@panneau/field-resource-item 4.0.38 → 4.0.40-alpha.1

package/dist/index.d.ts

@@ -1,11 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormError, Message } from '@panneau/core';
+import { Item, FormError, Message } from '@panneau/core';
 
-interface Item {
-    id?: string | number | null;
-    type?: string;
-    [key: string]: unknown;
-}
 interface ResourceItemFieldProps {
     name?: string | null;
     value?: Item | null;
@@ -31,6 +26,7 @@ interface ResourceItemFieldProps {
     canEdit?: boolean;
     canFind?: boolean;
     withoutModal?: boolean;
+    withoutSelect?: boolean;
     createButtonLabel?: Message | null;
     editButtonLabel?: Message | null;
     findButtonLabel?: Message | null;
@@ -40,7 +36,7 @@ interface ResourceItemFieldProps {
     inputClassName?: string | null;
     onChange?: ((value: Item | Item[] | null) => void) | null;
 }
-declare function ResourceItemField({ name, value, errors, resource: resourceId, resourceType, paginated, query: initialQuery, requestQuery: initialRequestQuery, page: initialPage, count: initialCount, options: initialOptions, searchParamName, getItemLabel: initialGetItemLabel, getItemDescription, getItemImage, itemLabelPath, itemDescriptionPath, itemImagePath, itemLabelWithId, placeholder, canCreate, canEdit, canFind, withoutModal, createButtonLabel, editButtonLabel, findButtonLabel, multiple, disabled, className, inputClassName, onChange, }: ResourceItemFieldProps): react_jsx_runtime.JSX.Element;
+declare function ResourceItemField({ name, value, errors, resource: resourceId, resourceType, paginated, query: initialQuery, requestQuery: initialRequestQuery, page: initialPage, count: initialCount, options: initialOptions, searchParamName, getItemLabel: initialGetItemLabel, getItemDescription, getItemImage, itemLabelPath, itemDescriptionPath, itemImagePath, itemLabelWithId, placeholder, canCreate, canEdit, canFind, withoutModal, withoutSelect, createButtonLabel, editButtonLabel, findButtonLabel, multiple, disabled, className, inputClassName, onChange, }: ResourceItemFieldProps): react_jsx_runtime.JSX.Element;
 
 declare namespace _default {
     let id: string;

package/dist/index.js

@@ -1,7 +1,3 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
@@ -14,166 +10,98 @@ import { useResourceItems } from '@panneau/data';
 import Button from '@panneau/element-button';
 import ResourceCard from '@panneau/element-resource-card';
 import Select from '@panneau/element-select';
-import ResourceForm from '@panneau/form-resource';
 import { useResourceValues } from '@panneau/intl';
-import Dialog from '@panneau/modal-dialog';
+import ModalResourceForm from '@panneau/modal-resource-form';
 import ModalResourceItems from '@panneau/modal-resource-items';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function ResourceItemField(_ref) {
-  var _ref$name = _ref.name,
-    name = _ref$name === void 0 ? null : _ref$name,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? null : _ref$value,
-    _ref$errors = _ref.errors,
-    errors = _ref$errors === void 0 ? null : _ref$errors,
-    _ref$resource = _ref.resource,
-    resourceId = _ref$resource === void 0 ? null : _ref$resource,
-    _ref$resourceType = _ref.resourceType,
-    resourceType = _ref$resourceType === void 0 ? null : _ref$resourceType,
-    _ref$paginated = _ref.paginated,
-    paginated = _ref$paginated === void 0 ? true : _ref$paginated,
-    _ref$query = _ref.query,
-    initialQuery = _ref$query === void 0 ? null : _ref$query,
-    _ref$requestQuery = _ref.requestQuery,
-    initialRequestQuery = _ref$requestQuery === void 0 ? null : _ref$requestQuery,
-    _ref$page = _ref.page,
-    initialPage = _ref$page === void 0 ? null : _ref$page,
-    _ref$count = _ref.count,
-    initialCount = _ref$count === void 0 ? null : _ref$count,
-    _ref$options = _ref.options,
-    initialOptions = _ref$options === void 0 ? null : _ref$options,
-    _ref$searchParamName = _ref.searchParamName,
-    searchParamName = _ref$searchParamName === void 0 ? 'search' : _ref$searchParamName,
-    _ref$getItemLabel = _ref.getItemLabel,
-    initialGetItemLabel = _ref$getItemLabel === void 0 ? getPathValue : _ref$getItemLabel,
-    _ref$getItemDescripti = _ref.getItemDescription,
-    getItemDescription = _ref$getItemDescripti === void 0 ? getPathValue : _ref$getItemDescripti,
-    _ref$getItemImage = _ref.getItemImage,
-    getItemImage = _ref$getItemImage === void 0 ? getPathValue : _ref$getItemImage,
-    _ref$itemLabelPath = _ref.itemLabelPath,
-    itemLabelPath = _ref$itemLabelPath === void 0 ? 'label' : _ref$itemLabelPath,
-    _ref$itemDescriptionP = _ref.itemDescriptionPath,
-    itemDescriptionPath = _ref$itemDescriptionP === void 0 ? null : _ref$itemDescriptionP,
-    _ref$itemImagePath = _ref.itemImagePath,
-    itemImagePath = _ref$itemImagePath === void 0 ? 'image.thumbnail_url' : _ref$itemImagePath,
-    _ref$itemLabelWithId = _ref.itemLabelWithId,
-    itemLabelWithId = _ref$itemLabelWithId === void 0 ? false : _ref$itemLabelWithId,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
-    _ref$canCreate = _ref.canCreate,
-    canCreate = _ref$canCreate === void 0 ? false : _ref$canCreate,
-    _ref$canEdit = _ref.canEdit,
-    canEdit = _ref$canEdit === void 0 ? false : _ref$canEdit,
-    _ref$canFind = _ref.canFind,
-    canFind = _ref$canFind === void 0 ? false : _ref$canFind,
-    _ref$withoutModal = _ref.withoutModal,
-    withoutModal = _ref$withoutModal === void 0 ? false : _ref$withoutModal,
-    _ref$createButtonLabe = _ref.createButtonLabel,
-    createButtonLabel = _ref$createButtonLabe === void 0 ? null : _ref$createButtonLabe,
-    _ref$editButtonLabel = _ref.editButtonLabel,
-    editButtonLabel = _ref$editButtonLabel === void 0 ? null : _ref$editButtonLabel,
-    _ref$findButtonLabel = _ref.findButtonLabel,
-    findButtonLabel = _ref$findButtonLabel === void 0 ? null : _ref$findButtonLabel,
-    _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$inputClassName = _ref.inputClassName,
-    inputClassName = _ref$inputClassName === void 0 ? null : _ref$inputClassName,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? null : _ref$onChange;
-  var intl = useIntl();
-  var resource = usePanneauResource(resourceId);
-  var resourceValues = useResourceValues(resource);
-  var defaultPage = useMemo(function () {
-    return initialPage || (paginated ? 1 : null);
-  }, [initialPage, paginated]);
-  var defaultCount = useMemo(function () {
-    return initialCount || (paginated ? 8 : null);
-  }, [initialCount, paginated]);
-  var hasValue = value !== null && !isEmpty(value);
+function ResourceItemField({
+  name = null,
+  value = null,
+  errors = null,
+  resource: resourceId = null,
+  resourceType = null,
+  paginated = true,
+  query: initialQuery = null,
+  requestQuery: initialRequestQuery = null,
+  page: initialPage = null,
+  count: initialCount = null,
+  options: initialOptions = null,
+  searchParamName = 'search',
+  getItemLabel: initialGetItemLabel = getPathValue,
+  getItemDescription = getPathValue,
+  getItemImage = getPathValue,
+  itemLabelPath = 'label',
+  itemDescriptionPath = null,
+  itemImagePath = 'image.thumbnail_url',
+  itemLabelWithId = false,
+  placeholder = null,
+  canCreate = false,
+  canEdit = false,
+  canFind = false,
+  withoutModal = false,
+  withoutSelect = false,
+  createButtonLabel = null,
+  editButtonLabel = null,
+  findButtonLabel = null,
+  multiple = false,
+  disabled = false,
+  className = null,
+  inputClassName = null,
+  onChange = null
+}) {
+  const intl = useIntl();
+  const resource = usePanneauResource(resourceId);
+  useResourceValues(resource);
+  const defaultPage = useMemo(() => initialPage || (paginated ? 1 : null), [initialPage, paginated]);
+  const defaultCount = useMemo(() => initialCount || (paginated ? 8 : null), [initialCount, paginated]);
+  const hasValue = value !== null && !isEmpty(value);
 
   // const [initialValue] = useState(value);
 
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    formOpen = _useState2[0],
-    setFormOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    listOpen = _useState4[0],
-    setListOpen = _useState4[1];
+  const [formOpen, setFormOpen] = useState(false);
+  const [listOpen, setListOpen] = useState(false);
 
   // TODO: list state controls?
-  var _useState5 = useState(initialQuery || initialRequestQuery || {}),
-    _useState6 = _slicedToArray(_useState5, 2),
-    query = _useState6[0];
-    _useState6[1];
-  var _useState7 = useState(defaultPage),
-    _useState8 = _slicedToArray(_useState7, 2),
-    page = _useState8[0],
-    setPage = _useState8[1];
-  var _useState9 = useState(defaultCount),
-    _useState0 = _slicedToArray(_useState9, 2),
-    count = _useState0[0];
-    _useState0[1];
-  var _useState1 = useState(initialOptions),
-    _useState10 = _slicedToArray(_useState1, 2),
-    resourceOptions = _useState10[0];
-    _useState10[1];
+  const [query, setQuery] = useState(initialQuery || initialRequestQuery || {});
+  const [page, setPage] = useState(defaultPage);
+  const [count, setCount] = useState(defaultCount);
+  const [resourceOptions, setOptions] = useState(initialOptions);
 
   // The text input search query
-  var _useState11 = useState(''),
-    _useState12 = _slicedToArray(_useState11, 2),
-    inputTextValue = _useState12[0],
-    setInputTextValue = _useState12[1];
-  var _useState13 = useState(''),
-    _useState14 = _slicedToArray(_useState13, 2),
-    queryTextValue = _useState14[0],
-    setQueryTextValue = _useState14[1];
-  var onInputChange = useCallback(function (textValue) {
+  const [inputTextValue, setInputTextValue] = useState('');
+  const [queryTextValue, setQueryTextValue] = useState('');
+  const onInputChange = useCallback(textValue => {
     setInputTextValue(textValue);
     setPage(defaultPage);
   }, [setInputTextValue, setPage, defaultPage]);
-  useEffect(function () {
-    var id = setTimeout(function () {
+  useEffect(() => {
+    const id = setTimeout(() => {
       setQueryTextValue(inputTextValue);
     }, 500);
-    return function () {
+    return () => {
       clearTimeout(id);
     };
   }, [inputTextValue, setQueryTextValue]);
-  var queryResource = useMemo(function () {
-    return {
-      id: resourceId
-    };
-  }, [resourceId]);
-  var finalQuery = useMemo(function () {
-    return _objectSpread(_objectSpread(_objectSpread({}, query), !isEmpty(queryTextValue) ? _defineProperty({}, searchParamName, queryTextValue) : null), {}, {
-      paginated: paginated
-    });
-  }, [queryTextValue, paginated, query, searchParamName]);
-  var _useResourceItems = useResourceItems(queryResource, finalQuery, paginated ? page : null, paginated ? count : null, resourceOptions),
-    _useResourceItems$all = _useResourceItems.allItems,
-    partialItems = _useResourceItems$all === void 0 ? null : _useResourceItems$all,
-    _useResourceItems$rel = _useResourceItems.reload,
-    reload = _useResourceItems$rel === void 0 ? null : _useResourceItems$rel,
-    _useResourceItems$pag = _useResourceItems.pagination,
-    pagination = _useResourceItems$pag === void 0 ? null : _useResourceItems$pag;
-  var _ref3 = pagination || {},
-    _ref3$lastPage = _ref3.lastPage,
-    lastPage = _ref3$lastPage === void 0 ? null : _ref3$lastPage;
-  var items = uniqBy((partialItems || []).concat(multiple && isArray(value) ? value : [value]).filter(function (it) {
-    return it !== null;
-  }), function (_ref4) {
-    var _ref4$id = _ref4.id,
-      id = _ref4$id === void 0 ? null : _ref4$id;
-    return id;
-  });
-  var onScrollEnd = useCallback(function () {
+  const finalQuery = useMemo(() => ({
+    ...query,
+    ...(!isEmpty(queryTextValue) ? {
+      [searchParamName]: queryTextValue
+    } : null),
+    paginated
+  }), [queryTextValue, paginated, query, searchParamName]);
+  const {
+    allItems: partialItems = null,
+    reload = null,
+    pagination = null
+  } = useResourceItems(resource, finalQuery, paginated ? page : null, paginated ? count : null, resourceOptions);
+  const {
+    lastPage = null
+  } = pagination || {};
+  const items = uniqBy((partialItems || []).concat(multiple && isArray(value) ? value : [value]).filter(it => it !== null), ({
+    id: id_0 = null
+  }) => id_0);
+  const onScrollEnd = useCallback(() => {
     if (page !== null && typeof page === 'number' && typeof lastPage === 'number' && page >= lastPage) {
       return;
     }
@@ -181,87 +109,80 @@ function ResourceItemField(_ref) {
       setPage(page + 1);
     }
   }, [paginated, page, setPage, lastPage]);
-  var getItemLabel = useCallback(function (it, path) {
-    var _ref5 = it || {},
-      _ref5$id = _ref5.id,
-      id = _ref5$id === void 0 ? null : _ref5$id;
+  const getItemLabel = useCallback((it_0, path) => {
+    const {
+      id: id_1 = null
+    } = it_0 || {};
     if (itemLabelWithId) {
-      var label = initialGetItemLabel(it, path);
-      return label ? "".concat(label, " (#").concat(id, ")") : "#".concat(id);
+      const label = initialGetItemLabel(it_0, path);
+      return label ? `${label} (#${id_1})` : `#${id_1}`;
     }
-    return path !== null ? initialGetItemLabel(it, path) : "#".concat(id);
+    return path !== null ? initialGetItemLabel(it_0, path) : `#${id_1}`;
   }, [initialGetItemLabel, itemLabelWithId]);
-  var parseItem = useCallback(function (it) {
-    var label = getItemLabel(it, itemLabelPath);
-    var description = getItemDescription(it, itemDescriptionPath);
-    var finalLabel = description !== null ? "".concat(label, ": ").concat(description) : label;
+  const parseItem = useCallback(it_1 => {
+    const label_0 = getItemLabel(it_1, itemLabelPath);
+    const description = getItemDescription(it_1, itemDescriptionPath);
+    const finalLabel = description !== null ? `${label_0}: ${description}` : label_0;
     return {
-      value: it.id,
+      value: it_1.id,
       label: finalLabel
     };
   }, [getItemLabel, getItemDescription, itemLabelPath, itemDescriptionPath]);
-  var finalValue = multiple && isArray(value) ? value.map(function (_ref6) {
-    var _ref6$id = _ref6.id,
-      id = _ref6$id === void 0 ? null : _ref6$id;
-    return id;
-  }) : (value === null || value === void 0 ? void 0 : value.id) || null;
-  var _ref7 = !multiple && hasValue ? value : {
-      type: resourceType
-    },
-    _ref7$type = _ref7.type,
-    finalType = _ref7$type === void 0 ? null : _ref7$type;
-  var options = (items || []).map(function (it) {
-    return parseItem(it);
-  });
-  var onValueChange = useCallback(function (newId) {
+  const finalValue = multiple && isArray(value) ? value.map(({
+    id: id_2 = null
+  }) => id_2) : value?.id || null;
+  const {
+    type: finalType = null
+  } = !multiple && hasValue ? value : {
+    type: resourceType
+  };
+  const options = (items || []).map(it_2 => parseItem(it_2));
+  const onValueChange = useCallback(newId => {
     if (onChange === null) return;
     if (multiple && isArray(newId)) {
-      var newValue = items.filter(function (_ref8) {
-        var _ref8$id = _ref8.id,
-          id = _ref8$id === void 0 ? null : _ref8$id;
-        return newId.indexOf(id) !== -1;
-      }) || [];
+      const newValue = items.filter(({
+        id: id_3 = null
+      }) => newId.indexOf(id_3) !== -1) || [];
       onChange(newValue);
     } else if (!isArray(newId)) {
-      var _newValue = items.filter(function (_ref9) {
-        var _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
-        return id === newId;
-      }) || [];
-      if (_newValue !== null && _newValue.length > 0) {
-        onChange(_newValue[0]);
+      const newValue_0 = items.filter(({
+        id: id_4 = null
+      }) => id_4 === newId) || [];
+      if (newValue_0 !== null && newValue_0.length > 0) {
+        onChange(newValue_0[0]);
       } else {
         onChange(null);
       }
     }
   }, [items, onChange, multiple]);
-  var onOpenForm = useCallback(function () {
+  const onOpenForm = useCallback(() => {
     setFormOpen(true);
   }, [setFormOpen]);
-  var onCloseForm = useCallback(function () {
+  const onClosedForm = useCallback(() => {
     setFormOpen(false);
   }, [setFormOpen]);
-  var onFormSuccess = useCallback(function (newValue) {
+  const onFormSuccess = useCallback(newValue_1 => {
     if (onChange === null) return;
-    var finalNewValue = resourceType !== null ? _objectSpread({
-      type: resourceType
-    }, newValue) : newValue;
+    const finalNewValue = resourceType !== null ? {
+      type: resourceType,
+      ...newValue_1
+    } : newValue_1;
     if (multiple) {
-      onChange(isArray(value) ? [].concat(_toConsumableArray(value), [finalNewValue]) : [finalNewValue]);
+      onChange(isArray(value) ? [...value, finalNewValue] : [finalNewValue]);
     } else {
       onChange(finalNewValue);
     }
     setFormOpen(false);
   }, [onChange, multiple, value, setFormOpen, resourceType]);
-  var onOpenList = useCallback(function () {
-    setListOpen(false); // TODO: fix this, see Upload Field
+  const onOpenList = useCallback(() => {
+    setListOpen(true); // TODO: fix this, see Upload Field
   }, [setListOpen]);
-  var onCloseList = useCallback(function () {
+  const onClosedList = useCallback(() => {
     setListOpen(false);
   }, [setListOpen]);
-  var onSelectListItem = useCallback(function (newValue) {
+  const onSelectListItem = useCallback(newValue_2 => {
     if (onChange !== null) {
-      onChange(newValue);
+      onChange(isArray(newValue_2) && !multiple ? newValue_2?.[0] || null : newValue_2);
       setListOpen(false);
     }
   }, [onChange, setListOpen]);
@@ -273,7 +194,7 @@ function ResourceItemField(_ref) {
   //     }
   // }, [paginated, reloadall]);
 
-  var onClickRemove = useCallback(function () {
+  const onClickRemove = useCallback(() => {
     if (onChange !== null) {
       onChange(null);
     }
@@ -286,15 +207,10 @@ function ResourceItemField(_ref) {
       if (reload) reload();
     }
   }, [onChange, paginated, defaultPage, reload]);
-  var form = formOpen ? /*#__PURE__*/jsx(ResourceForm, {
-    resource: resource,
-    type: finalType,
-    item: !multiple ? value : null,
-    onSuccess: onFormSuccess,
-    isModal: true
-  }) : null;
   return /*#__PURE__*/jsxs("div", {
-    className: classNames(['position-relative', _defineProperty({}, className, className != null)]),
+    className: classNames(['position-relative', {
+      [className]: className != null
+    }]),
     children: [hasValue && !multiple ? /*#__PURE__*/jsx("div", {
       className: "row",
       children: /*#__PURE__*/jsx("div", {
@@ -310,17 +226,21 @@ function ResourceItemField(_ref) {
           itemImagePath: itemImagePath,
           itemLabelWithId: itemLabelWithId,
           disable: disabled,
-          onClickEdit: canEdit && !multiple ? formOpen ? onCloseForm : onOpenForm : null,
+          onClickEdit: canEdit && !multiple ? onOpenForm : null,
           onClickRemove: onClickRemove,
           editButtonLabel: editButtonLabel
         })
       })
     }) : /*#__PURE__*/jsxs("div", {
-      className: "row align-items-center",
-      children: [/*#__PURE__*/jsx("div", {
+      className: "row align-items-center gx-1",
+      children: [!withoutSelect ? /*#__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)]),
+          className: classNames(['py-1', 'shadow-none', {
+            disabled: disabled,
+            'is-invalid': errors !== null,
+            [inputClassName]: inputClassName !== null
+          }]),
           disabled: disabled,
           name: name,
           value: finalValue,
@@ -328,11 +248,7 @@ function ResourceItemField(_ref) {
           isClearable: true,
           isSearchable: true,
           placeholder: isMessage(placeholder) ? intl.formatMessage(placeholder) : /*#__PURE__*/jsx(FormattedMessage, {
-            id: "oc3YLT",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Choose an item"
-            }]
+            id: "oc3YLT"
           }),
           onChange: onValueChange,
           onInputChange: onInputChange
@@ -341,21 +257,21 @@ function ResourceItemField(_ref) {
           onMenuScrollToBottom: onScrollEnd,
           multiple: multiple
         })
-      }), canFind ? /*#__PURE__*/jsx("div", {
+      }) : null, canFind ? /*#__PURE__*/jsx("div", {
         className: "col-auto",
         children: /*#__PURE__*/jsx(Button, {
-          theme: "primary",
+          theme: "secondary",
           icon: findButtonLabel === null ? 'search' : null,
-          onClick: listOpen ? onCloseList : onOpenList,
+          onClick: onOpenList,
           outline: true,
           children: findButtonLabel
         })
       }) : null, canCreate ? /*#__PURE__*/jsx("div", {
         className: "col-auto",
         children: /*#__PURE__*/jsx(Button, {
-          theme: "primary",
+          theme: "secondary",
           icon: createButtonLabel === null ? 'plus-lg' : null,
-          onClick: formOpen ? onCloseForm : onOpenForm,
+          onClick: onOpenForm,
           outline: true,
           children: createButtonLabel
         })
@@ -363,41 +279,16 @@ function ResourceItemField(_ref) {
     }), 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
+    }) : /*#__PURE__*/jsx(ModalResourceForm, {
+      resource: resource,
+      item: !multiple ? value : null,
+      isCreate: true,
+      onClosed: onClosedForm,
+      onComplete: onFormSuccess
     }) : null, listOpen ? /*#__PURE__*/jsx(ModalResourceItems, {
       resource: resourceId,
-      onClose: onCloseList,
-      listProps: {
-        actions: ['select'],
-        actionsProps: {
-          onClickSelect: onSelectListItem
-        }
-      }
+      onClosed: onClosedList,
+      onSelect: onSelectListItem
     }) : null]
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-resource-item",
-    "version": "4.0.38",
+    "version": "4.0.40-alpha.1",
     "description": "An item mapping a resource",
     "keywords": [
         "javascript"
@@ -52,16 +52,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.0.38",
-        "@panneau/data": "^4.0.38",
-        "@panneau/element-button": "^4.0.38",
-        "@panneau/element-resource-card": "^4.0.38",
-        "@panneau/element-select": "^4.0.38",
-        "@panneau/form-resource": "^4.0.38",
-        "@panneau/intl": "^4.0.38",
-        "@panneau/modal-dialog": "^4.0.38",
-        "@panneau/modal-resource-form": "^4.0.38",
-        "@panneau/modal-resource-items": "^4.0.38",
+        "@panneau/core": "^4.0.40-alpha.1",
+        "@panneau/data": "^4.0.40-alpha.1",
+        "@panneau/element-button": "^4.0.40-alpha.1",
+        "@panneau/element-resource-card": "^4.0.40-alpha.1",
+        "@panneau/element-select": "^4.0.40-alpha.1",
+        "@panneau/form-resource": "^4.0.40-alpha.1",
+        "@panneau/intl": "^4.0.40-alpha.1",
+        "@panneau/modal-dialog": "^4.0.40-alpha.1",
+        "@panneau/modal-resource-form": "^4.0.40-alpha.1",
+        "@panneau/modal-resource-items": "^4.0.40-alpha.1",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0"
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fa4b9c4ec7fe5c0e360dda5a40f8b5d8c7ada651"
+    "gitHead": "66520f92373b3aa371222b354d60ed3cf3d20c96"
 }