@panneau/element-modal 3.0.222 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/element-modal",
-    "version": "3.0.222",
+    "version": "3.0.224",
     "description": "Modal element",
     "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,10 +49,10 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.222",
-        "@panneau/element-button": "^3.0.222",
-        "@panneau/element-icon": "^3.0.222",
-        "@panneau/element-label": "^3.0.222",
+        "@panneau/core": "^3.0.224",
+        "@panneau/element-button": "^3.0.224",
+        "@panneau/element-icon": "^3.0.224",
+        "@panneau/element-label": "^3.0.224",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2",
         "react-intl": "^5.15.8||^6.0.0"
@@ -57,5 +60,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d7f6c2943965c2c26fb6ce1d8f3c85eb88b2146"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,153 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var utils = require('@panneau/core/utils');
-var ReactDOM = require('react-dom');
-var contexts = require('@panneau/core/contexts');
-var hooks = require('@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;
-  var _useModal = contexts.useModal(),
-    _useModal$container = _useModal.container,
-    container = _useModal$container === void 0 ? null : _useModal$container,
-    _useModal$register = _useModal.register,
-    register = _useModal$register === void 0 ? null : _useModal$register,
-    _useModal$unregister = _useModal.unregister,
-    unregister = _useModal$unregister === void 0 ? null : _useModal$unregister;
-  var finalId = React.useMemo(function () {
-    return id !== null ? id : "modal-".concat(new Date().getTime());
-  }, [id]);
-  React.useEffect(function () {
-    if (register !== null) {
-      register(finalId, data);
-    }
-    return function () {
-      if (unregister !== null) {
-        unregister(finalId);
-      }
-    };
-  }, [finalId, data]);
-  return container !== null ? /*#__PURE__*/ReactDOM.createPortal(children, container) : null;
-};
-ModalPortal.propTypes = propTypes$2;
-ModalPortal.defaultProps = defaultProps$2;
-var ModalPortal$1 = ModalPortal;
-
-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']),
-  children: PropTypes.node
-};
-var defaultProps$1 = {
-  id: null,
-  title: null,
-  position: 'center',
-  children: null
-};
-var Modal = function Modal(_ref) {
-  var id = _ref.id,
-    children = _ref.children,
-    position = _ref.position,
-    title = _ref.title;
-  var name = utils.getDisplayName(children);
-  var finalId = React.useMemo(function () {
-    return id || name || 'Modal';
-  }, [id, name]);
-  var data = React.useMemo(function () {
-    return {
-      title: title
-    };
-  }, [title]);
-  return /*#__PURE__*/React.createElement(ModalPortal$1, {
-    id: finalId,
-    data: data
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.modal, _defineProperty({}, styles[position], position !== null)])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal', 'fade', 'show', 'd-block', styles.inner]),
-    tabIndex: "-1"
-  }, children)));
-};
-Modal.propTypes = propTypes$1;
-Modal.defaultProps = defaultProps$1;
-var Modal$1 = Modal;
-
-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;
-  var _useModal = contexts.useModal(),
-    _useModal$modals = _useModal.modals,
-    modals = _useModal$modals === void 0 ? null : _useModal$modals,
-    _useModal$setContaine = _useModal.setContainer,
-    setContainer = _useModal$setContaine === void 0 ? null : _useModal$setContaine,
-    _useModal$closeLastMo = _useModal.closeLastModal,
-    closeLastModal = _useModal$closeLastMo === void 0 ? null : _useModal$closeLastMo;
-  var containerRef = React.useRef(null);
-  React.useEffect(function () {
-    if (setContainer !== null) {
-      setContainer(containerRef.current);
-    }
-  }, [setContainer]);
-  React.useEffect(function () {
-    if (document.body) {
-      if (modals !== null && modals.length > 0) {
-        document.body.className = 'modal-open';
-      } else {
-        document.body.className = '';
-      }
-    }
-  }, [modals]);
-  hooks.useKeyboardKeys(_defineProperty({}, hooks.KEYCODES.ESCAPE, closeLastModal));
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.modalsContainer, _defineProperty({}, className, className)]),
-    "data-bs-theme": theme !== null ? theme : null,
-    style: {
-      color: theme === 'dark' ? '#FFF' : null
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.modals, _defineProperty({}, styles.hasModals, modals !== null && modals.length > 0)]),
-    ref: containerRef
-  }));
-};
-Modals.propTypes = propTypes;
-Modals.defaultProps = defaultProps;
-var Modals$1 = Modals;
-
-exports.Modal = Modal$1;
-exports.ModalPortal = ModalPortal$1;
-exports.Modals = Modals$1;
-exports.default = Modal$1;