@semcore/fullscreen-modal 2.2.16 → 2.2.18
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
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [2.2.18] - 2023-02-24
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [3.12.0 ~> 3.13.0]).
|
|
10
|
+
|
|
11
|
+
## [2.2.17] - 2023-02-22
|
|
12
|
+
|
|
5
13
|
## [2.2.16] - 2023-02-21
|
|
6
14
|
|
|
7
15
|
### Changed
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports["default"] = void 0;
|
|
11
11
|
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
12
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
15
|
|
|
14
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
@@ -17,9 +19,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
17
19
|
|
|
18
20
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
21
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
22
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
23
|
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
@@ -39,45 +39,33 @@ var _typography = require("@semcore/typography");
|
|
|
39
39
|
|
|
40
40
|
var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
|
|
41
41
|
|
|
42
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
-
|
|
44
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
45
|
-
|
|
46
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
|
-
|
|
48
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
49
|
-
|
|
50
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
51
|
-
|
|
52
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
53
|
-
|
|
54
42
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
55
43
|
var style = (
|
|
56
44
|
/*__reshadow_css_start__*/
|
|
57
45
|
_core.sstyled.insert(
|
|
58
46
|
/*__inner_css_start__*/
|
|
59
|
-
".
|
|
47
|
+
".___SFullscreenOverlay_1oojj_gg_{padding:0}.___SFullscreenModal_1oojj_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1oojj_gg_,.___SClose_1oojj_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1oojj_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1oojj_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SBack_1oojj_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%)}@media (hover:hover){.___SBack_1oojj_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #484a54)}}.___SBackText_1oojj_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1oojj_gg_,.___SDescription_1oojj_gg_,.___STitle_1oojj_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1oojj_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_1oojj_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_1oojj_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_1oojj_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_1oojj_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1oojj_gg_{display:flex;height:100%;overflow:auto}.___SSection_1oojj_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_1oojj_gg_{transition:none}}"
|
|
60
48
|
/*__inner_css_end__*/
|
|
61
|
-
, "
|
|
49
|
+
, "1oojj_gg_")
|
|
62
50
|
/*__reshadow_css_end__*/
|
|
63
51
|
, {
|
|
64
|
-
"__SFullscreenOverlay": "
|
|
65
|
-
"__SFullscreenModal": "
|
|
66
|
-
"__SClose": "
|
|
67
|
-
"__SBack": "
|
|
68
|
-
"__SBackText": "
|
|
69
|
-
"__STitle": "
|
|
70
|
-
"__SDescription": "
|
|
71
|
-
"__SHeader": "
|
|
72
|
-
"__SFooter": "
|
|
73
|
-
"__SBody": "
|
|
74
|
-
"__SSection": "
|
|
52
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1oojj_gg_",
|
|
53
|
+
"__SFullscreenModal": "___SFullscreenModal_1oojj_gg_",
|
|
54
|
+
"__SClose": "___SClose_1oojj_gg_",
|
|
55
|
+
"__SBack": "___SBack_1oojj_gg_",
|
|
56
|
+
"__SBackText": "___SBackText_1oojj_gg_",
|
|
57
|
+
"__STitle": "___STitle_1oojj_gg_",
|
|
58
|
+
"__SDescription": "___SDescription_1oojj_gg_",
|
|
59
|
+
"__SHeader": "___SHeader_1oojj_gg_",
|
|
60
|
+
"__SFooter": "___SFooter_1oojj_gg_",
|
|
61
|
+
"__SBody": "___SBody_1oojj_gg_",
|
|
62
|
+
"__SSection": "___SSection_1oojj_gg_"
|
|
75
63
|
});
|
|
76
64
|
|
|
77
65
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
78
66
|
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
|
79
67
|
|
|
80
|
-
var _super =
|
|
68
|
+
var _super = (0, _createSuper2["default"])(FullscreenModalRoot);
|
|
81
69
|
|
|
82
70
|
function FullscreenModalRoot() {
|
|
83
71
|
var _this;
|
|
@@ -133,7 +121,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
133
121
|
"onClose": onClose,
|
|
134
122
|
"duration": duration,
|
|
135
123
|
"disablePortal": disablePortal
|
|
136
|
-
}), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref10.cn("SFullscreenModal",
|
|
124
|
+
}), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})))));
|
|
137
125
|
}
|
|
138
126
|
}]);
|
|
139
127
|
return FullscreenModalRoot;
|
|
@@ -151,7 +139,7 @@ function Header(props) {
|
|
|
151
139
|
styles = props.styles,
|
|
152
140
|
title = props.title,
|
|
153
141
|
description = props.description;
|
|
154
|
-
return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref11.cn("SHeader",
|
|
142
|
+
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, {
|
|
155
143
|
children: title
|
|
156
144
|
}), description && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Description, {
|
|
157
145
|
children: description
|
|
@@ -163,7 +151,7 @@ function Body(props) {
|
|
|
163
151
|
_ref12;
|
|
164
152
|
|
|
165
153
|
var SBody = _flexBox.Box;
|
|
166
|
-
return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref12.cn("SBody",
|
|
154
|
+
return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref12.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
167
155
|
}
|
|
168
156
|
|
|
169
157
|
function Section(props) {
|
|
@@ -171,7 +159,7 @@ function Section(props) {
|
|
|
171
159
|
_ref13;
|
|
172
160
|
|
|
173
161
|
var SSection = _flexBox.Box;
|
|
174
|
-
return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref13.cn("SSection",
|
|
162
|
+
return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref13.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))));
|
|
175
163
|
}
|
|
176
164
|
|
|
177
165
|
function Footer(props) {
|
|
@@ -179,7 +167,7 @@ function Footer(props) {
|
|
|
179
167
|
_ref14;
|
|
180
168
|
|
|
181
169
|
var SFooter = _flexBox.Flex;
|
|
182
|
-
return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref14.cn("SFooter",
|
|
170
|
+
return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref14.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
|
|
183
171
|
}
|
|
184
172
|
|
|
185
173
|
function Close(props) {
|
|
@@ -187,7 +175,7 @@ function Close(props) {
|
|
|
187
175
|
_ref15;
|
|
188
176
|
|
|
189
177
|
var SClose = _l["default"];
|
|
190
|
-
return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref15.cn("SClose",
|
|
178
|
+
return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref15.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref6))));
|
|
191
179
|
}
|
|
192
180
|
|
|
193
181
|
function Title(props) {
|
|
@@ -195,7 +183,7 @@ function Title(props) {
|
|
|
195
183
|
_ref16;
|
|
196
184
|
|
|
197
185
|
var STitle = _typography.Text;
|
|
198
|
-
return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref16.cn("STitle",
|
|
186
|
+
return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref16.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
199
187
|
"tag": "h4"
|
|
200
188
|
}, _ref7))));
|
|
201
189
|
}
|
|
@@ -205,7 +193,7 @@ function Description(props) {
|
|
|
205
193
|
_ref17;
|
|
206
194
|
|
|
207
195
|
var SDescription = _typography.Text;
|
|
208
|
-
return _ref17 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref17.cn("SDescription",
|
|
196
|
+
return _ref17 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref17.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
|
|
209
197
|
}
|
|
210
198
|
|
|
211
199
|
function Back(props) {
|
|
@@ -216,7 +204,7 @@ function Back(props) {
|
|
|
216
204
|
var SBackText = _typography.Text;
|
|
217
205
|
var Children = props.Children,
|
|
218
206
|
styles = props.styles;
|
|
219
|
-
return _ref18 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref18.cn("SBack",
|
|
207
|
+
return _ref18 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref18.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _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", {}))));
|
|
220
208
|
}
|
|
221
209
|
|
|
222
210
|
var FullscreenModal = (0, _core["default"])(FullscreenModalRoot, {
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
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,9 +1,9 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
4
|
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
8
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps9 } from "@semcore/core";
|
|
@@ -15,15 +15,6 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
15
15
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
16
16
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
17
17
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
18
|
-
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
|
-
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
|
-
|
|
23
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
24
|
-
|
|
25
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
26
|
-
|
|
27
18
|
import React from 'react';
|
|
28
19
|
import createComponent, { Component, sstyled, Root } from '@semcore/core';
|
|
29
20
|
import Modal from '@semcore/modal';
|
|
@@ -38,22 +29,22 @@ var style = (
|
|
|
38
29
|
/*__reshadow_css_start__*/
|
|
39
30
|
_sstyled.insert(
|
|
40
31
|
/*__inner_css_start__*/
|
|
41
|
-
".
|
|
32
|
+
".___SFullscreenOverlay_1oojj_gg_{padding:0}.___SFullscreenModal_1oojj_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SBack_1oojj_gg_,.___SClose_1oojj_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1oojj_gg_{top:17px;right:23px;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}@media (hover:hover){.___SClose_1oojj_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SBack_1oojj_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%)}@media (hover:hover){.___SBack_1oojj_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #484a54)}}.___SBackText_1oojj_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1oojj_gg_,.___SDescription_1oojj_gg_,.___STitle_1oojj_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1oojj_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_1oojj_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_1oojj_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_1oojj_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_1oojj_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1oojj_gg_{display:flex;height:100%;overflow:auto}.___SSection_1oojj_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_1oojj_gg_{transition:none}}"
|
|
42
33
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
34
|
+
, "1oojj_gg_")
|
|
44
35
|
/*__reshadow_css_end__*/
|
|
45
36
|
, {
|
|
46
|
-
"__SFullscreenOverlay": "
|
|
47
|
-
"__SFullscreenModal": "
|
|
48
|
-
"__SClose": "
|
|
49
|
-
"__SBack": "
|
|
50
|
-
"__SBackText": "
|
|
51
|
-
"__STitle": "
|
|
52
|
-
"__SDescription": "
|
|
53
|
-
"__SHeader": "
|
|
54
|
-
"__SFooter": "
|
|
55
|
-
"__SBody": "
|
|
56
|
-
"__SSection": "
|
|
37
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1oojj_gg_",
|
|
38
|
+
"__SFullscreenModal": "___SFullscreenModal_1oojj_gg_",
|
|
39
|
+
"__SClose": "___SClose_1oojj_gg_",
|
|
40
|
+
"__SBack": "___SBack_1oojj_gg_",
|
|
41
|
+
"__SBackText": "___SBackText_1oojj_gg_",
|
|
42
|
+
"__STitle": "___STitle_1oojj_gg_",
|
|
43
|
+
"__SDescription": "___SDescription_1oojj_gg_",
|
|
44
|
+
"__SHeader": "___SHeader_1oojj_gg_",
|
|
45
|
+
"__SFooter": "___SFooter_1oojj_gg_",
|
|
46
|
+
"__SBody": "___SBody_1oojj_gg_",
|
|
47
|
+
"__SSection": "___SSection_1oojj_gg_"
|
|
57
48
|
});
|
|
58
49
|
|
|
59
50
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -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":"
|
|
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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"}
|
package/package.json
CHANGED