@panneau/medias 4.0.58 → 4.0.60

package/dist/index.js

@@ -1,5 +1,6 @@
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
-import { use, createContext, useState, useCallback, useEffect } from 'react';
+import { use, createContext, useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useFieldComponent, usePanneauResource } from '@panneau/core/contexts';
 import { useForm, useQuery } from '@panneau/core/hooks';
@@ -7,7 +8,6 @@ import Button from '@panneau/element-button';
 import Form from '@panneau/element-form';
 import FormStatus from '@panneau/element-form-status';
 import UploadField from '@panneau/field-upload';
-import { c } from 'react/compiler-runtime';
 import ImageDisplay from '@panneau/display-image';
 import MediaPlayer from '@panneau/element-media-player';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -33,20 +33,20 @@ function MediasApiProvider(t0) {
   } = t0;
   const providedApi = t1 === undefined ? null : t1;
   const previousApi = useMediasApi();
-  const api = providedApi || previousApi;
-  let t2;
-  if ($[0] !== api || $[1] !== children) {
-    t2 = /*#__PURE__*/jsx(MediasApiContext, {
-      value: api,
+  const t2 = providedApi || previousApi;
+  let t3;
+  if ($[0] !== children || $[1] !== t2) {
+    t3 = /*#__PURE__*/jsx(MediasApiContext, {
+      value: t2,
       children: children
     });
-    $[0] = api;
-    $[1] = children;
-    $[2] = t2;
+    $[0] = children;
+    $[1] = t2;
+    $[2] = t3;
   } else {
-    t2 = $[2];
+    t3 = $[2];
   }
-  return t2;
+  return t3;
 }
 
 function useMedias(t0, t1, t2, t3) {
@@ -272,50 +272,16 @@ function useMediaUpdate() {
   return t1;
 }
 
-function useMediaDelete() {
-  const $ = c(5);
-  const [deleting, setDeleting] = useState(false);
-  const api = useMediasApi();
-  let t0;
-  if ($[0] !== api) {
-    t0 = (id, data) => {
-      setDeleting(true);
-      return api.delete(id, data).then(response => {
-        setDeleting(false);
-        return response;
-      });
-    };
-    $[0] = api;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const mediaDelete = t0;
-  let t1;
-  if ($[2] !== deleting || $[3] !== mediaDelete) {
-    t1 = {
-      mediaDelete,
-      deleting
-    };
-    $[2] = deleting;
-    $[3] = mediaDelete;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
-}
-
-function useMediaTrash() {
+function useMediaDestroy() {
   const $ = c(5);
-  const [trashing, setTrashing] = useState(false);
+  const [destroying, setDestroying] = useState(false);
   const api = useMediasApi();
   let t0;
   if ($[0] !== api) {
     t0 = (id, data) => {
-      setTrashing(true);
-      return api.trash(id, data).then(response => {
-        setTrashing(false);
+      setDestroying(true);
+      return api.destroy(id, data).then(response => {
+        setDestroying(false);
         return response;
       });
     };
@@ -324,15 +290,15 @@ function useMediaTrash() {
   } else {
     t0 = $[1];
   }
-  const mediaTrash = t0;
+  const mediaDestroy = t0;
   let t1;
-  if ($[2] !== mediaTrash || $[3] !== trashing) {
+  if ($[2] !== destroying || $[3] !== mediaDestroy) {
     t1 = {
-      mediaTrash,
-      trashing
+      mediaDestroy,
+      destroying
     };
-    $[2] = mediaTrash;
-    $[3] = trashing;
+    $[2] = destroying;
+    $[3] = mediaDestroy;
     $[4] = t1;
   } else {
     t1 = $[4];
@@ -600,73 +566,101 @@ var defaultFields = [{
   }]
 }];
 
-function MediaForm({
-  value: initialValue = null,
-  fields: initialFields = defaultFields,
-  onChange = null,
-  onSave = null,
-  onReplace = null,
-  onDelete = null,
-  onClose = null,
-  withDelete = false,
-  withTrash = false,
-  withReplace = false,
-  className = null,
-  children = null
-}) {
-  const FieldsComponent = useFieldComponent('fields');
+function MediaForm(t0) {
+  const $ = c(92);
+  const {
+    value: t1,
+    fields: t2,
+    onChange: t3,
+    onSave: t4,
+    onReplace: t5,
+    onDelete: t6,
+    onClose: t7,
+    withDelete: t8,
+    withTrash: t9,
+    withReplace: t10,
+    className: t11,
+    children: t12
+  } = t0;
+  const initialValue = t1 === undefined ? null : t1;
+  const initialFields = t2 === undefined ? defaultFields : t2;
+  const onChange = t3 === undefined ? null : t3;
+  const onSave = t4 === undefined ? null : t4;
+  const onReplace = t5 === undefined ? null : t5;
+  const onDelete = t6 === undefined ? null : t6;
+  const onClose = t7 === undefined ? null : t7;
+  const withDelete = t8 === undefined ? false : t8;
+  const withTrash = t9 === undefined ? false : t9;
+  const withReplace = t10 === undefined ? false : t10;
+  const className = t11 === undefined ? null : t11;
+  const children = t12 === undefined ? null : t12;
+  const FieldsComponent = useFieldComponent("fields");
   const {
     update,
     updating
   } = useMediaUpdate();
   const {
-    mediaTrash,
-    trashing
-  } = useMediaTrash();
-  const {
-    mediaDelete,
-    deleting
-  } = useMediaDelete();
+    mediaDestroy,
+    destroying
+  } = useMediaDestroy();
   const {
     mediaReplace,
     replacing
   } = useMediaReplace();
   const [changed, setChanged] = useState(false);
-  const disabled = updating || deleting || trashing || initialValue === null;
+  const disabled = updating || destroying || initialValue === null;
+  let t13;
+  if ($[0] !== initialValue) {
+    t13 = initialValue || {};
+    $[0] = initialValue;
+    $[1] = t13;
+  } else {
+    t13 = $[1];
+  }
   const {
-    name = null,
-    type = null,
-    deletedAt = null
-  } = initialValue || {};
-  const onChangeMedia = useCallback(newValue => {
-    if (onChange !== null) {
-      onChange(newValue);
-    }
-    setChanged(true);
-  }, [onChange, setChanged]);
-  const onMediaSaved = useCallback(newValue_0 => {
-    if (onSave !== null) {
-      onSave(newValue_0);
-    }
-    setChanged(false);
-  }, [onChange, setChanged]);
-  const onDeleteMedia = useCallback(() => {
-    const {
-      id = null
-    } = initialValue || {};
-    if (withTrash && deletedAt !== null) {
-      mediaTrash(id, initialValue).then(() => {
-        if (onDelete !== null) {
-          onDelete();
-        }
-        setChanged(false);
-        if (onClose !== null) {
-          onClose();
-        }
-      });
-    } else {
-      // Destroy
-      mediaDelete(id, initialValue).then(() => {
+    name: t14,
+    type: t15,
+    deletedAt: t16
+  } = t13;
+  const name = t14 === undefined ? null : t14;
+  const type = t15 === undefined ? null : t15;
+  const deletedAt = t16 === undefined ? null : t16;
+  let t17;
+  if ($[2] !== onChange) {
+    t17 = newValue => {
+      if (onChange !== null) {
+        onChange(newValue);
+      }
+      setChanged(true);
+    };
+    $[2] = onChange;
+    $[3] = t17;
+  } else {
+    t17 = $[3];
+  }
+  const onChangeMedia = t17;
+  let t18;
+  if ($[4] !== onSave) {
+    t18 = newValue_0 => {
+      if (onSave !== null) {
+        onSave(newValue_0);
+      }
+      setChanged(false);
+    };
+    $[4] = onSave;
+    $[5] = t18;
+  } else {
+    t18 = $[5];
+  }
+  const onMediaSaved = t18;
+  let t19;
+  if ($[6] !== initialValue || $[7] !== mediaDestroy || $[8] !== onClose || $[9] !== onDelete) {
+    t19 = () => {
+      const {
+        id: t20
+      } = initialValue || {};
+      const id = t20 === undefined ? null : t20;
+      mediaDestroy(id, initialValue).then(() => {
         if (onDelete !== null) {
           onDelete();
         }
@@ -675,15 +669,61 @@ function MediaForm({
           onClose();
         }
       });
-    }
-  }, [initialValue, mediaDelete, mediaTrash, deletedAt, setChanged, onDelete, withTrash]);
-  const onUploadComplete = useCallback(data => {
-    const {
-      id: id_0 = null
-    } = initialValue || {};
-    mediaReplace(id_0, data).then(onReplace);
-  }, [initialValue, onReplace]);
-  const postForm = useCallback((action, data_0) => initialValue !== null ? update(initialValue.id, data_0) : Promise.resolve(null), [initialValue, update]);
+    };
+    $[6] = initialValue;
+    $[7] = mediaDestroy;
+    $[8] = onClose;
+    $[9] = onDelete;
+    $[10] = t19;
+  } else {
+    t19 = $[10];
+  }
+  const onDeleteMedia = t19;
+  let t20;
+  if ($[11] !== initialValue || $[12] !== mediaReplace || $[13] !== onReplace) {
+    t20 = data => {
+      const {
+        id: t21
+      } = initialValue || {};
+      const id_0 = t21 === undefined ? null : t21;
+      mediaReplace(id_0, data).then(onReplace);
+    };
+    $[11] = initialValue;
+    $[12] = mediaReplace;
+    $[13] = onReplace;
+    $[14] = t20;
+  } else {
+    t20 = $[14];
+  }
+  const onUploadComplete = t20;
+  let t21;
+  if ($[15] !== initialValue || $[16] !== update) {
+    t21 = (action, data_0) => initialValue !== null ? update(initialValue.id, data_0) : Promise.resolve(null);
+    $[15] = initialValue;
+    $[16] = update;
+    $[17] = t21;
+  } else {
+    t21 = $[17];
+  }
+  const postForm = t21;
+  let t22;
+  if ($[18] !== initialFields || $[19] !== initialValue || $[20] !== onChangeMedia || $[21] !== onMediaSaved || $[22] !== postForm) {
+    t22 = {
+      fields: initialFields,
+      postForm,
+      onComplete: onMediaSaved,
+      value: initialValue,
+      setValue: onChangeMedia
+    };
+    $[18] = initialFields;
+    $[19] = initialValue;
+    $[20] = onChangeMedia;
+    $[21] = onMediaSaved;
+    $[22] = postForm;
+    $[23] = t22;
+  } else {
+    t22 = $[23];
+  }
   const {
     value,
     setValue,
@@ -691,114 +731,295 @@ function MediaForm({
     onSubmit,
     status,
     generalError
-  } = useForm({
-    fields: initialFields,
-    postForm,
-    onComplete: onMediaSaved,
-    value: initialValue,
-    setValue: onChangeMedia,
-    disabled: updating
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(['text-body', {
-      [className]: className !== null
-    }]),
-    children: [/*#__PURE__*/jsxs("nav", {
+  } = useForm(t22);
+  const t23 = className !== null;
+  let t24;
+  if ($[24] !== className || $[25] !== t23) {
+    t24 = classNames(["text-body", {
+      [className]: t23
+    }]);
+    $[24] = className;
+    $[25] = t23;
+    $[26] = t24;
+  } else {
+    t24 = $[26];
+  }
+  let t25;
+  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = {
+      maxWidth: "66%"
+    };
+    $[27] = t25;
+  } else {
+    t25 = $[27];
+  }
+  let t26;
+  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+    t26 = /*#__PURE__*/jsx(FormattedMessage, {
+      id: "8NyYTH"
+    });
+    $[28] = t26;
+  } else {
+    t26 = $[28];
+  }
+  let t27;
+  if ($[29] !== onClose) {
+    t27 = /*#__PURE__*/jsx("div", {
+      className: "me-3 mb-0",
+      children: /*#__PURE__*/jsx(Button, {
+        theme: "secondary",
+        outline: true,
+        onClick: onClose,
+        icon: "arrow-left",
+        children: t26
+      })
+    });
+    $[29] = onClose;
+    $[30] = t27;
+  } else {
+    t27 = $[30];
+  }
+  let t28;
+  if ($[31] !== name) {
+    t28 = /*#__PURE__*/jsx("h4", {
+      className: "d-inline text-truncate mb-0",
+      children: name
+    });
+    $[31] = name;
+    $[32] = t28;
+  } else {
+    t28 = $[32];
+  }
+  let t29;
+  if ($[33] !== type) {
+    t29 = /*#__PURE__*/jsx("span", {
+      className: "mx-2",
+      children: type
+    });
+    $[33] = type;
+    $[34] = t29;
+  } else {
+    t29 = $[34];
+  }
+  let t30;
+  if ($[35] !== t27 || $[36] !== t28 || $[37] !== t29) {
+    t30 = /*#__PURE__*/jsxs("div", {
+      className: "d-flex align-items-end justify-content-start mb-1",
+      style: t25,
+      children: [t27, t28, t29]
+    });
+    $[35] = t27;
+    $[36] = t28;
+    $[37] = t29;
+    $[38] = t30;
+  } else {
+    t30 = $[38];
+  }
+  let t31;
+  if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
+    t31 = classNames("d-flex", "justify-content-between", "align-items-center", "gap-1");
+    $[39] = t31;
+  } else {
+    t31 = $[39];
+  }
+  let t32;
+  if ($[40] !== destroying || $[41] !== onUploadComplete || $[42] !== replacing || $[43] !== type || $[44] !== updating || $[45] !== withReplace) {
+    t32 = withReplace ? /*#__PURE__*/jsx(UploadField, {
+      className: "w-auto text-nowrap",
+      withButton: true,
+      withoutMedia: true,
+      types: [type],
+      outline: false,
+      closeAfterFinish: true,
+      disabled: destroying || updating || replacing,
+      addButtonLabel: /*#__PURE__*/jsx(FormattedMessage, {
+        id: "GxOBVL"
+      }),
+      onChange: onUploadComplete
+    }) : null;
+    $[40] = destroying;
+    $[41] = onUploadComplete;
+    $[42] = replacing;
+    $[43] = type;
+    $[44] = updating;
+    $[45] = withReplace;
+    $[46] = t32;
+  } else {
+    t32 = $[46];
+  }
+  let t33;
+  if ($[47] !== deletedAt || $[48] !== destroying || $[49] !== onDeleteMedia || $[50] !== replacing || $[51] !== updating || $[52] !== withDelete || $[53] !== withTrash) {
+    t33 = withDelete ? /*#__PURE__*/jsx(Button, {
+      className: "me-2 mb-1 mt-1",
+      theme: "danger",
+      icon: withTrash && deletedAt !== null ? "trash-fill" : "trash",
+      iconPosition: "right",
+      onClick: onDeleteMedia,
+      disabled: destroying || updating || replacing,
+      children: withTrash && deletedAt === null ? /*#__PURE__*/jsx(FormattedMessage, {
+        id: "PSlT7H"
+      }) : /*#__PURE__*/jsx(FormattedMessage, {
+        id: "Bhu3B2"
+      })
+    }) : null;
+    $[47] = deletedAt;
+    $[48] = destroying;
+    $[49] = onDeleteMedia;
+    $[50] = replacing;
+    $[51] = updating;
+    $[52] = withDelete;
+    $[53] = withTrash;
+    $[54] = t33;
+  } else {
+    t33 = $[54];
+  }
+  let t34;
+  if ($[55] !== changed || $[56] !== destroying || $[57] !== onSave || $[58] !== onSubmit || $[59] !== updating) {
+    t34 = onSave !== null ? /*#__PURE__*/jsx(Button, {
+      className: "mb-1 mt-1",
+      theme: "primary",
+      icon: changed ? "check" : "check",
+      iconPosition: "right",
+      onClick: onSubmit,
+      disabled: !changed || updating || destroying,
+      children: /*#__PURE__*/jsx(FormattedMessage, {
+        id: "R1HYj0"
+      })
+    }) : null;
+    $[55] = changed;
+    $[56] = destroying;
+    $[57] = onSave;
+    $[58] = onSubmit;
+    $[59] = updating;
+    $[60] = t34;
+  } else {
+    t34 = $[60];
+  }
+  let t35;
+  if ($[61] !== t32 || $[62] !== t33 || $[63] !== t34) {
+    t35 = /*#__PURE__*/jsxs("div", {
+      className: t31,
+      children: [t32, t33, t34]
+    });
+    $[61] = t32;
+    $[62] = t33;
+    $[63] = t34;
+    $[64] = t35;
+  } else {
+    t35 = $[64];
+  }
+  let t36;
+  if ($[65] !== t30 || $[66] !== t35) {
+    t36 = /*#__PURE__*/jsxs("nav", {
       className: "navbar d-flex w-100 align-items-end justify-content-between border-bottom mb-3",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "d-flex align-items-end justify-content-start mb-1",
-        style: {
-          maxWidth: '66%'
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: "me-3 mb-0",
-          children: /*#__PURE__*/jsx(Button, {
-            theme: "secondary",
-            outline: true,
-            onClick: onClose,
-            icon: "arrow-left",
-            children: /*#__PURE__*/jsx(FormattedMessage, {
-              id: "8NyYTH"
-            })
-          })
-        }), /*#__PURE__*/jsx("h4", {
-          className: "d-inline text-truncate mb-0",
-          children: name
-        }), /*#__PURE__*/jsx("span", {
-          className: "mx-2",
-          children: type
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classNames('d-flex', 'justify-content-between', 'align-items-center', 'gap-1'),
-        children: [withReplace ? /*#__PURE__*/jsx(UploadField, {
-          className: "w-auto text-nowrap",
-          withButton: true,
-          withoutMedia: true,
-          types: [type],
-          outline: false,
-          closeAfterFinish: true,
-          disabled: deleting || trashing || updating || replacing,
-          addButtonLabel: /*#__PURE__*/jsx(FormattedMessage, {
-            id: "GxOBVL"
-          }),
-          onChange: onUploadComplete
-        }) : null, withDelete ? /*#__PURE__*/jsx(Button, {
-          className: "me-2 mb-1 mt-1",
-          theme: "danger",
-          icon: withTrash && deletedAt !== null ? 'trash-fill' : 'trash',
-          iconPosition: "right",
-          onClick: onDeleteMedia,
-          disabled: deleting || trashing || updating || replacing,
-          children: withTrash && deletedAt === null ? /*#__PURE__*/jsx(FormattedMessage, {
-            id: "PSlT7H"
-          }) : /*#__PURE__*/jsx(FormattedMessage, {
-            id: "Bhu3B2"
-          })
-        }) : null, onSave !== null ? /*#__PURE__*/jsx(Button, {
-          className: "mb-1 mt-1",
-          theme: "primary",
-          icon: changed ? 'check' : 'check',
-          iconPosition: "right",
-          onClick: onSubmit,
-          disabled: !changed || updating || deleting || trashing,
-          children: /*#__PURE__*/jsx(FormattedMessage, {
-            id: "R1HYj0"
-          })
-        }) : null]
-      })]
-    }), /*#__PURE__*/jsxs("div", {
+      children: [t30, t35]
+    });
+    $[65] = t30;
+    $[66] = t35;
+    $[67] = t36;
+  } else {
+    t36 = $[67];
+  }
+  let t37;
+  if ($[68] !== value) {
+    t37 = /*#__PURE__*/jsx("div", {
+      className: "position-relative w-100",
+      children: /*#__PURE__*/jsx("div", {
+        className: styles.mediaFrame,
+        children: /*#__PURE__*/jsx(MediaFrame, {
+          value: value
+        })
+      })
+    });
+    $[68] = value;
+    $[69] = t37;
+  } else {
+    t37 = $[69];
+  }
+  let t38;
+  if ($[70] !== children || $[71] !== t37) {
+    t38 = /*#__PURE__*/jsxs("div", {
+      className: "col-md-6",
+      children: [t37, children]
+    });
+    $[70] = children;
+    $[71] = t37;
+    $[72] = t38;
+  } else {
+    t38 = $[72];
+  }
+  let t39;
+  if ($[73] !== FieldsComponent || $[74] !== disabled || $[75] !== fields || $[76] !== setValue || $[77] !== value) {
+    t39 = /*#__PURE__*/jsx(Form, {
+      withoutActions: true,
+      children: /*#__PURE__*/jsx(FieldsComponent, {
+        fields: fields,
+        value: value,
+        onChange: setValue,
+        disabled: disabled
+      })
+    });
+    $[73] = FieldsComponent;
+    $[74] = disabled;
+    $[75] = fields;
+    $[76] = setValue;
+    $[77] = value;
+    $[78] = t39;
+  } else {
+    t39 = $[78];
+  }
+  let t40;
+  if ($[79] !== generalError || $[80] !== status) {
+    t40 = generalError !== null && status !== null ? /*#__PURE__*/jsx("div", {
+      className: "mt-5",
+      children: /*#__PURE__*/jsx(FormStatus, {
+        status: status
+      })
+    }) : null;
+    $[79] = generalError;
+    $[80] = status;
+    $[81] = t40;
+  } else {
+    t40 = $[81];
+  }
+  let t41;
+  if ($[82] !== t39 || $[83] !== t40) {
+    t41 = /*#__PURE__*/jsxs("div", {
+      className: "col-md-6",
+      children: [t39, t40]
+    });
+    $[82] = t39;
+    $[83] = t40;
+    $[84] = t41;
+  } else {
+    t41 = $[84];
+  }
+  let t42;
+  if ($[85] !== t38 || $[86] !== t41) {
+    t42 = /*#__PURE__*/jsxs("div", {
       className: "row",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "col-md-6",
-        children: [/*#__PURE__*/jsx("div", {
-          className: "position-relative w-100",
-          children: /*#__PURE__*/jsx("div", {
-            className: styles.mediaFrame,
-            children: /*#__PURE__*/jsx(MediaFrame, {
-              value: value
-            })
-          })
-        }), children]
-      }), /*#__PURE__*/jsxs("div", {
-        className: "col-md-6",
-        children: [/*#__PURE__*/jsx(Form, {
-          onChange: onChangeMedia,
-          withoutActions: true,
-          children: /*#__PURE__*/jsx(FieldsComponent, {
-            fields: fields,
-            value: value,
-            onChange: setValue,
-            disabled: disabled
-          })
-        }), generalError !== null && status !== null ? /*#__PURE__*/jsx("div", {
-          className: "mt-5",
-          children: /*#__PURE__*/jsx(FormStatus, {
-            status: status
-          })
-        }) : null]
-      })]
-    })]
-  });
+      children: [t38, t41]
+    });
+    $[85] = t38;
+    $[86] = t41;
+    $[87] = t42;
+  } else {
+    t42 = $[87];
+  }
+  let t43;
+  if ($[88] !== t24 || $[89] !== t36 || $[90] !== t42) {
+    t43 = /*#__PURE__*/jsxs("div", {
+      className: t24,
+      children: [t36, t42]
+    });
+    $[88] = t24;
+    $[89] = t36;
+    $[90] = t42;
+    $[91] = t43;
+  } else {
+    t43 = $[91];
+  }
+  return t43;
 }
 
 const MediaContext = /*#__PURE__*/createContext(null);
@@ -999,7 +1220,7 @@ const DEFAULT_LAYOUTS = [{
 }];
 const DEFAULT_UPPY_CONFIG = {};
 function MediasBrowser(t0) {
-  const $ = c(162);
+  const $ = c(158);
   const {
     items: t1,
     extraItems: t2,
@@ -1162,13 +1383,9 @@ function MediasBrowser(t0) {
   }
   const trashed = t41 === undefined ? null : t41;
   const {
-    mediaTrash,
-    trashing
-  } = useMediaTrash();
-  const {
-    mediaDelete,
-    deleting
-  } = useMediaDelete();
+    mediaDestroy,
+    destroying
+  } = useMediaDestroy();
   const {
     mediaRestore
   } = useMediaRestore();
@@ -1356,8 +1573,8 @@ function MediasBrowser(t0) {
   }
   const onDeleteMedia = t62;
   let t63;
-  if ($[49] !== mediaDelete || $[50] !== mediaTrash || $[51] !== onSelectionChange || $[52] !== reload || $[53] !== selectedItems || $[54] !== showTrashed || $[55] !== withTrash) {
-    t63 = id => (!showTrashed && withTrash ? mediaTrash(id) : mediaDelete(id)).then(() => {
+  if ($[49] !== mediaDestroy || $[50] !== onSelectionChange || $[51] !== reload || $[52] !== selectedItems) {
+    t63 = id => mediaDestroy(id).then(() => {
       const newSelectedItems = (selectedItems || []).filter(t64 => {
         const {
           id: t65
@@ -1369,22 +1586,19 @@ function MediasBrowser(t0) {
         onSelectionChange(newSelectedItems.length > 0 ? newSelectedItems : null);
       }
     }).then(() => reload());
-    $[49] = mediaDelete;
-    $[50] = mediaTrash;
-    $[51] = onSelectionChange;
-    $[52] = reload;
-    $[53] = selectedItems;
-    $[54] = showTrashed;
-    $[55] = withTrash;
-    $[56] = t63;
+    $[49] = mediaDestroy;
+    $[50] = onSelectionChange;
+    $[51] = reload;
+    $[52] = selectedItems;
+    $[53] = t63;
   } else {
-    t63 = $[56];
+    t63 = $[53];
   }
   const onTrashMedia = t63;
   const [uploadedMedias, setUploadedMedias] = useState(null);
   const [uploadProcessing, setUploadProcessing] = useState(false);
   let t64;
-  if ($[57] !== multipleSelection || $[58] !== onQueryReset || $[59] !== onSelectionChange || $[60] !== reload || $[61] !== uploadedMedias) {
+  if ($[54] !== multipleSelection || $[55] !== onQueryReset || $[56] !== onSelectionChange || $[57] !== reload || $[58] !== uploadedMedias) {
     t64 = newMedias => {
       const uploadedNewMedias = (Array.isArray(newMedias) ? [...newMedias, ...(uploadedMedias || [])] : [newMedias, ...(uploadedMedias || [])]).filter(_temp);
       setUploadedMedias(uploadedNewMedias);
@@ -1396,18 +1610,18 @@ function MediasBrowser(t0) {
         setUploadedMedias(null);
       }
     };
-    $[57] = multipleSelection;
-    $[58] = onQueryReset;
-    $[59] = onSelectionChange;
-    $[60] = reload;
-    $[61] = uploadedMedias;
-    $[62] = t64;
+    $[54] = multipleSelection;
+    $[55] = onQueryReset;
+    $[56] = onSelectionChange;
+    $[57] = reload;
+    $[58] = uploadedMedias;
+    $[59] = t64;
   } else {
-    t64 = $[62];
+    t64 = $[59];
   }
   const onUploadedMediaChanged = t64;
   let t65;
-  if ($[63] !== onMediaUploaded || $[64] !== onUploadedMediaChanged || $[65] !== showTrashed) {
+  if ($[60] !== onMediaUploaded || $[61] !== onUploadedMediaChanged || $[62] !== showTrashed) {
     t65 = t66 => {
       const medias = t66 === undefined ? null : t66;
       if (showTrashed) {
@@ -1429,31 +1643,31 @@ function MediasBrowser(t0) {
         onUploadedMediaChanged(rawMedias);
       }
     };
-    $[63] = onMediaUploaded;
-    $[64] = onUploadedMediaChanged;
-    $[65] = showTrashed;
-    $[66] = t65;
+    $[60] = onMediaUploaded;
+    $[61] = onUploadedMediaChanged;
+    $[62] = showTrashed;
+    $[63] = t65;
   } else {
-    t65 = $[66];
+    t65 = $[63];
   }
   const onUploadComplete = t65;
   let t66;
-  if ($[67] !== onPageChange) {
+  if ($[64] !== onPageChange) {
     t66 = (e, t67) => {
       const pageNumber = t67 === undefined ? null : t67;
       e.preventDefault();
       e.stopPropagation();
       onPageChange(pageNumber);
     };
-    $[67] = onPageChange;
-    $[68] = t66;
+    $[64] = onPageChange;
+    $[65] = t66;
   } else {
-    t66 = $[68];
+    t66 = $[65];
   }
   const onClickPage = t66;
   const t67 = loading && pages !== null;
   let t68;
-  if ($[69] !== baseUrl || $[70] !== lastPage || $[71] !== multipleSelection || $[72] !== onClickPage || $[73] !== onSelectionChange || $[74] !== page || $[75] !== query || $[76] !== selectable || $[77] !== selectedItems || $[78] !== t67 || $[79] !== total) {
+  if ($[66] !== baseUrl || $[67] !== lastPage || $[68] !== multipleSelection || $[69] !== onClickPage || $[70] !== onSelectionChange || $[71] !== page || $[72] !== query || $[73] !== selectable || $[74] !== selectedItems || $[75] !== t67 || $[76] !== total) {
     t68 = /*#__PURE__*/jsx(Pagination, {
       page: page,
       lastPage: lastPage,
@@ -1469,25 +1683,25 @@ function MediasBrowser(t0) {
       withPreviousNext: true,
       alwaysShowButtons: true
     });
-    $[69] = baseUrl;
-    $[70] = lastPage;
-    $[71] = multipleSelection;
-    $[72] = onClickPage;
-    $[73] = onSelectionChange;
-    $[74] = page;
-    $[75] = query;
-    $[76] = selectable;
-    $[77] = selectedItems;
-    $[78] = t67;
-    $[79] = total;
-    $[80] = t68;
-  } else {
-    t68 = $[80];
+    $[66] = baseUrl;
+    $[67] = lastPage;
+    $[68] = multipleSelection;
+    $[69] = onClickPage;
+    $[70] = onSelectionChange;
+    $[71] = page;
+    $[72] = query;
+    $[73] = selectable;
+    $[74] = selectedItems;
+    $[75] = t67;
+    $[76] = total;
+    $[77] = t68;
+  } else {
+    t68 = $[77];
   }
   const pagination = t68;
   const hidePagination = loaded && !loading && total === 0;
   let t69;
-  if ($[81] !== filters || $[82] !== onClickTrash || $[83] !== showTrashed || $[84] !== uploadProcessing || $[85] !== withTrash) {
+  if ($[78] !== filters || $[79] !== onClickTrash || $[80] !== showTrashed || $[81] !== uploadProcessing || $[82] !== withTrash) {
     t69 = withTrash ? (filters || []).concat([{
       name: "trashed",
       component: "button",
@@ -1498,37 +1712,37 @@ function MediasBrowser(t0) {
       disabled: uploadProcessing,
       onClick: onClickTrash
     }]) : filters;
-    $[81] = filters;
-    $[82] = onClickTrash;
-    $[83] = showTrashed;
-    $[84] = uploadProcessing;
-    $[85] = withTrash;
-    $[86] = t69;
+    $[78] = filters;
+    $[79] = onClickTrash;
+    $[80] = showTrashed;
+    $[81] = uploadProcessing;
+    $[82] = withTrash;
+    $[83] = t69;
   } else {
-    t69 = $[86];
+    t69 = $[83];
   }
   let finalFilters = t69;
   if (types !== null && finalFilters !== null) {
     let t70;
-    if ($[87] !== finalFilters) {
+    if ($[84] !== finalFilters) {
       t70 = finalFilters || [];
-      $[87] = finalFilters;
-      $[88] = t70;
+      $[84] = finalFilters;
+      $[85] = t70;
     } else {
-      t70 = $[88];
+      t70 = $[85];
     }
     let t71;
-    if ($[89] !== t70) {
+    if ($[86] !== t70) {
       t71 = t70.map(_temp3);
-      $[89] = t70;
-      $[90] = t71;
+      $[86] = t70;
+      $[87] = t71;
     } else {
-      t71 = $[90];
+      t71 = $[87];
     }
     finalFilters = t71;
   }
   let t70;
-  if ($[91] !== canDelete || $[92] !== canEdit || $[93] !== columns || $[94] !== mediaRestore || $[95] !== reload || $[96] !== showTrashed || $[97] !== withTrash) {
+  if ($[88] !== canDelete || $[89] !== canEdit || $[90] !== columns || $[91] !== mediaRestore || $[92] !== reload || $[93] !== showTrashed || $[94] !== withTrash) {
     const partialColumns = withTrash && showTrashed ? (columns || []).map(column => {
       const {
         id: t71
@@ -1567,7 +1781,7 @@ function MediasBrowser(t0) {
       return column;
     }) : columns;
     let t73;
-    if ($[99] !== canDelete || $[100] !== canEdit) {
+    if ($[96] !== canDelete || $[97] !== canEdit) {
       t73 = column_0 => {
         const {
           id: t74
@@ -1589,38 +1803,38 @@ function MediasBrowser(t0) {
         }
         return column_0;
       };
-      $[99] = canDelete;
-      $[100] = canEdit;
-      $[101] = t73;
+      $[96] = canDelete;
+      $[97] = canEdit;
+      $[98] = t73;
     } else {
-      t73 = $[101];
+      t73 = $[98];
     }
     t70 = (partialColumns || []).map(t73).filter(_temp5);
-    $[91] = canDelete;
-    $[92] = canEdit;
-    $[93] = columns;
-    $[94] = mediaRestore;
-    $[95] = reload;
-    $[96] = showTrashed;
-    $[97] = withTrash;
-    $[98] = t70;
+    $[88] = canDelete;
+    $[89] = canEdit;
+    $[90] = columns;
+    $[91] = mediaRestore;
+    $[92] = reload;
+    $[93] = showTrashed;
+    $[94] = withTrash;
+    $[95] = t70;
   } else {
-    t70 = $[98];
+    t70 = $[95];
   }
   const finalColumns = t70;
   const showOnTopQuery = types === null ? query : queryWithoutTypes;
   let t71;
-  if ($[102] !== showOnTopQuery || $[103] !== trashed) {
+  if ($[99] !== showOnTopQuery || $[100] !== trashed) {
     t71 = showOnTopQuery !== null && !trashed ? Object.keys(showOnTopQuery).length > 0 : false;
-    $[102] = showOnTopQuery;
-    $[103] = trashed;
-    $[104] = t71;
+    $[99] = showOnTopQuery;
+    $[100] = trashed;
+    $[101] = t71;
   } else {
-    t71 = $[104];
+    t71 = $[101];
   }
   const hasQueryItem = t71;
   let t72;
-  if ($[105] !== allItems || $[106] !== extraItems || $[107] !== hasQueryItem || $[108] !== items || $[109] !== page || $[110] !== showTrashed || $[111] !== uploadProcessing || $[112] !== uploadedMedias || $[113] !== withStickySelection) {
+  if ($[102] !== allItems || $[103] !== extraItems || $[104] !== hasQueryItem || $[105] !== items || $[106] !== page || $[107] !== showTrashed || $[108] !== uploadProcessing || $[109] !== uploadedMedias || $[110] !== withStickySelection) {
     t72 = withStickySelection && (extraItems !== null || uploadedMedias !== null || uploadProcessing === true) ? uniqBy([...(uploadProcessing ? [{
       id: "-",
       loading: true,
@@ -1639,22 +1853,22 @@ function MediasBrowser(t0) {
         return otherId === itemId_0;
       }) || item_1 || null;
     }).filter(_temp6) || [] : []), ...(items || [])], _temp7) : items;
-    $[105] = allItems;
-    $[106] = extraItems;
-    $[107] = hasQueryItem;
-    $[108] = items;
-    $[109] = page;
-    $[110] = showTrashed;
-    $[111] = uploadProcessing;
-    $[112] = uploadedMedias;
-    $[113] = withStickySelection;
-    $[114] = t72;
-  } else {
-    t72 = $[114];
+    $[102] = allItems;
+    $[103] = extraItems;
+    $[104] = hasQueryItem;
+    $[105] = items;
+    $[106] = page;
+    $[107] = showTrashed;
+    $[108] = uploadProcessing;
+    $[109] = uploadedMedias;
+    $[110] = withStickySelection;
+    $[111] = t72;
+  } else {
+    t72 = $[111];
   }
   const finalItems = t72;
   let t73;
-  if ($[115] !== canUpload || $[116] !== currentMedia || $[117] !== deleting || $[118] !== fields || $[119] !== filters || $[120] !== filtersClassName || $[121] !== finalColumns || $[122] !== finalFilters || $[123] !== finalItems || $[124] !== formChildren || $[125] !== hasLayouts || $[126] !== hidePagination || $[127] !== layout || $[128] !== layouts || $[129] !== loaded || $[130] !== loading || $[131] !== multipleSelection || $[132] !== onClickLayout || $[133] !== onCloseMedia || $[134] !== onDeleteMedia || $[135] !== onOpenMedia || $[136] !== onQueryChange || $[137] !== onQueryReset || $[138] !== onReplaceMedia || $[139] !== onSaveMedia || $[140] !== onSelectionChange || $[141] !== onTrashMedia || $[142] !== onUploadComplete || $[143] !== pagination || $[144] !== query || $[145] !== queryWithoutTypes || $[146] !== selectable || $[147] !== selectedItems || $[148] !== setCurrentMedia || $[149] !== showTrashed || $[150] !== theme || $[151] !== trashing || $[152] !== types || $[153] !== uploadProcessing || $[154] !== uppyConfig || $[155] !== withDelete || $[156] !== withReplace || $[157] !== withTrash) {
+  if ($[112] !== canUpload || $[113] !== currentMedia || $[114] !== destroying || $[115] !== fields || $[116] !== filters || $[117] !== filtersClassName || $[118] !== finalColumns || $[119] !== finalFilters || $[120] !== finalItems || $[121] !== formChildren || $[122] !== hasLayouts || $[123] !== hidePagination || $[124] !== layout || $[125] !== layouts || $[126] !== loaded || $[127] !== loading || $[128] !== multipleSelection || $[129] !== onClickLayout || $[130] !== onCloseMedia || $[131] !== onDeleteMedia || $[132] !== onOpenMedia || $[133] !== onQueryChange || $[134] !== onQueryReset || $[135] !== onReplaceMedia || $[136] !== onSaveMedia || $[137] !== onSelectionChange || $[138] !== onTrashMedia || $[139] !== onUploadComplete || $[140] !== pagination || $[141] !== query || $[142] !== queryWithoutTypes || $[143] !== selectable || $[144] !== selectedItems || $[145] !== setCurrentMedia || $[146] !== showTrashed || $[147] !== theme || $[148] !== types || $[149] !== uploadProcessing || $[150] !== uppyConfig || $[151] !== withDelete || $[152] !== withReplace || $[153] !== withTrash) {
     t73 = currentMedia !== null ? /*#__PURE__*/jsx(MediaForm, {
       value: currentMedia,
       fields: fields,
@@ -1743,7 +1957,7 @@ function MediasBrowser(t0) {
           getDeletePropsFromValue: () => ({
             href: null,
             withConfirmation: true,
-            disabled: trashing || deleting,
+            disabled: destroying,
             icon: showTrashed ? "trash-fill" : "trash",
             action: ids_0 => onTrashMedia(ids_0[0])
           }),
@@ -1759,64 +1973,63 @@ function MediasBrowser(t0) {
         children: pagination
       }) : null]
     });
-    $[115] = canUpload;
-    $[116] = currentMedia;
-    $[117] = deleting;
-    $[118] = fields;
-    $[119] = filters;
-    $[120] = filtersClassName;
-    $[121] = finalColumns;
-    $[122] = finalFilters;
-    $[123] = finalItems;
-    $[124] = formChildren;
-    $[125] = hasLayouts;
-    $[126] = hidePagination;
-    $[127] = layout;
-    $[128] = layouts;
-    $[129] = loaded;
-    $[130] = loading;
-    $[131] = multipleSelection;
-    $[132] = onClickLayout;
-    $[133] = onCloseMedia;
-    $[134] = onDeleteMedia;
-    $[135] = onOpenMedia;
-    $[136] = onQueryChange;
-    $[137] = onQueryReset;
-    $[138] = onReplaceMedia;
-    $[139] = onSaveMedia;
-    $[140] = onSelectionChange;
-    $[141] = onTrashMedia;
-    $[142] = onUploadComplete;
-    $[143] = pagination;
-    $[144] = query;
-    $[145] = queryWithoutTypes;
-    $[146] = selectable;
-    $[147] = selectedItems;
-    $[148] = setCurrentMedia;
-    $[149] = showTrashed;
-    $[150] = theme;
-    $[151] = trashing;
-    $[152] = types;
-    $[153] = uploadProcessing;
-    $[154] = uppyConfig;
-    $[155] = withDelete;
-    $[156] = withReplace;
-    $[157] = withTrash;
-    $[158] = t73;
-  } else {
-    t73 = $[158];
+    $[112] = canUpload;
+    $[113] = currentMedia;
+    $[114] = destroying;
+    $[115] = fields;
+    $[116] = filters;
+    $[117] = filtersClassName;
+    $[118] = finalColumns;
+    $[119] = finalFilters;
+    $[120] = finalItems;
+    $[121] = formChildren;
+    $[122] = hasLayouts;
+    $[123] = hidePagination;
+    $[124] = layout;
+    $[125] = layouts;
+    $[126] = loaded;
+    $[127] = loading;
+    $[128] = multipleSelection;
+    $[129] = onClickLayout;
+    $[130] = onCloseMedia;
+    $[131] = onDeleteMedia;
+    $[132] = onOpenMedia;
+    $[133] = onQueryChange;
+    $[134] = onQueryReset;
+    $[135] = onReplaceMedia;
+    $[136] = onSaveMedia;
+    $[137] = onSelectionChange;
+    $[138] = onTrashMedia;
+    $[139] = onUploadComplete;
+    $[140] = pagination;
+    $[141] = query;
+    $[142] = queryWithoutTypes;
+    $[143] = selectable;
+    $[144] = selectedItems;
+    $[145] = setCurrentMedia;
+    $[146] = showTrashed;
+    $[147] = theme;
+    $[148] = types;
+    $[149] = uploadProcessing;
+    $[150] = uppyConfig;
+    $[151] = withDelete;
+    $[152] = withReplace;
+    $[153] = withTrash;
+    $[154] = t73;
+  } else {
+    t73 = $[154];
   }
   let t74;
-  if ($[159] !== className || $[160] !== t73) {
+  if ($[155] !== className || $[156] !== t73) {
     t74 = /*#__PURE__*/jsx("div", {
       className: className,
       children: t73
     });
-    $[159] = className;
-    $[160] = t73;
-    $[161] = t74;
+    $[155] = className;
+    $[156] = t73;
+    $[157] = t74;
   } else {
-    t74 = $[161];
+    t74 = $[157];
   }
   return t74;
 }
@@ -2075,29 +2288,29 @@ function MediasResourceBrowser(t0) {
         const args = t9;
         return api.resources.get(resource, ...args);
       },
-      getTrashed: (...t10) => {
+      find: (...t10) => {
         const args_0 = t10;
-        return api.resources.getTrashed(resource, ...args_0);
+        return api.resources.find(resource, ...args_0);
       },
-      find: (...t11) => {
+      create: (...t11) => {
         const args_1 = t11;
-        return api.resources.find(resource, ...args_1);
+        return api.resources.store(resource, ...args_1);
       },
-      create: (...t12) => {
+      update: (...t12) => {
         const args_2 = t12;
-        return api.resources.store(resource, ...args_2);
+        return api.resources.update(resource, ...args_2);
       },
-      update: (...t13) => {
+      destroy: (...t13) => {
         const args_3 = t13;
-        return api.resources.update(resource, ...args_3);
+        return api.resources.destroy(resource, ...args_3);
       },
-      trash: (...t14) => {
+      getTrashed: (query, page, count) => api.resources.get(resource, {
+        ...query,
+        trashed: true
+      }, page, count),
+      restore: (...t14) => {
         const args_4 = t14;
-        return api.resources.trash(resource, ...args_4);
-      },
-      delete: (...t15) => {
-        const args_5 = t15;
-        return api.resources.destroy(resource, ...args_5);
+        return api.resources.restore(resource, ...args_4);
       }
     };
     $[7] = api;
@@ -2212,29 +2425,25 @@ function MediasResourcePicker(t0) {
         const args = t9;
         return api.resources.get(resource, ...args);
       },
-      getTrashed: (...t10) => {
+      getTrashed: (query, page, count) => api.resources.get(resource, {
+        ...query,
+        trashed: true
+      }, page, count),
+      find: (...t10) => {
         const args_0 = t10;
-        return api.resources.getTrashed(resource, ...args_0);
+        return api.resources.find(resource, ...args_0);
       },
-      find: (...t11) => {
+      create: (...t11) => {
         const args_1 = t11;
-        return api.resources.find(resource, ...args_1);
+        return api.resources.store(resource, ...args_1);
       },
-      create: (...t12) => {
+      update: (...t12) => {
         const args_2 = t12;
-        return api.resources.store(resource, ...args_2);
+        return api.resources.update(resource, ...args_2);
       },
-      update: (...t13) => {
+      destroy: (...t13) => {
         const args_3 = t13;
-        return api.resources.update(resource, ...args_3);
-      },
-      trash: (...t14) => {
-        const args_4 = t14;
-        return api.resources.trash(resource, ...args_4);
-      },
-      delete: (...t15) => {
-        const args_5 = t15;
-        return api.resources.destroy(resource, ...args_5);
+        return api.resources.destroy(resource, ...args_3);
       }
     };
     $[7] = api;
@@ -2295,4 +2504,4 @@ function MediasResourcePicker(t0) {
   return t12;
 }
 
-export { MediaForm, MediaProvider, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, defaultColumns as columns, defaultFields as fields, defaultFilters as filters, useCurrentMedia, useMedia, useMediaCreate, useMediaDelete, useMediaReplace, useMediaRestore, useMediaTrash, useMediaUpdate, useMedias, useMediasApi };
+export { MediaForm, MediaProvider, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, defaultColumns as columns, defaultFields as fields, defaultFilters as filters, useCurrentMedia, useMedia, useMediaCreate, useMediaDestroy, useMediaReplace, useMediaRestore, useMediaUpdate, useMedias, useMediasApi };