@panneau/element-modal 3.0.308 → 4.0.1

package/es/index.js

@@ -1,6 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React, { useMemo, useEffect, useRef } from 'react';
 import { getDisplayName } from '@panneau/core/utils';
 import ReactDOM from 'react-dom';
@@ -8,24 +7,13 @@ import { useModal } from '@panneau/core/contexts';
 import { useKeyboardKeys, KEYCODES } from '@panneau/core/hooks';
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
-
-// import ElementPortal from '@panneau/element-portal';
-
-var propTypes$2 = {
-  id: PropTypes.string,
-  data: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  children: PropTypes.node
-};
-var defaultProps$2 = {
-  id: null,
-  data: null,
-  children: null
-};
-var ModalPortal = function ModalPortal(_ref) {
-  var id = _ref.id,
-    data = _ref.data,
-    children = _ref.children;
+function ModalPortal(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? null : _ref$id,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? null : _ref$data,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var _useModal = useModal(),
     _useModal$container = _useModal.container,
     container = _useModal$container === void 0 ? null : _useModal$container,
@@ -47,32 +35,21 @@ var ModalPortal = function ModalPortal(_ref) {
     };
   }, [finalId, data, register, unregister]);
   return container !== null ? /*#__PURE__*/ReactDOM.createPortal(children, container) : null;
-};
-ModalPortal.propTypes = propTypes$2;
-ModalPortal.defaultProps = defaultProps$2;
+}
 
 var styles = {"modal":"panneau-element-modal-modal","center":"panneau-element-modal-center","inner":"panneau-element-modal-inner","top":"panneau-element-modal-top","button":"panneau-element-modal-button","modalsContainer":"panneau-element-modal-modalsContainer","modals":"panneau-element-modal-modals","hasModals":"panneau-element-modal-hasModals"};
 
-var propTypes$1 = {
-  id: PropTypes.string,
-  title: PropTypes.string,
-  position: PropTypes.oneOf(['center', 'top']),
-  onClose: PropTypes.func,
-  children: PropTypes.node
-};
-var defaultProps$1 = {
-  id: null,
-  title: null,
-  position: 'center',
-  onClose: null,
-  children: null
-};
-var Modal = function Modal(_ref) {
-  var id = _ref.id,
-    onClose = _ref.onClose,
-    children = _ref.children,
-    position = _ref.position,
-    title = _ref.title;
+function Modal(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? null : _ref$id,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'center' : _ref$position,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title;
   var name = getDisplayName(children);
   var finalId = useMemo(function () {
     return id || name || 'Modal';
@@ -90,23 +67,15 @@ var Modal = function Modal(_ref) {
     className: classNames([styles.modal, _defineProperty({}, styles[position], position !== null)])
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(['modal', 'fade', 'show', 'd-block', styles.inner]),
-    tabIndex: "-1"
+    tabIndex: -1
   }, children)));
-};
-Modal.propTypes = propTypes$1;
-Modal.defaultProps = defaultProps$1;
+}
 
-var propTypes = {
-  theme: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps = {
-  theme: null,
-  className: null
-};
-var Modals = function Modals(_ref) {
-  var theme = _ref.theme,
-    className = _ref.className;
+function Modals(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var _useModal = useModal(),
     _useModal$modals = _useModal.modals,
     modals = _useModal$modals === void 0 ? null : _useModal$modals,
@@ -131,17 +100,15 @@ var Modals = function Modals(_ref) {
   }, [modals]);
   useKeyboardKeys(_defineProperty({}, KEYCODES.ESCAPE, closeLastModal));
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.modalsContainer, _defineProperty({}, className, className)]),
-    "data-bs-theme": theme !== null ? theme : null,
+    className: classNames([styles.modalsContainer, _defineProperty({}, className, className !== null)]),
+    "data-bs-theme": theme !== null ? theme : undefined,
     style: {
-      color: theme === 'dark' ? '#FFF' : null
+      color: theme === 'dark' ? '#FFF' : undefined
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.modals, _defineProperty({}, styles.hasModals, modals !== null && modals.length > 0)]),
     ref: containerRef
   }));
-};
-Modals.propTypes = propTypes;
-Modals.defaultProps = defaultProps;
+}
 
 export { Modal, ModalPortal, Modals, Modal as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/element-modal",
-    "version": "3.0.308",
+    "version": "4.0.1",
     "description": "Modal element",
     "keywords": [
         "javascript"
@@ -51,16 +51,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.307",
-        "@panneau/element-button": "^3.0.308",
-        "@panneau/element-icon": "^3.0.307",
-        "@panneau/element-label": "^3.0.307",
+        "@panneau/core": "^4.0.1",
+        "@panneau/element-button": "^4.0.1",
+        "@panneau/element-icon": "^4.0.1",
+        "@panneau/element-label": "^4.0.1",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2",
-        "react-intl": "^5.15.8||^6.0.0"
+        "react-intl": "^5.15.8 || ^6.0.0 || ^7.0.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "8711276a09fcda499a4a2f206554f9cd995976f5"
+    "gitHead": "dbdf65640625c027ecd56cf2b816b80a5c38cb8d"
 }