@micromag/media-gallery 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-media-gallery-new-media-gallery-container .micromag-media-gallery-new-media-gallery-browser{--bs-input-color:hsla(0,0%,100%,.07)!important}
+.container .browser{--bs-input-color:hsla(0,0%,100%,.07)!important}

package/es/index.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Media } from '@micromag/core';
+
+interface MediaGalleryProps {
+    value?: {
+        id?: string | number;
+    } | null;
+    types?: string | unknown[] | null;
+    source?: string;
+    filters?: {
+        id?: string;
+    }[] | null;
+    fields?: {
+        id?: string;
+    }[] | null;
+    columns?: {
+        id?: string;
+    }[];
+    isPicker?: boolean;
+    multiple?: boolean;
+    medias?: Media[] | null;
+    onChange?: ((...args: unknown[]) => void) | null;
+    onMediaFormOpen?: ((...args: unknown[]) => void) | null;
+    onMediaFormClose?: ((...args: unknown[]) => void) | null;
+    className?: string | null;
+}
+declare function MediaGallery({ value, types, source, filters, fields: providedFields, columns, isPicker, multiple, medias: initialMedias, onChange, onMediaFormOpen, onMediaFormClose, className, }: MediaGalleryProps): react_jsx_runtime.JSX.Element;
+
+export { MediaGallery as default };

package/es/index.js

@@ -3,10 +3,8 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import classNames from 'classnames';
 import isArray from 'lodash/isArray';
-import PropTypes from 'prop-types';
 import React, { useMemo, useCallback, useState } from 'react';
 import { MediasPickerContainer, MediasBrowserContainer } from '@panneau/medias';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { useStory } from '@micromag/core/contexts';
 import { useApi, useMediaCreate } from '@micromag/data';
 import { FormattedMessage } from 'react-intl';
@@ -447,60 +445,35 @@ function filters() {
   }];
 }
 
-var styles = {"container":"micromag-media-gallery-new-media-gallery-container","browser":"micromag-media-gallery-new-media-gallery-browser"};
+var styles = {"container":"container","browser":"browser"};
 
-var propTypes = {
-  value: PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  }),
-  types: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-  source: PropTypes.string,
-  filters: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string
-  })),
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string
-  })),
-  columns: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string
-  })),
-  isPicker: PropTypes.bool,
-  multiple: PropTypes.bool,
-  medias: PropTypes$1.medias,
-  onChange: PropTypes.func,
-  onMediaFormOpen: PropTypes.func,
-  onMediaFormClose: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps = {
-  value: null,
-  types: null,
-  source: 'all',
-  filters: null,
-  fields: null,
-  columns: defaultColumns,
-  isPicker: false,
-  multiple: false,
-  medias: null,
-  onChange: null,
-  onMediaFormOpen: null,
-  onMediaFormClose: null,
-  className: null
-};
 function MediaGallery(_ref) {
-  var value = _ref.value,
-    types = _ref.types,
-    source = _ref.source,
-    filters$1 = _ref.filters,
-    providedFields = _ref.fields,
-    columns = _ref.columns,
-    isPicker = _ref.isPicker,
-    multiple = _ref.multiple,
-    initialMedias = _ref.medias,
-    onChange = _ref.onChange,
-    onMediaFormOpen = _ref.onMediaFormOpen,
-    onMediaFormClose = _ref.onMediaFormClose,
-    className = _ref.className;
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    _ref$types = _ref.types,
+    types = _ref$types === void 0 ? null : _ref$types,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'all' : _ref$source,
+    _ref$filters = _ref.filters,
+    filters$1 = _ref$filters === void 0 ? null : _ref$filters,
+    _ref$fields = _ref.fields,
+    providedFields = _ref$fields === void 0 ? null : _ref$fields,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? defaultColumns : _ref$columns,
+    _ref$isPicker = _ref.isPicker,
+    isPicker = _ref$isPicker === void 0 ? false : _ref$isPicker,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$medias = _ref.medias,
+    initialMedias = _ref$medias === void 0 ? null : _ref$medias,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onMediaFormOpen = _ref.onMediaFormOpen,
+    onMediaFormOpen = _ref$onMediaFormOpen === void 0 ? null : _ref$onMediaFormOpen,
+    _ref$onMediaFormClose = _ref.onMediaFormClose,
+    onMediaFormClose = _ref$onMediaFormClose === void 0 ? null : _ref$onMediaFormClose,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var api = useApi();
   var story = useStory();
   var _ref2 = story || {},
@@ -672,7 +645,5 @@ function MediaGallery(_ref) {
     withReplace: true
   }));
 }
-MediaGallery.propTypes = propTypes;
-MediaGallery.defaultProps = defaultProps;
 
 export { MediaGallery as default };

package/es/styles.css

@@ -0,0 +1 @@
+.container .browser{--bs-input-color:hsla(0,0%,100%,.07)!important}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,36 +34,34 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
-        "./scss/styles": "./scss/styles.scss",
-        "./scss/styles.scss": "./scss/styles.scss",
         "./assets/css/styles": "./assets/css/styles.css",
         "./assets/css/styles.css": "./assets/css/styles.css"
     },
     "files": [
         "lib",
         "es",
-        "assets",
-        "scss"
+        "assets"
     ],
     "scripts": {
-        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf scss",
+        "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh --scss"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "@panneau/data": "^3.0.163",
-        "@panneau/displays": "^3.0.163",
-        "@panneau/fields": "^3.0.306",
-        "@panneau/filters": "^3.0.163",
-        "@panneau/uppy": "^3.0.162",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@panneau/data": "^4.0.18",
+        "@panneau/displays": "^4.0.18",
+        "@panneau/fields": "^4.0.18",
+        "@panneau/filters": "^4.0.18",
+        "@panneau/uppy": "^4.0.18",
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
@@ -71,20 +69,20 @@
         "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@fortawesome/free-solid-svg-icons": "^6.5.2",
         "@fortawesome/react-fontawesome": "^0.2.0",
-        "@micromag/core": "^0.3.832",
-        "@micromag/data": "^0.3.832",
-        "@panneau/medias": "^3.0.163",
+        "@micromag/core": "^0.4.4",
+        "@micromag/data": "^0.4.4",
+        "@panneau/medias": "^4.0.18",
         "bootstrap": "^5.3.7",
         "classnames": "^2.2.6",
-        "lodash": "^4.17.21",
+        "lodash": "^4.17.23",
         "pretty-bytes": "^6.1.1",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "react-intl": "^8.1.3",
         "wouter": "^3.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }

package/scss/styles.scss

@@ -1 +0,0 @@
-@import '~@micromag/media-gallery/assets/css/styles.css';