@panneau/modals 2.0.51 → 2.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/es/index.js +7 -113
  2. package/lib/index.js +6 -118
  3. package/package.json +7 -7
  4. package/assets/css/styles.css +0 -2
package/es/index.js CHANGED
@@ -1,13 +1,8 @@
1
- import React, { useMemo, useRef, useEffect } from 'react';
2
1
  import PropTypes from 'prop-types';
3
- import { ComponentsProvider, MODALS_NAMESPACE, useModals, withModals } from '@panneau/core/contexts';
2
+ import React from 'react';
3
+ import { ComponentsProvider, MODALS_NAMESPACE } from '@panneau/core/contexts';
4
4
  import DialogModal from '@panneau/modal-dialog';
5
5
  import UploadModal from '@panneau/modal-upload';
6
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
7
- import classNames from 'classnames';
8
- import { getDisplayName } from '@panneau/core/utils';
9
- import ElementPortal from '@panneau/element-portal';
10
- import { PropTypes as PropTypes$1 } from '@panneau/core';
11
6
 
12
7
  var modals = {
13
8
  DialogModal: DialogModal,
@@ -18,10 +13,10 @@ Object.keys(modals).map(function (name) {
18
13
  });
19
14
 
20
15
  /* eslint-disable react/jsx-props-no-spreading */
21
- var propTypes$3 = {
16
+ var propTypes = {
22
17
  children: PropTypes.node
23
18
  };
24
- var defaultProps$3 = {
19
+ var defaultProps = {
25
20
  children: null
26
21
  };
27
22
  var ModalsProvider = function ModalsProvider(props) {
@@ -30,108 +25,7 @@ var ModalsProvider = function ModalsProvider(props) {
30
25
  components: modals
31
26
  }, props));
32
27
  };
33
- ModalsProvider.propTypes = propTypes$3;
34
- ModalsProvider.defaultProps = defaultProps$3;
35
-
36
- /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
37
- var propTypes$2 = {
38
- id: PropTypes.string,
39
- data: PropTypes.object,
40
- // eslint-disable-line react/forbid-prop-types
41
- children: PropTypes.node
42
- };
43
- var defaultProps$2 = {
44
- id: null,
45
- data: null,
46
- children: null
47
- };
48
- var ModalPortal = function ModalPortal(_ref) {
49
- var id = _ref.id,
50
- data = _ref.data,
51
- children = _ref.children;
52
- var _useModals = useModals(),
53
- container = _useModals.container,
54
- _useModals$register = _useModals.register,
55
- register = _useModals$register === void 0 ? null : _useModals$register,
56
- _useModals$unregister = _useModals.unregister,
57
- unregister = _useModals$unregister === void 0 ? null : _useModals$unregister;
58
- return /*#__PURE__*/React.createElement(ElementPortal, {
59
- id: id,
60
- data: data,
61
- container: container,
62
- register: register,
63
- unregister: unregister
64
- }, children);
65
- };
66
- ModalPortal.propTypes = propTypes$2;
67
- ModalPortal.defaultProps = defaultProps$2;
68
-
69
- var styles$1 = {"container":"panneau-modals-modal-container","center":"panneau-modals-modal-center","inner":"panneau-modals-modal-inner","top":"panneau-modals-modal-top"};
70
-
71
- var propTypes$1 = {
72
- id: PropTypes.string,
73
- title: PropTypes.string,
74
- position: PropTypes.oneOf(['center', 'top']),
75
- children: PropTypes.node
76
- };
77
- var defaultProps$1 = {
78
- id: null,
79
- title: null,
80
- position: 'center',
81
- children: null
82
- };
83
- var Modal = function Modal(_ref) {
84
- var id = _ref.id,
85
- children = _ref.children,
86
- position = _ref.position,
87
- title = _ref.title;
88
- var finalId = useMemo(function () {
89
- return id || getDisplayName(children.type);
90
- }, [id, children.type]);
91
- var data = useMemo(function () {
92
- return {
93
- title: title
94
- };
95
- }, [title]);
96
- return /*#__PURE__*/React.createElement(ModalPortal, {
97
- id: finalId,
98
- data: data
99
- }, /*#__PURE__*/React.createElement("div", {
100
- className: classNames([styles$1.container, _defineProperty({}, styles$1[position], position !== null)])
101
- }, /*#__PURE__*/React.createElement("div", {
102
- className: styles$1.inner
103
- }, children)));
104
- };
105
- Modal.propTypes = propTypes$1;
106
- Modal.defaultProps = defaultProps$1;
107
-
108
- var styles = {"container":"panneau-modals-container","modals":"panneau-modals-modals","hasModals":"panneau-modals-hasModals"};
109
-
110
- var propTypes = {
111
- modals: PropTypes$1.modals.isRequired,
112
- setModalsContainer: PropTypes.func.isRequired,
113
- className: PropTypes.string
114
- };
115
- var defaultProps = {
116
- className: null
117
- };
118
- var ModalsContainer = function ModalsContainer(_ref) {
119
- var modals = _ref.modals,
120
- setModalsContainer = _ref.setModalsContainer,
121
- className = _ref.className;
122
- var containerRef = useRef(null);
123
- useEffect(function () {
124
- setModalsContainer(containerRef.current);
125
- }, []);
126
- return /*#__PURE__*/React.createElement("div", {
127
- className: classNames([styles.container, _defineProperty({}, className, className)])
128
- }, /*#__PURE__*/React.createElement("div", {
129
- className: classNames([styles.modals, _defineProperty({}, styles.hasModals, modals.length > 0)]),
130
- ref: containerRef
131
- }));
132
- };
133
- ModalsContainer.propTypes = propTypes;
134
- ModalsContainer.defaultProps = defaultProps;
135
- var Modals = withModals(ModalsContainer);
28
+ ModalsProvider.propTypes = propTypes;
29
+ ModalsProvider.defaultProps = defaultProps;
136
30
 
137
- export { Modal, ModalPortal, Modals, ModalsProvider as default };
31
+ export { ModalsProvider as default };
package/lib/index.js CHANGED
@@ -2,26 +2,18 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
6
5
  var PropTypes = require('prop-types');
6
+ var React = require('react');
7
7
  var contexts = require('@panneau/core/contexts');
8
8
  var DialogModal = require('@panneau/modal-dialog');
9
9
  var UploadModal = require('@panneau/modal-upload');
10
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
11
- var classNames = require('classnames');
12
- var utils = require('@panneau/core/utils');
13
- var ElementPortal = require('@panneau/element-portal');
14
- var core = require('@panneau/core');
15
10
 
16
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
12
 
18
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
13
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
14
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
15
  var DialogModal__default = /*#__PURE__*/_interopDefaultLegacy(DialogModal);
21
16
  var UploadModal__default = /*#__PURE__*/_interopDefaultLegacy(UploadModal);
22
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
23
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
24
- var ElementPortal__default = /*#__PURE__*/_interopDefaultLegacy(ElementPortal);
25
17
 
26
18
  var modals = {
27
19
  DialogModal: DialogModal__default["default"],
@@ -32,10 +24,10 @@ Object.keys(modals).map(function (name) {
32
24
  });
33
25
 
34
26
  /* eslint-disable react/jsx-props-no-spreading */
35
- var propTypes$3 = {
27
+ var propTypes = {
36
28
  children: PropTypes__default["default"].node
37
29
  };
38
- var defaultProps$3 = {
30
+ var defaultProps = {
39
31
  children: null
40
32
  };
41
33
  var ModalsProvider = function ModalsProvider(props) {
@@ -44,111 +36,7 @@ var ModalsProvider = function ModalsProvider(props) {
44
36
  components: modals
45
37
  }, props));
46
38
  };
47
- ModalsProvider.propTypes = propTypes$3;
48
- ModalsProvider.defaultProps = defaultProps$3;
49
-
50
- /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
51
- var propTypes$2 = {
52
- id: PropTypes__default["default"].string,
53
- data: PropTypes__default["default"].object,
54
- // eslint-disable-line react/forbid-prop-types
55
- children: PropTypes__default["default"].node
56
- };
57
- var defaultProps$2 = {
58
- id: null,
59
- data: null,
60
- children: null
61
- };
62
- var ModalPortal = function ModalPortal(_ref) {
63
- var id = _ref.id,
64
- data = _ref.data,
65
- children = _ref.children;
66
- var _useModals = contexts.useModals(),
67
- container = _useModals.container,
68
- _useModals$register = _useModals.register,
69
- register = _useModals$register === void 0 ? null : _useModals$register,
70
- _useModals$unregister = _useModals.unregister,
71
- unregister = _useModals$unregister === void 0 ? null : _useModals$unregister;
72
- return /*#__PURE__*/React__default["default"].createElement(ElementPortal__default["default"], {
73
- id: id,
74
- data: data,
75
- container: container,
76
- register: register,
77
- unregister: unregister
78
- }, children);
79
- };
80
- ModalPortal.propTypes = propTypes$2;
81
- ModalPortal.defaultProps = defaultProps$2;
82
-
83
- var styles$1 = {"container":"panneau-modals-modal-container","center":"panneau-modals-modal-center","inner":"panneau-modals-modal-inner","top":"panneau-modals-modal-top"};
84
-
85
- var propTypes$1 = {
86
- id: PropTypes__default["default"].string,
87
- title: PropTypes__default["default"].string,
88
- position: PropTypes__default["default"].oneOf(['center', 'top']),
89
- children: PropTypes__default["default"].node
90
- };
91
- var defaultProps$1 = {
92
- id: null,
93
- title: null,
94
- position: 'center',
95
- children: null
96
- };
97
- var Modal = function Modal(_ref) {
98
- var id = _ref.id,
99
- children = _ref.children,
100
- position = _ref.position,
101
- title = _ref.title;
102
- var finalId = React.useMemo(function () {
103
- return id || utils.getDisplayName(children.type);
104
- }, [id, children.type]);
105
- var data = React.useMemo(function () {
106
- return {
107
- title: title
108
- };
109
- }, [title]);
110
- return /*#__PURE__*/React__default["default"].createElement(ModalPortal, {
111
- id: finalId,
112
- data: data
113
- }, /*#__PURE__*/React__default["default"].createElement("div", {
114
- className: classNames__default["default"]([styles$1.container, _defineProperty__default["default"]({}, styles$1[position], position !== null)])
115
- }, /*#__PURE__*/React__default["default"].createElement("div", {
116
- className: styles$1.inner
117
- }, children)));
118
- };
119
- Modal.propTypes = propTypes$1;
120
- Modal.defaultProps = defaultProps$1;
121
-
122
- var styles = {"container":"panneau-modals-container","modals":"panneau-modals-modals","hasModals":"panneau-modals-hasModals"};
123
-
124
- var propTypes = {
125
- modals: core.PropTypes.modals.isRequired,
126
- setModalsContainer: PropTypes__default["default"].func.isRequired,
127
- className: PropTypes__default["default"].string
128
- };
129
- var defaultProps = {
130
- className: null
131
- };
132
- var ModalsContainer = function ModalsContainer(_ref) {
133
- var modals = _ref.modals,
134
- setModalsContainer = _ref.setModalsContainer,
135
- className = _ref.className;
136
- var containerRef = React.useRef(null);
137
- React.useEffect(function () {
138
- setModalsContainer(containerRef.current);
139
- }, []);
140
- return /*#__PURE__*/React__default["default"].createElement("div", {
141
- className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className)])
142
- }, /*#__PURE__*/React__default["default"].createElement("div", {
143
- className: classNames__default["default"]([styles.modals, _defineProperty__default["default"]({}, styles.hasModals, modals.length > 0)]),
144
- ref: containerRef
145
- }));
146
- };
147
- ModalsContainer.propTypes = propTypes;
148
- ModalsContainer.defaultProps = defaultProps;
149
- var Modals = contexts.withModals(ModalsContainer);
39
+ ModalsProvider.propTypes = propTypes;
40
+ ModalsProvider.defaultProps = defaultProps;
150
41
 
151
- exports.Modal = Modal;
152
- exports.ModalPortal = ModalPortal;
153
- exports.Modals = Modals;
154
42
  exports["default"] = ModalsProvider;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/modals",
3
- "version": "2.0.51",
3
+ "version": "2.0.56",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -53,16 +53,16 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@babel/runtime": "^7.12.5",
56
- "@panneau/core": "^2.0.51",
57
- "@panneau/element-portal": "^2.0.2",
58
- "@panneau/modal-dialog": "^2.0.51",
59
- "@panneau/modal-upload": "^2.0.51",
60
- "@panneau/themes": "^2.0.51",
56
+ "@panneau/core": "^2.0.56",
57
+ "@panneau/element-portal": "^2.0.56",
58
+ "@panneau/modal-dialog": "^2.0.56",
59
+ "@panneau/modal-upload": "^2.0.56",
60
+ "@panneau/themes": "^2.0.56",
61
61
  "classnames": "^2.2.6",
62
62
  "prop-types": "^15.7.2"
63
63
  },
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "dcdf30dd8429d6022ae69fff1ea7a101fc6d4e71"
67
+ "gitHead": "edb76a5622f04136db62c1dd0c4b2e362de6878a"
68
68
  }
package/assets/css/styles.css DELETED
@@ -1,2 +0,0 @@
1
- .panneau-modals-modal-container{display:-ms-flexbox;display:flex;height:100%;left:0;overflow-y:auto;position:absolute;top:0;width:100%}.panneau-modals-modal-container.panneau-modals-modal-center>.panneau-modals-modal-inner{margin:auto}.panneau-modals-modal-container.panneau-modals-modal-top>.panneau-modals-modal-inner{margin:0 auto;padding:1.75rem 0}
2
- .panneau-modals-container{position:static}.panneau-modals-modals.panneau-modals-hasModals{background-color:rgba(0,0,0,.2);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}