@micromag/media-gallery 0.4.101 → 0.4.103

package/es/index.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import isArray from 'lodash-es/isArray';
 import isObject from 'lodash-es/isObject';
 import isString from 'lodash-es/isString';
-import { MediasPickerContainer, MediasBrowserContainer } from '@panneau/medias';
+import { useMediasApi, MediasPickerContainer, MediasBrowserContainer } from '@panneau/medias';
 import { useStory } from '@micromag/core/contexts';
 import { useMediaCreate } from '@micromag/data';
 import { FormattedMessage } from 'react-intl';
@@ -552,7 +552,7 @@ function useDefaultFields() {
 var styles = {"container":"micromag-media-gallery-new-media-gallery-container","browser":"micromag-media-gallery-new-media-gallery-browser"};
 
 function MediaGallery(t0) {
-  const $ = c(63);
+  const $ = c(64);
   let props;
   let t1;
   let t10;
@@ -720,83 +720,85 @@ function MediaGallery(t0) {
   const {
     create: createMedia
   } = useMediaCreate();
+  const mediasApi = useMediasApi();
   let t20;
-  if ($[28] !== createMedia) {
-    t20 = newMedias => Promise.all(newMedias.map(createMedia)).then(_temp4);
+  if ($[28] !== createMedia || $[29] !== mediasApi?.create) {
+    t20 = newMedias => Promise.all(newMedias.map(media => (mediasApi?.create ?? createMedia)(media))).then(_temp4);
     $[28] = createMedia;
-    $[29] = t20;
+    $[29] = mediasApi?.create;
+    $[30] = t20;
   } else {
-    t20 = $[29];
+    t20 = $[30];
   }
   const onMediaUploaded = t20;
   const t21 = fileTypes !== null && fileTypes.length > 0 ? fileTypes : null;
   let t22;
-  if ($[30] !== t21) {
+  if ($[31] !== t21) {
     t22 = {
       allowedFileTypes: t21
     };
-    $[30] = t21;
-    $[31] = t22;
+    $[31] = t21;
+    $[32] = t22;
   } else {
-    t22 = $[31];
+    t22 = $[32];
   }
   const uppyConfig = t22;
   let t23;
-  if ($[32] !== source) {
+  if ($[33] !== source) {
     t23 = source !== null ? {
       source
     } : null;
-    $[32] = source;
-    $[33] = t23;
+    $[33] = source;
+    $[34] = t23;
   } else {
-    t23 = $[33];
+    t23 = $[34];
   }
   let t24;
-  if ($[34] !== query || $[35] !== t23) {
+  if ($[35] !== query || $[36] !== t23) {
     t24 = {
       ...query,
       ...t23
     };
-    $[34] = query;
-    $[35] = t23;
-    $[36] = t24;
+    $[35] = query;
+    $[36] = t23;
+    $[37] = t24;
   } else {
-    t24 = $[36];
+    t24 = $[37];
   }
   const finalQuery = t24;
   let t25;
-  if ($[37] !== value) {
+  if ($[38] !== value) {
     t25 = isObject(value) && !isArray(value) ? [value] : value;
-    $[37] = value;
-    $[38] = t25;
+    $[38] = value;
+    $[39] = t25;
   } else {
-    t25 = $[38];
+    t25 = $[39];
   }
   const pickerValue = t25;
   let t26;
-  if ($[39] !== multiple || $[40] !== onChange) {
+  if ($[40] !== multiple || $[41] !== onChange) {
     t26 = newValue => {
       if (onChange !== null) {
         onChange(!multiple && isArray(newValue) ? newValue?.[0] ?? null : newValue);
       }
     };
-    $[39] = multiple;
-    $[40] = onChange;
-    $[41] = t26;
+    $[40] = multiple;
+    $[41] = onChange;
+    $[42] = t26;
   } else {
-    t26 = $[41];
+    t26 = $[42];
   }
   const onPickerChange = t26;
   let t27;
-  if ($[42] !== className) {
+  if ($[43] !== className) {
     t27 = classNames([styles.container, className]);
-    $[42] = className;
-    $[43] = t27;
+    $[43] = className;
+    $[44] = t27;
   } else {
-    t27 = $[43];
+    t27 = $[44];
   }
   let t28;
-  if ($[44] !== columns || $[45] !== fields || $[46] !== filters || $[47] !== finalQuery || $[48] !== finalTypes || $[49] !== initialMedias || $[50] !== isPicker || $[51] !== multiple || $[52] !== onMediaFormClose || $[53] !== onMediaFormOpen || $[54] !== onMediaUploaded || $[55] !== onPickerChange || $[56] !== pickerValue || $[57] !== props || $[58] !== uppyConfig) {
+  if ($[45] !== columns || $[46] !== fields || $[47] !== filters || $[48] !== finalQuery || $[49] !== finalTypes || $[50] !== initialMedias || $[51] !== isPicker || $[52] !== multiple || $[53] !== onMediaFormClose || $[54] !== onMediaFormOpen || $[55] !== onMediaUploaded || $[56] !== onPickerChange || $[57] !== pickerValue || $[58] !== props || $[59] !== uppyConfig) {
     t28 = isPicker ? /*#__PURE__*/jsx(MediasPickerContainer, {
       className: styles.browser,
       value: pickerValue,
@@ -831,36 +833,36 @@ function MediaGallery(t0) {
       withReplace: true,
       ...props
     });
-    $[44] = columns;
-    $[45] = fields;
-    $[46] = filters;
-    $[47] = finalQuery;
-    $[48] = finalTypes;
-    $[49] = initialMedias;
-    $[50] = isPicker;
-    $[51] = multiple;
-    $[52] = onMediaFormClose;
-    $[53] = onMediaFormOpen;
-    $[54] = onMediaUploaded;
-    $[55] = onPickerChange;
-    $[56] = pickerValue;
-    $[57] = props;
-    $[58] = uppyConfig;
-    $[59] = t28;
+    $[45] = columns;
+    $[46] = fields;
+    $[47] = filters;
+    $[48] = finalQuery;
+    $[49] = finalTypes;
+    $[50] = initialMedias;
+    $[51] = isPicker;
+    $[52] = multiple;
+    $[53] = onMediaFormClose;
+    $[54] = onMediaFormOpen;
+    $[55] = onMediaUploaded;
+    $[56] = onPickerChange;
+    $[57] = pickerValue;
+    $[58] = props;
+    $[59] = uppyConfig;
+    $[60] = t28;
   } else {
-    t28 = $[59];
+    t28 = $[60];
   }
   let t29;
-  if ($[60] !== t27 || $[61] !== t28) {
+  if ($[61] !== t27 || $[62] !== t28) {
     t29 = /*#__PURE__*/jsx("div", {
       className: t27,
       children: t28
     });
-    $[60] = t27;
-    $[61] = t28;
-    $[62] = t29;
+    $[61] = t27;
+    $[62] = t28;
+    $[63] = t29;
   } else {
-    t29 = $[62];
+    t29 = $[63];
   }
   return t29;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.4.101",
+    "version": "0.4.103",
     "private": false,
     "description": "",
     "keywords": [
@@ -85,5 +85,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "88aec42cff116b686d2331bf397ba2ada2fa393d"
+    "gitHead": "34f38d1659ba862f2adfcdc2335babb91270f55e"
 }