@panneau/modals 1.0.0-alpha.97 → 1.0.3-alpha.0
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.
- package/es/index.js +1 -2
- package/lib/index.js +23 -23
- package/package.json +11 -11
package/es/index.js
CHANGED
|
@@ -144,5 +144,4 @@ ModalsContainer.propTypes = propTypes;
|
|
|
144
144
|
ModalsContainer.defaultProps = defaultProps;
|
|
145
145
|
var Modals = withModals(ModalsContainer);
|
|
146
146
|
|
|
147
|
-
export default
|
|
148
|
-
export { Modal, ModalPortal, Modals };
|
|
147
|
+
export { Modal, ModalPortal, Modals, ModalsProvider as default };
|
package/lib/index.js
CHANGED
|
@@ -24,8 +24,8 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
|
24
24
|
var ElementPortal__default = /*#__PURE__*/_interopDefaultLegacy(ElementPortal);
|
|
25
25
|
|
|
26
26
|
var modals = {
|
|
27
|
-
DialogModal: DialogModal__default[
|
|
28
|
-
UploadModal: UploadModal__default[
|
|
27
|
+
DialogModal: DialogModal__default["default"],
|
|
28
|
+
UploadModal: UploadModal__default["default"]
|
|
29
29
|
};
|
|
30
30
|
Object.keys(modals).map(function (name) {
|
|
31
31
|
return modals[name];
|
|
@@ -33,14 +33,14 @@ Object.keys(modals).map(function (name) {
|
|
|
33
33
|
|
|
34
34
|
/* eslint-disable react/jsx-props-no-spreading */
|
|
35
35
|
var propTypes$3 = {
|
|
36
|
-
children: PropTypes__default[
|
|
36
|
+
children: PropTypes__default["default"].node
|
|
37
37
|
};
|
|
38
38
|
var defaultProps$3 = {
|
|
39
39
|
children: null
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
var ModalsProvider = function ModalsProvider(props) {
|
|
43
|
-
return /*#__PURE__*/React__default[
|
|
43
|
+
return /*#__PURE__*/React__default["default"].createElement(contexts.ComponentsProvider, Object.assign({
|
|
44
44
|
namespace: contexts.MODALS_NAMESPACE,
|
|
45
45
|
components: modals
|
|
46
46
|
}, props));
|
|
@@ -51,10 +51,10 @@ ModalsProvider.defaultProps = defaultProps$3;
|
|
|
51
51
|
|
|
52
52
|
/* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
|
|
53
53
|
var propTypes$2 = {
|
|
54
|
-
id: PropTypes__default[
|
|
55
|
-
data: PropTypes__default[
|
|
54
|
+
id: PropTypes__default["default"].string,
|
|
55
|
+
data: PropTypes__default["default"].object,
|
|
56
56
|
// eslint-disable-line react/forbid-prop-types
|
|
57
|
-
children: PropTypes__default[
|
|
57
|
+
children: PropTypes__default["default"].node
|
|
58
58
|
};
|
|
59
59
|
var defaultProps$2 = {
|
|
60
60
|
id: null,
|
|
@@ -74,7 +74,7 @@ var ModalPortal = function ModalPortal(_ref) {
|
|
|
74
74
|
_useModals$unregister = _useModals.unregister,
|
|
75
75
|
unregister = _useModals$unregister === void 0 ? null : _useModals$unregister;
|
|
76
76
|
|
|
77
|
-
return /*#__PURE__*/React__default[
|
|
77
|
+
return /*#__PURE__*/React__default["default"].createElement(ElementPortal__default["default"], {
|
|
78
78
|
id: id,
|
|
79
79
|
data: data,
|
|
80
80
|
container: container,
|
|
@@ -89,10 +89,10 @@ ModalPortal.defaultProps = defaultProps$2;
|
|
|
89
89
|
var styles$1 = {"container":"panneau-modals-modal-container","center":"panneau-modals-modal-center","inner":"panneau-modals-modal-inner","top":"panneau-modals-modal-top"};
|
|
90
90
|
|
|
91
91
|
var propTypes$1 = {
|
|
92
|
-
id: PropTypes__default[
|
|
93
|
-
title: PropTypes__default[
|
|
94
|
-
position: PropTypes__default[
|
|
95
|
-
children: PropTypes__default[
|
|
92
|
+
id: PropTypes__default["default"].string,
|
|
93
|
+
title: PropTypes__default["default"].string,
|
|
94
|
+
position: PropTypes__default["default"].oneOf(['center', 'top']),
|
|
95
|
+
children: PropTypes__default["default"].node
|
|
96
96
|
};
|
|
97
97
|
var defaultProps$1 = {
|
|
98
98
|
id: null,
|
|
@@ -114,12 +114,12 @@ var Modal = function Modal(_ref) {
|
|
|
114
114
|
title: title
|
|
115
115
|
};
|
|
116
116
|
}, [title]);
|
|
117
|
-
return /*#__PURE__*/React__default[
|
|
117
|
+
return /*#__PURE__*/React__default["default"].createElement(ModalPortal, {
|
|
118
118
|
id: finalId,
|
|
119
119
|
data: data
|
|
120
|
-
}, /*#__PURE__*/React__default[
|
|
121
|
-
className: classNames__default[
|
|
122
|
-
}, /*#__PURE__*/React__default[
|
|
120
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
121
|
+
className: classNames__default["default"]([styles$1.container, _defineProperty__default["default"]({}, styles$1[position], position !== null)])
|
|
122
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
123
123
|
className: styles$1.inner
|
|
124
124
|
}, children)));
|
|
125
125
|
};
|
|
@@ -131,8 +131,8 @@ var styles = {"container":"panneau-modals-container","modals":"panneau-modals-mo
|
|
|
131
131
|
|
|
132
132
|
var propTypes = {
|
|
133
133
|
modals: core.PropTypes.modals.isRequired,
|
|
134
|
-
setModalsContainer: PropTypes__default[
|
|
135
|
-
className: PropTypes__default[
|
|
134
|
+
setModalsContainer: PropTypes__default["default"].func.isRequired,
|
|
135
|
+
className: PropTypes__default["default"].string
|
|
136
136
|
};
|
|
137
137
|
var defaultProps = {
|
|
138
138
|
className: null
|
|
@@ -146,10 +146,10 @@ var ModalsContainer = function ModalsContainer(_ref) {
|
|
|
146
146
|
React.useEffect(function () {
|
|
147
147
|
setModalsContainer(containerRef.current);
|
|
148
148
|
}, []);
|
|
149
|
-
return /*#__PURE__*/React__default[
|
|
150
|
-
className: classNames__default[
|
|
151
|
-
}, /*#__PURE__*/React__default[
|
|
152
|
-
className: classNames__default[
|
|
149
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
150
|
+
className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className)])
|
|
151
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
152
|
+
className: classNames__default["default"]([styles.modals, _defineProperty__default["default"]({}, styles.hasModals, modals.length > 0)]),
|
|
153
153
|
ref: containerRef
|
|
154
154
|
}));
|
|
155
155
|
};
|
|
@@ -161,4 +161,4 @@ var Modals = contexts.withModals(ModalsContainer);
|
|
|
161
161
|
exports.Modal = Modal;
|
|
162
162
|
exports.ModalPortal = ModalPortal;
|
|
163
163
|
exports.Modals = Modals;
|
|
164
|
-
exports
|
|
164
|
+
exports["default"] = ModalsProvider;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/modals",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3-alpha.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -44,25 +44,25 @@
|
|
|
44
44
|
"prepare": "../../scripts/prepare-package.sh --scss"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"react": "^16.8.0",
|
|
48
|
-
"react-dom": "^16.8.0"
|
|
47
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
48
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"react": "^16.8.0",
|
|
52
|
-
"react-dom": "^16.8.0"
|
|
51
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
52
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@babel/runtime": "^7.12.5",
|
|
56
|
-
"@panneau/core": "^1.0.
|
|
57
|
-
"@panneau/element-portal": "^1.0.0-alpha.
|
|
58
|
-
"@panneau/modal-dialog": "^1.0.
|
|
59
|
-
"@panneau/modal-upload": "^1.0.
|
|
60
|
-
"@panneau/themes": "^1.0.
|
|
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",
|
|
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": "
|
|
67
|
+
"gitHead": "7f9c472b97c79a5c81da30730549acdde2de5c9f"
|
|
68
68
|
}
|