@micromag/media-gallery 0.2.378 → 0.2.391

package/es/index.js

@@ -5,7 +5,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useState, useCallback, useMemo, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { useMediasRecentSearches, useMediaTags, useApi, useMediaUpdate, useMedias, useMediaCreate } from '@micromag/data';
+import { useMediasRecentSearches, useMediaTags, useMediaAuthors, useMediaUpdate, useMedias, useMediaCreate } from '@micromag/data';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { Button, Card, Spinner, UploadModal } from '@micromag/core/components';
 import { FormattedMessage, useIntl } from 'react-intl';
@@ -13,9 +13,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSearch, faTimes, faChevronLeft, faPlus, faInfoCircle, faTimesCircle, faPlayCircle, faHeadphonesAlt } from '@fortawesome/free-solid-svg-icons';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useResizeObserver } from '@micromag/core/hooks';
-import prettyBytes from 'pretty-bytes';
+import { useStory, useFieldComponent } from '@micromag/core/contexts';
 import uniqBy from 'lodash/uniqBy';
-import { useFieldComponent } from '@micromag/core/contexts';
+import prettyBytes from 'pretty-bytes';
 
 var styles$8 = {"container":"micromag-media-gallery-forms-dropdown-section-container","dropdownToggle":"micromag-media-gallery-forms-dropdown-section-dropdownToggle","label":"micromag-media-gallery-forms-dropdown-section-label"};
 
@@ -1051,27 +1051,41 @@ var MediaMetadata = function MediaMetadata(_ref) {
       _ref3$description = _ref3.description,
       mediaDescription = _ref3$description === void 0 ? null : _ref3$description,
       _ref3$tags = _ref3.tags,
-      mediaTags = _ref3$tags === void 0 ? [] : _ref3$tags;
+      mediaTags = _ref3$tags === void 0 ? [] : _ref3$tags; // const api = useApi();
+
+
+  var story = useStory();
 
-  var api = useApi();
+  var _ref4 = story || {},
+      _ref4$id = _ref4.id,
+      documentId = _ref4$id === void 0 ? null : _ref4$id;
 
   var _useMediaTags = useMediaTags(),
       usedTags = _useMediaTags.tags;
 
+  var _useMediaAuthors = useMediaAuthors();
+      _useMediaAuthors.authors;
+
   var _useMediaUpdate = useMediaUpdate(),
       update = _useMediaUpdate.update;
 
-  var loadTags = useCallback(function (input) {
-    return api.medias.getTags({
-      search: input
-    }, 5);
-  }, [api]);
-  var getOptionLabel = useCallback(function (_ref4) {
-    var name = _ref4.name;
+  console.log(story, documentId); // const loadTags = useCallback(
+  //     (input) =>
+  //         api.medias.getTags(
+  //             {
+  //                 search: input,
+  //             },
+  //             5,
+  //         ),
+  //     [api],
+  // );
+
+  var getOptionLabel = useCallback(function (_ref5) {
+    var name = _ref5.name;
     return name;
   }, []);
-  var getOptionValue = useCallback(function (_ref5) {
-    var name = _ref5.name;
+  var getOptionValue = useCallback(function (_ref6) {
+    var name = _ref6.name;
     return name;
   }, []);
   var getNewOptionData = useCallback(function (inputValue) {
@@ -1080,8 +1094,8 @@ var MediaMetadata = function MediaMetadata(_ref) {
     };
   }, []);
   var allTags = useMemo(function () {
-    return usedTags !== null ? uniqBy(mediaTags.concat(usedTags), function (_ref6) {
-      var id = _ref6.id;
+    return usedTags !== null ? uniqBy(mediaTags.concat(usedTags), function (_ref7) {
+      var id = _ref7.id;
       return id;
     }) : mediaTags;
   }, [mediaTags, usedTags]);
@@ -1209,8 +1223,8 @@ var MediaMetadata = function MediaMetadata(_ref) {
     }]
   })), /*#__PURE__*/React.createElement(TokensField, {
     value: tags,
-    options: allTags,
-    loadOptions: loadTags,
+    options: allTags // loadOptions={loadTags}
+    ,
     getOptionLabel: getOptionLabel,
     getOptionValue: getOptionValue,
     getNewOptionData: getNewOptionData,

package/lib/index.js

@@ -15,9 +15,9 @@ var reactFontawesome = require('@fortawesome/react-fontawesome');
 var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var hooks = require('@micromag/core/hooks');
-var prettyBytes = require('pretty-bytes');
-var uniqBy = require('lodash/uniqBy');
 var contexts = require('@micromag/core/contexts');
+var uniqBy = require('lodash/uniqBy');
+var prettyBytes = require('pretty-bytes');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,8 +29,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var prettyBytes__default = /*#__PURE__*/_interopDefaultLegacy(prettyBytes);
 var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
+var prettyBytes__default = /*#__PURE__*/_interopDefaultLegacy(prettyBytes);
 
 var styles$8 = {"container":"micromag-media-gallery-forms-dropdown-section-container","dropdownToggle":"micromag-media-gallery-forms-dropdown-section-dropdownToggle","label":"micromag-media-gallery-forms-dropdown-section-label"};
 
@@ -1066,27 +1066,41 @@ var MediaMetadata = function MediaMetadata(_ref) {
       _ref3$description = _ref3.description,
       mediaDescription = _ref3$description === void 0 ? null : _ref3$description,
       _ref3$tags = _ref3.tags,
-      mediaTags = _ref3$tags === void 0 ? [] : _ref3$tags;
+      mediaTags = _ref3$tags === void 0 ? [] : _ref3$tags; // const api = useApi();
 
-  var api = data.useApi();
+
+  var story = contexts.useStory();
+
+  var _ref4 = story || {},
+      _ref4$id = _ref4.id,
+      documentId = _ref4$id === void 0 ? null : _ref4$id;
 
   var _useMediaTags = data.useMediaTags(),
       usedTags = _useMediaTags.tags;
 
+  var _useMediaAuthors = data.useMediaAuthors();
+      _useMediaAuthors.authors;
+
   var _useMediaUpdate = data.useMediaUpdate(),
       update = _useMediaUpdate.update;
 
-  var loadTags = React.useCallback(function (input) {
-    return api.medias.getTags({
-      search: input
-    }, 5);
-  }, [api]);
-  var getOptionLabel = React.useCallback(function (_ref4) {
-    var name = _ref4.name;
+  console.log(story, documentId); // const loadTags = useCallback(
+  //     (input) =>
+  //         api.medias.getTags(
+  //             {
+  //                 search: input,
+  //             },
+  //             5,
+  //         ),
+  //     [api],
+  // );
+
+  var getOptionLabel = React.useCallback(function (_ref5) {
+    var name = _ref5.name;
     return name;
   }, []);
-  var getOptionValue = React.useCallback(function (_ref5) {
-    var name = _ref5.name;
+  var getOptionValue = React.useCallback(function (_ref6) {
+    var name = _ref6.name;
     return name;
   }, []);
   var getNewOptionData = React.useCallback(function (inputValue) {
@@ -1095,8 +1109,8 @@ var MediaMetadata = function MediaMetadata(_ref) {
     };
   }, []);
   var allTags = React.useMemo(function () {
-    return usedTags !== null ? uniqBy__default["default"](mediaTags.concat(usedTags), function (_ref6) {
-      var id = _ref6.id;
+    return usedTags !== null ? uniqBy__default["default"](mediaTags.concat(usedTags), function (_ref7) {
+      var id = _ref7.id;
       return id;
     }) : mediaTags;
   }, [mediaTags, usedTags]);
@@ -1224,8 +1238,8 @@ var MediaMetadata = function MediaMetadata(_ref) {
     }]
   })), /*#__PURE__*/React__default["default"].createElement(TokensField, {
     value: tags,
-    options: allTags,
-    loadOptions: loadTags,
+    options: allTags // loadOptions={loadTags}
+    ,
     getOptionLabel: getOptionLabel,
     getOptionValue: getOptionValue,
     getNewOptionData: getNewOptionData,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.2.378",
+    "version": "0.2.391",
     "description": "",
     "keywords": [
         "javascript"
@@ -54,8 +54,8 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.2.375",
-        "@micromag/data": "^0.2.375",
+        "@micromag/core": "^0.2.391",
+        "@micromag/data": "^0.2.391",
         "bootstrap": "^4.5.3",
         "bootstrap.native": "^3.0.14",
         "change-case": "^4.1.2",
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "238b7d66e352b610b80f09af858ba95d1fabb249"
+    "gitHead": "8136754d570e4fc8c1bb9c89f8635279f252e89f"
 }