@semcore/fullscreen-modal 2.2.29 → 2.2.32
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/CHANGELOG.md +14 -2
- package/lib/cjs/FullscreenModal.js +42 -87
- package/lib/cjs/FullscreenModal.js.map +1 -1
- package/lib/cjs/index.js +0 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/fullscreen-modal.shadow.css +10 -1
- package/lib/es6/FullscreenModal.js +42 -74
- package/lib/es6/FullscreenModal.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/fullscreen-modal.shadow.css +10 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [2.2.
|
|
5
|
+
## [2.2.32] - 2023-04-13
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- Default title tag switched from `h4` to `h2` without changing visual representation.
|
|
10
|
+
|
|
11
|
+
## [2.2.31] - 2023-04-12
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Fixed ability to control from keyboard for `Close` and `Back`.
|
|
16
|
+
|
|
17
|
+
## [2.2.30] - 2023-03-28
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.49.1 ~> 3.50.0], `@semcore/flex-box` [4.7.17 ~> 4.7.18]).
|
|
10
22
|
|
|
11
23
|
## [2.2.19] - 2023-03-01
|
|
12
24
|
|
|
@@ -1,81 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _modal = _interopRequireDefault(require("@semcore/modal"));
|
|
31
|
-
|
|
32
19
|
var _flexBox = require("@semcore/flex-box");
|
|
33
|
-
|
|
34
20
|
var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
|
|
35
|
-
|
|
36
21
|
var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
|
|
37
|
-
|
|
38
22
|
var _typography = require("@semcore/typography");
|
|
39
|
-
|
|
40
23
|
var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
|
|
41
|
-
|
|
24
|
+
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
42
25
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
43
|
-
var style = (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
,
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"__SBackText": "___SBackText_4syx4_gg_",
|
|
57
|
-
"__STitle": "___STitle_4syx4_gg_",
|
|
58
|
-
"__SDescription": "___SDescription_4syx4_gg_",
|
|
59
|
-
"__SHeader": "___SHeader_4syx4_gg_",
|
|
60
|
-
"__SFooter": "___SFooter_4syx4_gg_",
|
|
61
|
-
"__SBody": "___SBody_4syx4_gg_",
|
|
62
|
-
"__SSection": "___SSection_4syx4_gg_"
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1wtg9_gg_{padding:0}.___SFullscreenModal_1wtg9_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1wtg9_gg_,.___SClose_1wtg9_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1wtg9_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1wtg9_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SBack_1wtg9_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1wtg9_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #484a54)}}.___SBack_1wtg9_gg_.__keyboardFocused_1wtg9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SBackText_1wtg9_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1wtg9_gg_,.___SDescription_1wtg9_gg_,.___STitle_1wtg9_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1wtg9_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1wtg9_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1wtg9_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1wtg9_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1wtg9_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1wtg9_gg_{display:flex;height:100%;overflow:auto}.___SSection_1wtg9_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1wtg9_gg_{transition:none}}" /*__inner_css_end__*/, "1wtg9_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1wtg9_gg_",
|
|
28
|
+
"__SFullscreenModal": "___SFullscreenModal_1wtg9_gg_",
|
|
29
|
+
"__SClose": "___SClose_1wtg9_gg_",
|
|
30
|
+
"__SBack": "___SBack_1wtg9_gg_",
|
|
31
|
+
"_keyboardFocused": "__keyboardFocused_1wtg9_gg_",
|
|
32
|
+
"__SBackText": "___SBackText_1wtg9_gg_",
|
|
33
|
+
"__STitle": "___STitle_1wtg9_gg_",
|
|
34
|
+
"__SDescription": "___SDescription_1wtg9_gg_",
|
|
35
|
+
"__SHeader": "___SHeader_1wtg9_gg_",
|
|
36
|
+
"__SFooter": "___SFooter_1wtg9_gg_",
|
|
37
|
+
"__SBody": "___SBody_1wtg9_gg_",
|
|
38
|
+
"__SSection": "___SSection_1wtg9_gg_"
|
|
63
39
|
});
|
|
64
|
-
|
|
65
40
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
66
41
|
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
|
67
|
-
|
|
68
42
|
var _super = (0, _createSuper2["default"])(FullscreenModalRoot);
|
|
69
|
-
|
|
70
43
|
function FullscreenModalRoot() {
|
|
71
44
|
var _this;
|
|
72
|
-
|
|
73
45
|
(0, _classCallCheck2["default"])(this, FullscreenModalRoot);
|
|
74
|
-
|
|
75
46
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
76
47
|
args[_key] = arguments[_key];
|
|
77
48
|
}
|
|
78
|
-
|
|
79
49
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
80
50
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClose", function (trigger) {
|
|
81
51
|
return function (e) {
|
|
@@ -84,7 +54,6 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
84
54
|
});
|
|
85
55
|
return _this;
|
|
86
56
|
}
|
|
87
|
-
|
|
88
57
|
(0, _createClass2["default"])(FullscreenModalRoot, [{
|
|
89
58
|
key: "getCloseProps",
|
|
90
59
|
value: function getCloseProps() {
|
|
@@ -103,17 +72,16 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
103
72
|
key: "render",
|
|
104
73
|
value: function render() {
|
|
105
74
|
var _ref = this.asProps,
|
|
106
|
-
|
|
107
|
-
|
|
75
|
+
_ref10;
|
|
108
76
|
var SFullscreenModal = _modal["default"].Window;
|
|
109
77
|
var _this$asProps = this.asProps,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
78
|
+
styles = _this$asProps.styles,
|
|
79
|
+
Children = _this$asProps.Children,
|
|
80
|
+
onClose = _this$asProps.onClose,
|
|
81
|
+
visible = _this$asProps.visible,
|
|
82
|
+
closable = _this$asProps.closable,
|
|
83
|
+
duration = _this$asProps.duration,
|
|
84
|
+
disablePortal = _this$asProps.disablePortal;
|
|
117
85
|
var SFullscreenOverlay = _modal["default"].Overlay;
|
|
118
86
|
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref10.cn("Modal", {
|
|
119
87
|
"closable": false,
|
|
@@ -126,87 +94,74 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
126
94
|
}]);
|
|
127
95
|
return FullscreenModalRoot;
|
|
128
96
|
}(_core.Component);
|
|
129
|
-
|
|
130
97
|
(0, _defineProperty2["default"])(FullscreenModalRoot, "displayName", 'FullscreenModal');
|
|
131
98
|
(0, _defineProperty2["default"])(FullscreenModalRoot, "style", style);
|
|
132
|
-
|
|
133
99
|
function Header(props) {
|
|
134
100
|
var _ref2 = arguments[0],
|
|
135
|
-
|
|
136
|
-
|
|
101
|
+
_ref11;
|
|
137
102
|
var SHeader = _flexBox.Box;
|
|
138
103
|
var Children = props.Children,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
104
|
+
styles = props.styles,
|
|
105
|
+
title = props.title,
|
|
106
|
+
description = props.description;
|
|
142
107
|
return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref11.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), title && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Title, {
|
|
143
108
|
children: title
|
|
144
109
|
}), description && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Description, {
|
|
145
110
|
children: description
|
|
146
111
|
}), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
|
|
147
112
|
}
|
|
148
|
-
|
|
149
113
|
function Body(props) {
|
|
150
114
|
var _ref3 = arguments[0],
|
|
151
|
-
|
|
152
|
-
|
|
115
|
+
_ref12;
|
|
153
116
|
var SBody = _flexBox.Box;
|
|
154
117
|
return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref12.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
155
118
|
}
|
|
156
|
-
|
|
157
119
|
function Section(props) {
|
|
158
120
|
var _ref4 = arguments[0],
|
|
159
|
-
|
|
160
|
-
|
|
121
|
+
_ref13;
|
|
161
122
|
var SSection = _flexBox.Box;
|
|
162
123
|
return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref13.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))));
|
|
163
124
|
}
|
|
164
|
-
|
|
165
125
|
function Footer(props) {
|
|
166
126
|
var _ref5 = arguments[0],
|
|
167
|
-
|
|
168
|
-
|
|
127
|
+
_ref14;
|
|
169
128
|
var SFooter = _flexBox.Flex;
|
|
170
129
|
return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref14.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
|
|
171
130
|
}
|
|
172
|
-
|
|
173
131
|
function Close(props) {
|
|
174
132
|
var _ref6 = arguments[0],
|
|
175
|
-
|
|
176
|
-
|
|
133
|
+
_ref15;
|
|
177
134
|
var SClose = _l["default"];
|
|
178
|
-
return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref15.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
135
|
+
return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref15.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
136
|
+
"interactive": true
|
|
137
|
+
}, _ref6))));
|
|
179
138
|
}
|
|
180
|
-
|
|
181
139
|
function Title(props) {
|
|
182
140
|
var _ref7 = arguments[0],
|
|
183
|
-
|
|
184
|
-
|
|
141
|
+
_ref16;
|
|
185
142
|
var STitle = _typography.Text;
|
|
186
143
|
return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref16.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
187
|
-
"tag": "
|
|
144
|
+
"tag": "h2"
|
|
188
145
|
}, _ref7))));
|
|
189
146
|
}
|
|
190
|
-
|
|
191
147
|
function Description(props) {
|
|
192
148
|
var _ref8 = arguments[0],
|
|
193
|
-
|
|
194
|
-
|
|
149
|
+
_ref17;
|
|
195
150
|
var SDescription = _typography.Text;
|
|
196
151
|
return _ref17 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref17.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
|
|
197
152
|
}
|
|
198
|
-
|
|
199
153
|
function Back(props) {
|
|
200
154
|
var _ref9 = arguments[0],
|
|
201
|
-
|
|
202
|
-
|
|
155
|
+
_ref18;
|
|
203
156
|
var SBack = _flexBox.Box;
|
|
204
157
|
var SBackText = _typography.Text;
|
|
205
158
|
var Children = props.Children,
|
|
206
|
-
|
|
207
|
-
return _ref18 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref18.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
159
|
+
styles = props.styles;
|
|
160
|
+
return _ref18 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref18.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
161
|
+
"tag": "button"
|
|
162
|
+
}, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref18.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref18.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref18.cn("Children", {}))));
|
|
208
163
|
}
|
|
209
|
-
|
|
164
|
+
Back.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
|
210
165
|
var FullscreenModal = (0, _core["default"])(FullscreenModalRoot, {
|
|
211
166
|
Header: Header,
|
|
212
167
|
Footer: Footer,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["FullscreenModalRoot","trigger","e","fire","onClick","bindHandlerClose","SFullscreenModal","Modal","Window","asProps","styles","Children","onClose","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","sstyled","Component","style","Header","props","SHeader","Box","title","description","Body","SBody","Section","SSection","Footer","SFooter","Flex","Close","SClose","CloseIcon","Title","STitle","Text","Description","SDescription","Back","SBack","SBackText","FullscreenModal","createComponent","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/fullscreen-modal.shadow.css';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const { styles, Children, onClose, visible, closable, duration, disablePortal } = this.asProps;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal render={Modal.Window}>\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n return sstyled(props.styles)(<SClose render={CloseIcon} />);\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag=\"h4\" />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_fire","_keyboardFocusEnhance","style","sstyled","insert","FullscreenModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","trigger","e","fire","_createClass2","key","value","getCloseProps","onClick","bindHandlerClose","getBackProps","render","_ref","asProps","_ref10","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","FullscreenModal","Close","Component","Header","props","_ref2","arguments[0]","_ref11","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref12","SBody","Section","_ref4","_ref13","SSection","Footer","_ref5","_ref14","SFooter","Flex","_ref6","_ref15","SClose","CloseIcon","_ref7","_ref16","STitle","Text","_ref8","_ref17","SDescription","Back","_ref9","_ref18","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const { styles, Children, onClose, visible, closable, duration, disablePortal } = this.asProps;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal render={Modal.Window}>\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n return sstyled(props.styles)(<SClose render={CloseIcon} interactive />);\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag=\"h2\" />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag=\"button\">\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _FullscreenModal["default"];
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _FullscreenModal = _interopRequireDefault(require("./FullscreenModal"));
|
|
16
14
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_FullscreenModal","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
|
@@ -39,12 +39,20 @@ SBack {
|
|
|
39
39
|
color: var(--intergalactic-icon-primary-neutral, #6c6e79);
|
|
40
40
|
font-size: var(--intergalactic-fs-100, 12px);
|
|
41
41
|
line-height: var(--intergalactic-lh-100, 133%);
|
|
42
|
+
background: none;
|
|
43
|
+
padding: 0;
|
|
44
|
+
border: none;
|
|
45
|
+
outline: none;
|
|
42
46
|
|
|
43
47
|
&:hover {
|
|
44
48
|
color: var(--intergalactic-icon-primary-neutral-hover-active, #484a54);
|
|
45
49
|
}
|
|
46
50
|
}
|
|
47
51
|
|
|
52
|
+
SBack[keyboardFocused] {
|
|
53
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
|
|
54
|
+
}
|
|
55
|
+
|
|
48
56
|
SBackText {
|
|
49
57
|
margin-left: var(--intergalactic-spacing-1x, 4px);
|
|
50
58
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
@@ -53,6 +61,7 @@ SBackText {
|
|
|
53
61
|
overflow: hidden;
|
|
54
62
|
text-overflow: ellipsis;
|
|
55
63
|
}
|
|
64
|
+
|
|
56
65
|
STitle,
|
|
57
66
|
SDescription {
|
|
58
67
|
white-space: nowrap;
|
|
@@ -93,7 +102,7 @@ SHeader {
|
|
|
93
102
|
padding-left: var(--intergalactic-spacing-8x, 32px);
|
|
94
103
|
padding-bottom: var(--intergalactic-spacing-2x, 8px);
|
|
95
104
|
padding-right: calc(
|
|
96
|
-
|
|
105
|
+
var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)
|
|
97
106
|
);
|
|
98
107
|
padding-top: var(--intergalactic-spacing-10x, 40px);
|
|
99
108
|
min-height: 76px;
|
|
@@ -23,55 +23,39 @@ import CloseIcon from '@semcore/icon/Close/l';
|
|
|
23
23
|
import ArrowLeft from '@semcore/icon/ArrowLeft/m';
|
|
24
24
|
import { Text } from '@semcore/typography';
|
|
25
25
|
import fire from '@semcore/utils/lib/fire';
|
|
26
|
-
|
|
27
26
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
28
|
-
var style = (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
,
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"__SBackText": "___SBackText_4syx4_gg_",
|
|
42
|
-
"__STitle": "___STitle_4syx4_gg_",
|
|
43
|
-
"__SDescription": "___SDescription_4syx4_gg_",
|
|
44
|
-
"__SHeader": "___SHeader_4syx4_gg_",
|
|
45
|
-
"__SFooter": "___SFooter_4syx4_gg_",
|
|
46
|
-
"__SBody": "___SBody_4syx4_gg_",
|
|
47
|
-
"__SSection": "___SSection_4syx4_gg_"
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1wtg9_gg_{padding:0}.___SFullscreenModal_1wtg9_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1wtg9_gg_,.___SClose_1wtg9_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1wtg9_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1wtg9_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SBack_1wtg9_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1wtg9_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #484a54)}}.___SBack_1wtg9_gg_.__keyboardFocused_1wtg9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SBackText_1wtg9_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1wtg9_gg_,.___SDescription_1wtg9_gg_,.___STitle_1wtg9_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1wtg9_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1wtg9_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1wtg9_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1wtg9_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1wtg9_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1wtg9_gg_{display:flex;height:100%;overflow:auto}.___SSection_1wtg9_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1wtg9_gg_{transition:none}}" /*__inner_css_end__*/, "1wtg9_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1wtg9_gg_",
|
|
29
|
+
"__SFullscreenModal": "___SFullscreenModal_1wtg9_gg_",
|
|
30
|
+
"__SClose": "___SClose_1wtg9_gg_",
|
|
31
|
+
"__SBack": "___SBack_1wtg9_gg_",
|
|
32
|
+
"_keyboardFocused": "__keyboardFocused_1wtg9_gg_",
|
|
33
|
+
"__SBackText": "___SBackText_1wtg9_gg_",
|
|
34
|
+
"__STitle": "___STitle_1wtg9_gg_",
|
|
35
|
+
"__SDescription": "___SDescription_1wtg9_gg_",
|
|
36
|
+
"__SHeader": "___SHeader_1wtg9_gg_",
|
|
37
|
+
"__SFooter": "___SFooter_1wtg9_gg_",
|
|
38
|
+
"__SBody": "___SBody_1wtg9_gg_",
|
|
39
|
+
"__SSection": "___SSection_1wtg9_gg_"
|
|
48
40
|
});
|
|
49
|
-
|
|
41
|
+
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
50
42
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
51
43
|
_inherits(FullscreenModalRoot, _Component);
|
|
52
|
-
|
|
53
44
|
var _super = _createSuper(FullscreenModalRoot);
|
|
54
|
-
|
|
55
45
|
function FullscreenModalRoot() {
|
|
56
46
|
var _this;
|
|
57
|
-
|
|
58
47
|
_classCallCheck(this, FullscreenModalRoot);
|
|
59
|
-
|
|
60
48
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
61
49
|
args[_key] = arguments[_key];
|
|
62
50
|
}
|
|
63
|
-
|
|
64
51
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
65
|
-
|
|
66
52
|
_defineProperty(_assertThisInitialized(_this), "bindHandlerClose", function (trigger) {
|
|
67
53
|
return function (e) {
|
|
68
54
|
fire(_assertThisInitialized(_this), 'onClose', trigger, e);
|
|
69
55
|
};
|
|
70
56
|
});
|
|
71
|
-
|
|
72
57
|
return _this;
|
|
73
58
|
}
|
|
74
|
-
|
|
75
59
|
_createClass(FullscreenModalRoot, [{
|
|
76
60
|
key: "getCloseProps",
|
|
77
61
|
value: function getCloseProps() {
|
|
@@ -90,17 +74,16 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
90
74
|
key: "render",
|
|
91
75
|
value: function render() {
|
|
92
76
|
var _ref = this.asProps,
|
|
93
|
-
|
|
94
|
-
|
|
77
|
+
_ref10;
|
|
95
78
|
var SFullscreenModal = Modal.Window;
|
|
96
79
|
var _this$asProps = this.asProps,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
80
|
+
styles = _this$asProps.styles,
|
|
81
|
+
Children = _this$asProps.Children,
|
|
82
|
+
onClose = _this$asProps.onClose,
|
|
83
|
+
visible = _this$asProps.visible,
|
|
84
|
+
closable = _this$asProps.closable,
|
|
85
|
+
duration = _this$asProps.duration,
|
|
86
|
+
disablePortal = _this$asProps.disablePortal;
|
|
104
87
|
var SFullscreenOverlay = Modal.Overlay;
|
|
105
88
|
return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(Modal, _ref10.cn("Modal", {
|
|
106
89
|
"closable": false,
|
|
@@ -111,91 +94,76 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
111
94
|
}), /*#__PURE__*/React.createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /*#__PURE__*/React.createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", _objectSpread({}, _assignProps({}, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})))));
|
|
112
95
|
}
|
|
113
96
|
}]);
|
|
114
|
-
|
|
115
97
|
return FullscreenModalRoot;
|
|
116
98
|
}(Component);
|
|
117
|
-
|
|
118
99
|
_defineProperty(FullscreenModalRoot, "displayName", 'FullscreenModal');
|
|
119
|
-
|
|
120
100
|
_defineProperty(FullscreenModalRoot, "style", style);
|
|
121
|
-
|
|
122
101
|
function Header(props) {
|
|
123
102
|
var _ref2 = arguments[0],
|
|
124
|
-
|
|
125
|
-
|
|
103
|
+
_ref11;
|
|
126
104
|
var SHeader = Box;
|
|
127
105
|
var Children = props.Children,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
106
|
+
styles = props.styles,
|
|
107
|
+
title = props.title,
|
|
108
|
+
description = props.description;
|
|
131
109
|
return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref11.cn("SHeader", _objectSpread({}, _assignProps2({}, _ref2))), title && /*#__PURE__*/React.createElement(FullscreenModal.Title, {
|
|
132
110
|
children: title
|
|
133
111
|
}), description && /*#__PURE__*/React.createElement(FullscreenModal.Description, {
|
|
134
112
|
children: description
|
|
135
113
|
}), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
|
|
136
114
|
}
|
|
137
|
-
|
|
138
115
|
function Body(props) {
|
|
139
116
|
var _ref3 = arguments[0],
|
|
140
|
-
|
|
141
|
-
|
|
117
|
+
_ref12;
|
|
142
118
|
var SBody = Box;
|
|
143
119
|
return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref12.cn("SBody", _objectSpread({}, _assignProps3({}, _ref3))));
|
|
144
120
|
}
|
|
145
|
-
|
|
146
121
|
function Section(props) {
|
|
147
122
|
var _ref4 = arguments[0],
|
|
148
|
-
|
|
149
|
-
|
|
123
|
+
_ref13;
|
|
150
124
|
var SSection = Box;
|
|
151
125
|
return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, _assignProps4({}, _ref4))));
|
|
152
126
|
}
|
|
153
|
-
|
|
154
127
|
function Footer(props) {
|
|
155
128
|
var _ref5 = arguments[0],
|
|
156
|
-
|
|
157
|
-
|
|
129
|
+
_ref14;
|
|
158
130
|
var SFooter = Flex;
|
|
159
131
|
return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref14.cn("SFooter", _objectSpread({}, _assignProps5({}, _ref5))));
|
|
160
132
|
}
|
|
161
|
-
|
|
162
133
|
function Close(props) {
|
|
163
134
|
var _ref6 = arguments[0],
|
|
164
|
-
|
|
165
|
-
|
|
135
|
+
_ref15;
|
|
166
136
|
var SClose = CloseIcon;
|
|
167
|
-
return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref15.cn("SClose", _objectSpread({}, _assignProps6({
|
|
137
|
+
return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref15.cn("SClose", _objectSpread({}, _assignProps6({
|
|
138
|
+
"interactive": true
|
|
139
|
+
}, _ref6))));
|
|
168
140
|
}
|
|
169
|
-
|
|
170
141
|
function Title(props) {
|
|
171
142
|
var _ref7 = arguments[0],
|
|
172
|
-
|
|
173
|
-
|
|
143
|
+
_ref16;
|
|
174
144
|
var STitle = Text;
|
|
175
145
|
return _ref16 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref16.cn("STitle", _objectSpread({}, _assignProps7({
|
|
176
|
-
"tag": "
|
|
146
|
+
"tag": "h2"
|
|
177
147
|
}, _ref7))));
|
|
178
148
|
}
|
|
179
|
-
|
|
180
149
|
function Description(props) {
|
|
181
150
|
var _ref8 = arguments[0],
|
|
182
|
-
|
|
183
|
-
|
|
151
|
+
_ref17;
|
|
184
152
|
var SDescription = Text;
|
|
185
153
|
return _ref17 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref17.cn("SDescription", _objectSpread({}, _assignProps8({}, _ref8))));
|
|
186
154
|
}
|
|
187
|
-
|
|
188
155
|
function Back(props) {
|
|
189
156
|
var _ref9 = arguments[0],
|
|
190
|
-
|
|
191
|
-
|
|
157
|
+
_ref18;
|
|
192
158
|
var SBack = Box;
|
|
193
159
|
var SBackText = Text;
|
|
194
160
|
var Children = props.Children,
|
|
195
|
-
|
|
196
|
-
return _ref18 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref18.cn("SBack", _objectSpread({}, _assignProps9({
|
|
161
|
+
styles = props.styles;
|
|
162
|
+
return _ref18 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref18.cn("SBack", _objectSpread({}, _assignProps9({
|
|
163
|
+
"tag": "button"
|
|
164
|
+
}, _ref9))), /*#__PURE__*/React.createElement(ArrowLeft, _ref18.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref18.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref18.cn("Children", {}))));
|
|
197
165
|
}
|
|
198
|
-
|
|
166
|
+
Back.enhance = [keyboardFocusEnhance()];
|
|
199
167
|
var FullscreenModal = createComponent(FullscreenModalRoot, {
|
|
200
168
|
Header: Header,
|
|
201
169
|
Footer: Footer,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["React","createComponent","Component","sstyled","Root","Modal","Flex","Box","CloseIcon","ArrowLeft","Text","fire","FullscreenModalRoot","trigger","e","onClick","bindHandlerClose","SFullscreenModal","Window","asProps","styles","Children","onClose","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","style","Header","props","SHeader","title","description","Body","SBody","Section","SSection","Footer","SFooter","Close","SClose","Title","STitle","Description","SDescription","Back","SBack","SBackText","FullscreenModal","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/fullscreen-modal.shadow.css';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const { styles, Children, onClose, visible, closable, duration, disablePortal } = this.asProps;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal render={Modal.Window}>\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n return sstyled(props.styles)(<SClose render={CloseIcon} />);\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag=\"h4\" />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["React","createComponent","Component","sstyled","Root","Modal","Flex","Box","CloseIcon","ArrowLeft","Text","fire","style","_sstyled","insert","keyboardFocusEnhance","FullscreenModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","trigger","e","_createClass","key","value","getCloseProps","onClick","bindHandlerClose","getBackProps","render","_ref","asProps","_ref10","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","FullscreenModal","Close","Header","props","_ref2","arguments[0]","_ref11","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref12","SBody","_assignProps3","Section","_ref4","_ref13","SSection","_assignProps4","Footer","_ref5","_ref14","SFooter","_assignProps5","_ref6","_ref15","SClose","_assignProps6","_ref7","_ref16","STitle","_assignProps7","_ref8","_ref17","SDescription","_assignProps8","Back","_ref9","_ref18","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const { styles, Children, onClose, visible, closable, duration, disablePortal } = this.asProps;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal render={Modal.Window}>\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n return sstyled(props.styles)(<SClose render={CloseIcon} interactive />);\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag=\"h2\" />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag=\"button\">\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}
|
|
@@ -39,12 +39,20 @@ SBack {
|
|
|
39
39
|
color: var(--intergalactic-icon-primary-neutral, #6c6e79);
|
|
40
40
|
font-size: var(--intergalactic-fs-100, 12px);
|
|
41
41
|
line-height: var(--intergalactic-lh-100, 133%);
|
|
42
|
+
background: none;
|
|
43
|
+
padding: 0;
|
|
44
|
+
border: none;
|
|
45
|
+
outline: none;
|
|
42
46
|
|
|
43
47
|
&:hover {
|
|
44
48
|
color: var(--intergalactic-icon-primary-neutral-hover-active, #484a54);
|
|
45
49
|
}
|
|
46
50
|
}
|
|
47
51
|
|
|
52
|
+
SBack[keyboardFocused] {
|
|
53
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
|
|
54
|
+
}
|
|
55
|
+
|
|
48
56
|
SBackText {
|
|
49
57
|
margin-left: var(--intergalactic-spacing-1x, 4px);
|
|
50
58
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
@@ -53,6 +61,7 @@ SBackText {
|
|
|
53
61
|
overflow: hidden;
|
|
54
62
|
text-overflow: ellipsis;
|
|
55
63
|
}
|
|
64
|
+
|
|
56
65
|
STitle,
|
|
57
66
|
SDescription {
|
|
58
67
|
white-space: nowrap;
|
|
@@ -93,7 +102,7 @@ SHeader {
|
|
|
93
102
|
padding-left: var(--intergalactic-spacing-8x, 32px);
|
|
94
103
|
padding-bottom: var(--intergalactic-spacing-2x, 8px);
|
|
95
104
|
padding-right: calc(
|
|
96
|
-
|
|
105
|
+
var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)
|
|
97
106
|
);
|
|
98
107
|
padding-top: var(--intergalactic-spacing-10x, 40px);
|
|
99
108
|
min-height: 76px;
|
package/package.json
CHANGED