@panneau/modal-medias-picker 3.0.223 → 3.0.225

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/modal-medias-picker",
-    "version": "3.0.223",
+    "version": "3.0.225",
     "description": "Medias picker modal",
     "keywords": [
         "javascript"
@@ -25,8 +25,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -46,9 +49,9 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.223",
-        "@panneau/medias": "^3.0.223",
-        "@panneau/modal-dialog": "^3.0.223",
+        "@panneau/core": "^3.0.224",
+        "@panneau/medias": "^3.0.225",
+        "@panneau/modal-dialog": "^3.0.224",
         "@uppy/core": "^3.9.1",
         "@uppy/dashboard": "^3.7.3",
         "@uppy/drag-drop": "^3.0.3",
@@ -64,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "14196bd955b0e44cbc214e00f3189b3216f3fa53"
+    "gitHead": "5603d68b2a7c406ea856abccc332318814d53fc3"
 }

package/lib/index.js

@@ -1,122 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var PropTypes = require('prop-types');
-var React = require('react');
-var reactIntl = require('react-intl');
-var medias = require('@panneau/medias');
-var Dialog = require('@panneau/modal-dialog');
-
-var _excluded = ["id", "value", "resource", "title", "onChange", "onClose", "confirmButton", "cancelButton", "multiple"];
-var propTypes = {
-  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  value: PropTypes.shape({}),
-  resource: PropTypes.string,
-  title: PropTypes.string,
-  multiple: PropTypes.bool,
-  onChange: PropTypes.func,
-  onClose: PropTypes.func,
-  confirmButton: PropTypes.shape({}),
-  cancelButton: PropTypes.shape({})
-};
-var defaultProps = {
-  resource: null,
-  value: null,
-  title: null,
-  multiple: false,
-  onChange: null,
-  onClose: null,
-  confirmButton: null,
-  cancelButton: null
-};
-function MediasPickerModal(_ref) {
-  var id = _ref.id,
-    value = _ref.value,
-    resource = _ref.resource,
-    title = _ref.title,
-    onChange = _ref.onChange,
-    onClose = _ref.onClose,
-    confirmButton = _ref.confirmButton,
-    cancelButton = _ref.cancelButton,
-    multiple = _ref.multiple,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedItems = _useState2[0],
-    setSelectedItems = _useState2[1];
-  var onConfirm = React.useCallback(function () {
-    if (onChange !== null) {
-      onChange(selectedItems);
-    }
-    if (onClose !== null) {
-      onClose();
-    }
-  }, [onChange, onClose]);
-  var onSelectionChange = React.useCallback(function (items) {
-    setSelectedItems(items);
-  }, [setSelectedItems]);
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mediaFormOpen = _useState4[0],
-    setMediaFormOpen = _useState4[1];
-  var onMediaFormOpen = React.useCallback(function () {
-    setMediaFormOpen(true);
-  }, [setMediaFormOpen]);
-  var onMediaFormClose = React.useCallback(function () {
-    setMediaFormOpen(false);
-  }, [setMediaFormOpen]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    id: id || 'picker',
-    size: "xl",
-    onClose: onClose,
-    title: title,
-    buttons: !mediaFormOpen ? [_objectSpread({
-      id: 'cancel',
-      name: 'cancel',
-      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-        id: "PyxZY2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Cancel"
-        }]
-      }),
-      theme: 'secondary',
-      onClick: onClose
-    }, cancelButton), _objectSpread({
-      id: 'confirm',
-      name: 'confirm',
-      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-        id: "rvOVCV",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirm selection"
-        }]
-      }),
-      theme: 'primary',
-      onClick: onConfirm
-    }, confirmButton)] : null
-  }, resource !== null ? /*#__PURE__*/React.createElement(medias.MediasResourcePicker, Object.assign({}, props, {
-    value: selectedItems,
-    resource: resource,
-    onChange: onSelectionChange,
-    onClose: onClose,
-    multiple: multiple,
-    onMediaFormOpen: onMediaFormOpen,
-    onMediaFormClose: onMediaFormClose
-  })) : /*#__PURE__*/React.createElement(medias.MediasPickerContainer, Object.assign({}, props, {
-    value: selectedItems,
-    onChange: onSelectionChange,
-    onClose: onClose,
-    multiple: multiple,
-    onMediaFormOpen: onMediaFormOpen,
-    onMediaFormClose: onMediaFormClose
-  })));
-}
-MediasPickerModal.propTypes = propTypes;
-MediasPickerModal.defaultProps = defaultProps;
-
-exports.default = MediasPickerModal;