@micromag/media-gallery 0.3.561 → 0.3.564

package/es/index.js

@@ -141,164 +141,167 @@ var defaultColumns = [{
 // },
 ];
 
-var defaultFields = [{
-  name: 'name',
-  label: /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "WX83V9",
-    defaultMessage: [{
-      "type": 0,
-      "value": "File name"
-    }]
-  }),
-  type: 'text',
-  component: 'text'
-}, {
-  id: 'metadata',
-  component: 'fields',
-  name: 'metadata',
-  fields: [{
-    name: 'description',
+function fields() {
+  var route = useUrlGenerator();
+  return [{
+    name: 'name',
     label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "ygNvmz",
+      id: "WX83V9",
       defaultMessage: [{
         "type": 0,
-        "value": "Description"
+        "value": "File name"
       }]
     }),
     type: 'text',
     component: 'text'
   }, {
-    name: 'tags',
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "IOVper",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Tags"
-      }]
-    }),
-    createPrefix: 'Create',
-    type: 'array',
-    component: 'select',
-    requestUrl: '/api/medias/tags',
-    optionLabelPath: 'name',
-    optionValuePath: 'id',
-    // Uses taggable so change the logic here
-    valueIsOption: true,
-    multiple: true,
-    paginated: false,
-    creatable: true
-    // onCreate...
-  }]
-}, {
-  id: 'info',
-  component: 'fields',
-  label: /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "3RT69u",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Informations"
+    id: 'metadata',
+    component: 'fields',
+    name: 'metadata',
+    fields: [{
+      name: 'description',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "ygNvmz",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Description"
+        }]
+      }),
+      type: 'text',
+      component: 'text'
+    }, {
+      name: 'tags',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "IOVper",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Tags"
+        }]
+      }),
+      createPrefix: 'Create',
+      type: 'array',
+      component: 'item',
+      requestUrl: route('medias.tags') || '/medias/tags',
+      itemLabelPath: 'name',
+      itemDescriptionPath: null,
+      itemValuePath: 'id',
+      // Uses taggable so change the logic here
+      valueIsOption: true,
+      multiple: true,
+      paginated: false,
+      creatable: true
     }]
-  }),
-  isList: true,
-  hideWithoutValue: true,
-  fields: [{
-    id: 'user',
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "yByaBh",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Added by"
-      }]
-    }),
-    type: 'display',
-    display: 'avatar',
-    name: 'user',
-    horizontal: true
   }, {
-    id: 'created_at',
+    id: 'info',
+    component: 'fields',
     label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "PN+75e",
+      id: "3RT69u",
       defaultMessage: [{
         "type": 0,
-        "value": "Created at"
+        "value": "Informations"
       }]
     }),
-    type: 'display',
-    display: 'date',
-    name: 'created_at',
-    format: 'yyyy-MM-dd hh:ss',
-    horizontal: true
-  }]
-}, {
-  id: 'technical',
-  component: 'fields',
-  label: /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "xKUOLG",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Technical details"
+    isList: true,
+    hideWithoutValue: true,
+    fields: [{
+      id: 'user',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "yByaBh",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Added by"
+        }]
+      }),
+      type: 'display',
+      display: 'avatar',
+      name: 'user',
+      horizontal: true
+    }, {
+      id: 'created_at',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "PN+75e",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Created at"
+        }]
+      }),
+      type: 'display',
+      display: 'date',
+      name: 'created_at',
+      format: 'yyyy-MM-dd hh:ss',
+      horizontal: true
     }]
-  }),
-  isList: true,
-  hideWithoutValue: true,
-  fields: [{
-    id: 'format',
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "JuxiUN",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Format"
-      }]
-    }),
-    type: 'display',
-    display: 'unit',
-    format: 'format',
-    name: 'format',
-    horizontal: true
   }, {
-    id: 'dimensions',
+    id: 'technical',
+    component: 'fields',
     label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "rmJBin",
+      id: "xKUOLG",
       defaultMessage: [{
         "type": 0,
-        "value": "Dimensions"
+        "value": "Technical details"
       }]
     }),
-    type: 'display',
-    display: 'unit',
-    format: 'dimensions',
-    name: 'metadata',
-    horizontal: true
-  }, {
-    id: 'size',
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "g2CRt5",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Size"
-      }]
-    }),
-    type: 'display',
-    display: 'unit',
-    format: 'bytes',
-    name: 'metadata.size',
-    horizontal: true
-  }, {
-    id: 'duration',
-    label: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "wU++NJ",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Duration"
-      }]
-    }),
-    type: 'display',
-    display: 'unit',
-    format: 'duration',
-    name: 'metadata.duration',
-    horizontal: true
-  }]
-}];
+    isList: true,
+    hideWithoutValue: true,
+    fields: [{
+      id: 'format',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "JuxiUN",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Format"
+        }]
+      }),
+      type: 'display',
+      display: 'unit',
+      format: 'format',
+      name: 'format',
+      horizontal: true
+    }, {
+      id: 'dimensions',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "rmJBin",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Dimensions"
+        }]
+      }),
+      type: 'display',
+      display: 'unit',
+      format: 'dimensions',
+      name: 'metadata',
+      horizontal: true
+    }, {
+      id: 'size',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "g2CRt5",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Size"
+        }]
+      }),
+      type: 'display',
+      display: 'unit',
+      format: 'bytes',
+      name: 'metadata.size',
+      horizontal: true
+    }, {
+      id: 'duration',
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "wU++NJ",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Duration"
+        }]
+      }),
+      type: 'display',
+      display: 'unit',
+      format: 'duration',
+      name: 'metadata.duration',
+      horizontal: true
+    }]
+  }];
+}
 
 function filters() {
   var route = useUrlGenerator();
@@ -435,7 +438,7 @@ var defaultProps = {
   types: null,
   source: 'all',
   filters: null,
-  fields: defaultFields,
+  fields: null,
   columns: defaultColumns,
   isPicker: false,
   multiple: false,
@@ -450,7 +453,7 @@ function MediaGallery(_ref) {
     types = _ref.types,
     source = _ref.source,
     filters$1 = _ref.filters,
-    fields = _ref.fields,
+    providedFields = _ref.fields,
     columns = _ref.columns,
     isPicker = _ref.isPicker,
     multiple = _ref.multiple,
@@ -464,6 +467,7 @@ function MediaGallery(_ref) {
   var _ref2 = story || {},
     _ref2$id = _ref2.id,
     storyId = _ref2$id === void 0 ? null : _ref2$id;
+  var fields$1 = providedFields === null ? fields() : providedFields;
   var mediasApi = useMemo(function () {
     return {
       get: function get() {
@@ -599,7 +603,7 @@ function MediaGallery(_ref) {
     query: finalQuery,
     items: initialMedias,
     filters: finalFilters,
-    fields: fields,
+    fields: fields$1,
     columns: columns,
     multiple: multiple,
     onChange: onChange,
@@ -618,7 +622,7 @@ function MediaGallery(_ref) {
     query: finalQuery,
     items: initialMedias,
     filters: finalFilters,
-    fields: fields,
+    fields: fields$1,
     columns: columns,
     uppyConfig: uppyConfig,
     onMediaUploaded: onMediaUploaded,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.3.561",
+    "version": "0.3.564",
     "private": false,
     "description": "",
     "keywords": [
@@ -86,5 +86,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "da01f5d13a1930f52a7e921fcfc320c94fed7d0a"
+    "gitHead": "e8f28bbbfe6ffc35d31de6fb33786e073e3980ca"
 }