@panneau/modals 1.0.3-alpha.0 → 1.0.3-alpha.4

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/assets/css/styles.css +1 -1
  2. package/es/index.js +12 -22
  3. package/lib/index.js +12 -22
  4. package/package.json +7 -7
package/assets/css/styles.css CHANGED
@@ -1,2 +1,2 @@
1
- .panneau-modals-modal-container{display:-webkit-flex;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}
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
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}
package/es/index.js CHANGED
@@ -24,14 +24,12 @@ var propTypes$3 = {
24
24
  var defaultProps$3 = {
25
25
  children: null
26
26
  };
27
-
28
27
  var ModalsProvider = function ModalsProvider(props) {
29
28
  return /*#__PURE__*/React.createElement(ComponentsProvider, Object.assign({
30
29
  namespace: MODALS_NAMESPACE,
31
30
  components: modals
32
31
  }, props));
33
32
  };
34
-
35
33
  ModalsProvider.propTypes = propTypes$3;
36
34
  ModalsProvider.defaultProps = defaultProps$3;
37
35
 
@@ -47,19 +45,16 @@ var defaultProps$2 = {
47
45
  data: null,
48
46
  children: null
49
47
  };
50
-
51
48
  var ModalPortal = function ModalPortal(_ref) {
52
49
  var id = _ref.id,
53
- data = _ref.data,
54
- children = _ref.children;
55
-
50
+ data = _ref.data,
51
+ children = _ref.children;
56
52
  var _useModals = useModals(),
57
- container = _useModals.container,
58
- _useModals$register = _useModals.register,
59
- register = _useModals$register === void 0 ? null : _useModals$register,
60
- _useModals$unregister = _useModals.unregister,
61
- unregister = _useModals$unregister === void 0 ? null : _useModals$unregister;
62
-
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;
63
58
  return /*#__PURE__*/React.createElement(ElementPortal, {
64
59
  id: id,
65
60
  data: data,
@@ -68,7 +63,6 @@ var ModalPortal = function ModalPortal(_ref) {
68
63
  unregister: unregister
69
64
  }, children);
70
65
  };
71
-
72
66
  ModalPortal.propTypes = propTypes$2;
73
67
  ModalPortal.defaultProps = defaultProps$2;
74
68
 
@@ -86,12 +80,11 @@ var defaultProps$1 = {
86
80
  position: 'center',
87
81
  children: null
88
82
  };
89
-
90
83
  var Modal = function Modal(_ref) {
91
84
  var id = _ref.id,
92
- children = _ref.children,
93
- position = _ref.position,
94
- title = _ref.title;
85
+ children = _ref.children,
86
+ position = _ref.position,
87
+ title = _ref.title;
95
88
  var finalId = useMemo(function () {
96
89
  return id || getDisplayName(children.type);
97
90
  }, [id, children.type]);
@@ -109,7 +102,6 @@ var Modal = function Modal(_ref) {
109
102
  className: styles$1.inner
110
103
  }, children)));
111
104
  };
112
-
113
105
  Modal.propTypes = propTypes$1;
114
106
  Modal.defaultProps = defaultProps$1;
115
107
 
@@ -123,11 +115,10 @@ var propTypes = {
123
115
  var defaultProps = {
124
116
  className: null
125
117
  };
126
-
127
118
  var ModalsContainer = function ModalsContainer(_ref) {
128
119
  var modals = _ref.modals,
129
- setModalsContainer = _ref.setModalsContainer,
130
- className = _ref.className;
120
+ setModalsContainer = _ref.setModalsContainer,
121
+ className = _ref.className;
131
122
  var containerRef = useRef(null);
132
123
  useEffect(function () {
133
124
  setModalsContainer(containerRef.current);
@@ -139,7 +130,6 @@ var ModalsContainer = function ModalsContainer(_ref) {
139
130
  ref: containerRef
140
131
  }));
141
132
  };
142
-
143
133
  ModalsContainer.propTypes = propTypes;
144
134
  ModalsContainer.defaultProps = defaultProps;
145
135
  var Modals = withModals(ModalsContainer);
package/lib/index.js CHANGED
@@ -38,14 +38,12 @@ var propTypes$3 = {
38
38
  var defaultProps$3 = {
39
39
  children: null
40
40
  };
41
-
42
41
  var ModalsProvider = function ModalsProvider(props) {
43
42
  return /*#__PURE__*/React__default["default"].createElement(contexts.ComponentsProvider, Object.assign({
44
43
  namespace: contexts.MODALS_NAMESPACE,
45
44
  components: modals
46
45
  }, props));
47
46
  };
48
-
49
47
  ModalsProvider.propTypes = propTypes$3;
50
48
  ModalsProvider.defaultProps = defaultProps$3;
51
49
 
@@ -61,19 +59,16 @@ var defaultProps$2 = {
61
59
  data: null,
62
60
  children: null
63
61
  };
64
-
65
62
  var ModalPortal = function ModalPortal(_ref) {
66
63
  var id = _ref.id,
67
- data = _ref.data,
68
- children = _ref.children;
69
-
64
+ data = _ref.data,
65
+ children = _ref.children;
70
66
  var _useModals = contexts.useModals(),
71
- container = _useModals.container,
72
- _useModals$register = _useModals.register,
73
- register = _useModals$register === void 0 ? null : _useModals$register,
74
- _useModals$unregister = _useModals.unregister,
75
- unregister = _useModals$unregister === void 0 ? null : _useModals$unregister;
76
-
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;
77
72
  return /*#__PURE__*/React__default["default"].createElement(ElementPortal__default["default"], {
78
73
  id: id,
79
74
  data: data,
@@ -82,7 +77,6 @@ var ModalPortal = function ModalPortal(_ref) {
82
77
  unregister: unregister
83
78
  }, children);
84
79
  };
85
-
86
80
  ModalPortal.propTypes = propTypes$2;
87
81
  ModalPortal.defaultProps = defaultProps$2;
88
82
 
@@ -100,12 +94,11 @@ var defaultProps$1 = {
100
94
  position: 'center',
101
95
  children: null
102
96
  };
103
-
104
97
  var Modal = function Modal(_ref) {
105
98
  var id = _ref.id,
106
- children = _ref.children,
107
- position = _ref.position,
108
- title = _ref.title;
99
+ children = _ref.children,
100
+ position = _ref.position,
101
+ title = _ref.title;
109
102
  var finalId = React.useMemo(function () {
110
103
  return id || utils.getDisplayName(children.type);
111
104
  }, [id, children.type]);
@@ -123,7 +116,6 @@ var Modal = function Modal(_ref) {
123
116
  className: styles$1.inner
124
117
  }, children)));
125
118
  };
126
-
127
119
  Modal.propTypes = propTypes$1;
128
120
  Modal.defaultProps = defaultProps$1;
129
121
 
@@ -137,11 +129,10 @@ var propTypes = {
137
129
  var defaultProps = {
138
130
  className: null
139
131
  };
140
-
141
132
  var ModalsContainer = function ModalsContainer(_ref) {
142
133
  var modals = _ref.modals,
143
- setModalsContainer = _ref.setModalsContainer,
144
- className = _ref.className;
134
+ setModalsContainer = _ref.setModalsContainer,
135
+ className = _ref.className;
145
136
  var containerRef = React.useRef(null);
146
137
  React.useEffect(function () {
147
138
  setModalsContainer(containerRef.current);
@@ -153,7 +144,6 @@ var ModalsContainer = function ModalsContainer(_ref) {
153
144
  ref: containerRef
154
145
  }));
155
146
  };
156
-
157
147
  ModalsContainer.propTypes = propTypes;
158
148
  ModalsContainer.defaultProps = defaultProps;
159
149
  var Modals = contexts.withModals(ModalsContainer);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/modals",
3
- "version": "1.0.3-alpha.0",
3
+ "version": "1.0.3-alpha.4",
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": "^1.0.3-alpha.0",
57
- "@panneau/element-portal": "^1.0.0-alpha.263",
58
- "@panneau/modal-dialog": "^1.0.3-alpha.0",
59
- "@panneau/modal-upload": "^1.0.3-alpha.0",
60
- "@panneau/themes": "^1.0.3-alpha.0",
56
+ "@panneau/core": "^1.0.3-alpha.4",
57
+ "@panneau/element-portal": "^1.0.3-alpha.4",
58
+ "@panneau/modal-dialog": "^1.0.3-alpha.4",
59
+ "@panneau/modal-upload": "^1.0.3-alpha.4",
60
+ "@panneau/themes": "^1.0.3-alpha.4",
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": "7f9c472b97c79a5c81da30730549acdde2de5c9f"
67
+ "gitHead": "00807e99b06d8be2b8a8671ce5c29a2a097b7804"
68
68
  }