@semcore/fullscreen-modal 1.5.0 → 1.6.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/CHANGELOG.md +12 -0
- package/lib/cjs/FullscreenModal.js +24 -20
- package/lib/cjs/FullscreenModal.js.map +1 -1
- package/lib/cjs/index.js +5 -1
- package/lib/cjs/style/fullscreen-modal.shadow.css +6 -0
- package/lib/es6/FullscreenModal.js +18 -18
- package/lib/es6/FullscreenModal.js.map +1 -1
- package/lib/es6/style/fullscreen-modal.shadow.css +6 -0
- package/package.json +7 -2
- package/src/style/fullscreen-modal.shadow.css +6 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [1.6.0] - 2021-03-04
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Disabled animation if reduce motion is preferred.
|
|
10
|
+
|
|
11
|
+
## [1.5.1] - 2022-02-24
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- Added repository field to package.json file.
|
|
16
|
+
|
|
5
17
|
## [1.5.0] - 2022-01-18
|
|
6
18
|
|
|
7
19
|
### Changed
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
@@ -41,9 +41,13 @@ var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
|
|
|
41
41
|
|
|
42
42
|
var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
43
43
|
|
|
44
|
-
function
|
|
44
|
+
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); }
|
|
45
|
+
|
|
46
|
+
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; }
|
|
47
|
+
|
|
48
|
+
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; }
|
|
45
49
|
|
|
46
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
50
|
+
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; }
|
|
47
51
|
|
|
48
52
|
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); }; }
|
|
49
53
|
|
|
@@ -54,25 +58,25 @@ var style = (
|
|
|
54
58
|
/*__reshadow_css_start__*/
|
|
55
59
|
_core.sstyled.insert(
|
|
56
60
|
/*__inner_css_start__*/
|
|
57
|
-
".
|
|
61
|
+
".___SFullscreenOverlay_1hvvo_gg_{padding:0}.___SFullscreenModal_1hvvo_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:#fff;border-radius:0;padding:0}.___SBack_1hvvo_gg_,.___SClose_1hvvo_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1hvvo_gg_{top:12px;right:20px;padding:12px;color:#a6b0b3}.___SClose_1hvvo_gg_:hover{color:#929b9e}.___SBack_1hvvo_gg_{top:10px;left:32px;display:flex;align-items:center;padding:2px;color:#757575;font-size:var(--fs100_1v9y5xa);line-height:var(--lh100_1v9y5xa)}.___SBack_1hvvo_gg_:hover{color:#676767}.___SBack_1hvvo_gg_:hover .___SBackText_1hvvo_gg_{border-bottom-color:currentColor}.___SBackText_1hvvo_gg_{margin-left:4px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SDescription_1hvvo_gg_,.___STitle_1hvvo_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1hvvo_gg_{font-size:25px;line-height:1.12;font-weight:500;color:#333333}.___SDescription_1hvvo_gg_{font-size:12px;line-height:1.5;color:#757575}.___SHeader_1hvvo_gg_{display:flex;align-items:baseline;padding-left:32px;padding-bottom:12px;padding-right:77px;padding-top:30px;min-height:72px;box-shadow:inset 0 -1px 1px 0 #cccccc;box-sizing:border-box}.___SFooter_1hvvo_gg_{min-height:56px;box-shadow:inset 0 1px 1px 0 #cccccc;box-sizing:border-box}.___SBody_1hvvo_gg_{display:flex;height:100%;overflow:auto}.___SSection_1hvvo_gg_{padding-top:24px;padding-bottom:24px;padding-left:32px;padding-right:32px;flex:1 1 auto}.___SHeaderDivider_1hvvo_gg_{margin-left:12px;margin-right:12px;height:16px;width:1px;background-color:#cccccc}@media (prefers-reduced-motion){.___SBackText_1hvvo_gg_{transition:none}}"
|
|
58
62
|
/*__inner_css_end__*/
|
|
59
|
-
, "
|
|
63
|
+
, "1v9y5xa_gg_")
|
|
60
64
|
/*__reshadow_css_end__*/
|
|
61
65
|
, {
|
|
62
|
-
"__SFullscreenOverlay": "
|
|
63
|
-
"__SFullscreenModal": "
|
|
64
|
-
"__SBack": "
|
|
65
|
-
"__SClose": "
|
|
66
|
-
"--fs100": "--
|
|
67
|
-
"--lh100": "--
|
|
68
|
-
"__SBackText": "
|
|
69
|
-
"__SDescription": "
|
|
70
|
-
"__STitle": "
|
|
71
|
-
"__SHeader": "
|
|
72
|
-
"__SFooter": "
|
|
73
|
-
"__SBody": "
|
|
74
|
-
"__SSection": "
|
|
75
|
-
"__SHeaderDivider": "
|
|
66
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1hvvo_gg_",
|
|
67
|
+
"__SFullscreenModal": "___SFullscreenModal_1hvvo_gg_",
|
|
68
|
+
"__SBack": "___SBack_1hvvo_gg_",
|
|
69
|
+
"__SClose": "___SClose_1hvvo_gg_",
|
|
70
|
+
"--fs100": "--fs100_1v9y5xa",
|
|
71
|
+
"--lh100": "--lh100_1v9y5xa",
|
|
72
|
+
"__SBackText": "___SBackText_1hvvo_gg_",
|
|
73
|
+
"__SDescription": "___SDescription_1hvvo_gg_",
|
|
74
|
+
"__STitle": "___STitle_1hvvo_gg_",
|
|
75
|
+
"__SHeader": "___SHeader_1hvvo_gg_",
|
|
76
|
+
"__SFooter": "___SFooter_1hvvo_gg_",
|
|
77
|
+
"__SBody": "___SBody_1hvvo_gg_",
|
|
78
|
+
"__SSection": "___SSection_1hvvo_gg_",
|
|
79
|
+
"__SHeaderDivider": "___SHeaderDivider_1hvvo_gg_"
|
|
76
80
|
});
|
|
77
81
|
|
|
78
82
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/FullscreenModal.js"],"names":["FullscreenModalRoot","trigger","e","onClick","bindHandlerClose","SFullscreenModal","Modal","Window","asProps","styles","hidden","Children","onClose","visibleProps","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","logger","warn","undefined","displayName","Component","style","Header","props","SHeader","Box","SHeaderDivider","title","description","Body","SBody","Section","SSection","Footer","SFooter","Close","SClose","CloseIcon","Title","STitle","Text","Description","SDescription","Back","SBack","SBackText","FullscreenModal","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["../../src/FullscreenModal.js"],"names":["FullscreenModalRoot","trigger","e","onClick","bindHandlerClose","SFullscreenModal","Modal","Window","asProps","styles","hidden","Children","onClose","visibleProps","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","logger","warn","undefined","displayName","Component","style","Header","props","SHeader","Box","SHeaderDivider","title","description","Body","SBody","Section","SSection","Footer","SFooter","Close","SClose","CloseIcon","Title","STitle","Text","Description","SDescription","Back","SBack","SBackText","FullscreenModal","parent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { 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';\nimport logger from '@semcore/utils/lib/logger';\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 {\n styles,\n hidden,\n Children,\n onClose,\n visible: visibleProps,\n closable,\n duration,\n disablePortal,\n } = this.asProps;\n const SFullscreenOverlay = Modal.Overlay;\n\n logger.warn(\n hidden !== undefined,\n \"The 'hidden' property is deprecated, use 'visible'\",\n this.asProps['data-ui-name'] || FullscreenModalRoot.displayName,\n );\n\n const visible = visibleProps === undefined ? !hidden : visibleProps;\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 SHeaderDivider = 'div';\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && (\n <>\n <SHeaderDivider />\n <FullscreenModal.Description children={description} />\n </>\n )}\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={Box} />);\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"],"file":"FullscreenModal.js"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -26,4 +26,8 @@ Object.keys(_FullscreenModal).forEach(function (key) {
|
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
});
|
|
29
|
+
|
|
30
|
+
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); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
29
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -16,9 +16,9 @@ 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
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
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
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
22
|
|
|
23
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
24
|
|
|
@@ -39,25 +39,25 @@ var style = (
|
|
|
39
39
|
/*__reshadow_css_start__*/
|
|
40
40
|
_sstyled.insert(
|
|
41
41
|
/*__inner_css_start__*/
|
|
42
|
-
".
|
|
42
|
+
".___SFullscreenOverlay_1hvvo_gg_{padding:0}.___SFullscreenModal_1hvvo_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:#fff;border-radius:0;padding:0}.___SBack_1hvvo_gg_,.___SClose_1hvvo_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1hvvo_gg_{top:12px;right:20px;padding:12px;color:#a6b0b3}.___SClose_1hvvo_gg_:hover{color:#929b9e}.___SBack_1hvvo_gg_{top:10px;left:32px;display:flex;align-items:center;padding:2px;color:#757575;font-size:var(--fs100_1v9y5xa);line-height:var(--lh100_1v9y5xa)}.___SBack_1hvvo_gg_:hover{color:#676767}.___SBack_1hvvo_gg_:hover .___SBackText_1hvvo_gg_{border-bottom-color:currentColor}.___SBackText_1hvvo_gg_{margin-left:4px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SDescription_1hvvo_gg_,.___STitle_1hvvo_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1hvvo_gg_{font-size:25px;line-height:1.12;font-weight:500;color:#333333}.___SDescription_1hvvo_gg_{font-size:12px;line-height:1.5;color:#757575}.___SHeader_1hvvo_gg_{display:flex;align-items:baseline;padding-left:32px;padding-bottom:12px;padding-right:77px;padding-top:30px;min-height:72px;box-shadow:inset 0 -1px 1px 0 #cccccc;box-sizing:border-box}.___SFooter_1hvvo_gg_{min-height:56px;box-shadow:inset 0 1px 1px 0 #cccccc;box-sizing:border-box}.___SBody_1hvvo_gg_{display:flex;height:100%;overflow:auto}.___SSection_1hvvo_gg_{padding-top:24px;padding-bottom:24px;padding-left:32px;padding-right:32px;flex:1 1 auto}.___SHeaderDivider_1hvvo_gg_{margin-left:12px;margin-right:12px;height:16px;width:1px;background-color:#cccccc}@media (prefers-reduced-motion){.___SBackText_1hvvo_gg_{transition:none}}"
|
|
43
43
|
/*__inner_css_end__*/
|
|
44
|
-
, "
|
|
44
|
+
, "1v9y5xa_gg_")
|
|
45
45
|
/*__reshadow_css_end__*/
|
|
46
46
|
, {
|
|
47
|
-
"__SFullscreenOverlay": "
|
|
48
|
-
"__SFullscreenModal": "
|
|
49
|
-
"__SBack": "
|
|
50
|
-
"__SClose": "
|
|
51
|
-
"--fs100": "--
|
|
52
|
-
"--lh100": "--
|
|
53
|
-
"__SBackText": "
|
|
54
|
-
"__SDescription": "
|
|
55
|
-
"__STitle": "
|
|
56
|
-
"__SHeader": "
|
|
57
|
-
"__SFooter": "
|
|
58
|
-
"__SBody": "
|
|
59
|
-
"__SSection": "
|
|
60
|
-
"__SHeaderDivider": "
|
|
47
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1hvvo_gg_",
|
|
48
|
+
"__SFullscreenModal": "___SFullscreenModal_1hvvo_gg_",
|
|
49
|
+
"__SBack": "___SBack_1hvvo_gg_",
|
|
50
|
+
"__SClose": "___SClose_1hvvo_gg_",
|
|
51
|
+
"--fs100": "--fs100_1v9y5xa",
|
|
52
|
+
"--lh100": "--lh100_1v9y5xa",
|
|
53
|
+
"__SBackText": "___SBackText_1hvvo_gg_",
|
|
54
|
+
"__SDescription": "___SDescription_1hvvo_gg_",
|
|
55
|
+
"__STitle": "___STitle_1hvvo_gg_",
|
|
56
|
+
"__SHeader": "___SHeader_1hvvo_gg_",
|
|
57
|
+
"__SFooter": "___SFooter_1hvvo_gg_",
|
|
58
|
+
"__SBody": "___SBody_1hvvo_gg_",
|
|
59
|
+
"__SSection": "___SSection_1hvvo_gg_",
|
|
60
|
+
"__SHeaderDivider": "___SHeaderDivider_1hvvo_gg_"
|
|
61
61
|
});
|
|
62
62
|
|
|
63
63
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/FullscreenModal.js"],"names":["React","createComponent","Component","sstyled","Root","Modal","Box","CloseIcon","ArrowLeft","Text","fire","logger","FullscreenModalRoot","trigger","e","onClick","bindHandlerClose","SFullscreenModal","Window","asProps","styles","hidden","Children","onClose","visibleProps","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","warn","undefined","displayName","style","Header","props","SHeader","SHeaderDivider","title","description","Body","SBody","Section","SSection","Footer","SFooter","Close","SClose","Title","STitle","Description","SDescription","Back","SBack","SBackText","FullscreenModal","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,SAASC,IAAT,QAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,mB;;;;;;;;;;;;;;;;uEAIe,UAACC,OAAD;AAAA,aAAa,UAACC,CAAD,EAAO;AACrCJ,QAAAA,IAAI,gCAAO,SAAP,EAAkBG,OAAlB,EAA2BC,CAA3B,CAAJ;AACD,OAFkB;AAAA,K;;;;;;;WAInB,yBAAgB;AACd,aAAO;AACLC,QAAAA,OAAO,EAAE,KAAKC,gBAAL,CAAsB,cAAtB;AADJ,OAAP;AAGD;;;WAED,wBAAe;AACb,aAAO;AACLD,QAAAA,OAAO,EAAE,KAAKC,gBAAL,CAAsB,aAAtB;AADJ,OAAP;AAGD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,gBAAgB,GA8BUZ,KAAK,CAACa,MA9BtC;
|
|
1
|
+
{"version":3,"sources":["../../src/FullscreenModal.js"],"names":["React","createComponent","Component","sstyled","Root","Modal","Box","CloseIcon","ArrowLeft","Text","fire","logger","FullscreenModalRoot","trigger","e","onClick","bindHandlerClose","SFullscreenModal","Window","asProps","styles","hidden","Children","onClose","visibleProps","visible","closable","duration","disablePortal","SFullscreenOverlay","Overlay","warn","undefined","displayName","style","Header","props","SHeader","SHeaderDivider","title","description","Body","SBody","Section","SSection","Footer","SFooter","Close","SClose","Title","STitle","Description","SDescription","Back","SBack","SBackText","FullscreenModal","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,SAASC,IAAT,QAAqB,qBAArB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,mB;;;;;;;;;;;;;;;;uEAIe,UAACC,OAAD;AAAA,aAAa,UAACC,CAAD,EAAO;AACrCJ,QAAAA,IAAI,gCAAO,SAAP,EAAkBG,OAAlB,EAA2BC,CAA3B,CAAJ;AACD,OAFkB;AAAA,K;;;;;;;WAInB,yBAAgB;AACd,aAAO;AACLC,QAAAA,OAAO,EAAE,KAAKC,gBAAL,CAAsB,cAAtB;AADJ,OAAP;AAGD;;;WAED,wBAAe;AACb,aAAO;AACLD,QAAAA,OAAO,EAAE,KAAKC,gBAAL,CAAsB,aAAtB;AADJ,OAAP;AAGD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,gBAAgB,GA8BUZ,KAAK,CAACa,MA9BtC;AACA,0BASI,KAAKC,OATT;AAAA,UACEC,MADF,iBACEA,MADF;AAAA,UAEEC,MAFF,iBAEEA,MAFF;AAAA,UAGEC,QAHF,iBAGEA,QAHF;AAAA,UAIEC,OAJF,iBAIEA,OAJF;AAAA,UAKWC,YALX,iBAKEC,OALF;AAAA,UAMEC,QANF,iBAMEA,QANF;AAAA,UAOEC,QAPF,iBAOEA,QAPF;AAAA,UAQEC,aARF,iBAQEA,aARF;AAUA,UAAMC,kBAAkB,GAAGxB,KAAK,CAACyB,OAAjC;AAEAnB,MAAAA,MAAM,CAACoB,IAAP,CACEV,MAAM,KAAKW,SADb,EAEE,oDAFF,EAGE,KAAKb,OAAL,CAAa,cAAb,KAAgCP,mBAAmB,CAACqB,WAHtD;AAMA,UAAMR,OAAO,GAAGD,YAAY,KAAKQ,SAAjB,GAA6B,CAACX,MAA9B,GAAuCG,YAAvD;AAEA,sBAAOrB,OAAO,CAACiB,MAAD,CAAd,eACE,oBAAC,KAAD;AAAA,oBACY,KADZ;AAAA,mBAEWK,OAFX;AAAA,mBAGWF,OAHX;AAAA,oBAIYI,QAJZ;AAAA,yBAKiBC;AALjB,uBAOE,oBAAC,kBAAD,oDACE,oBAAC,gBAAD,4EACGF,QAAQ,iBAAI,oBAAC,eAAD,CAAiB,KAAjB,OADf,eAEE,oBAAC,QAAD,4BAFF,CADF,CAPF,CADF;AAgBD;;;;EA1D+BxB,S;;gBAA5BU,mB,iBACiB,iB;;gBADjBA,mB,WAEWsB,K;;AA2DjB,SAASC,MAAT,CAAgBC,KAAhB,EAAuB;AAAA;AAAA;;AACrB,MAAMC,OAAO,GAIM/B,GAJnB;AACA,MAAMgC,cAAc,GAAG,KAAvB;AACA,MAAQhB,QAAR,GAAiDc,KAAjD,CAAQd,QAAR;AAAA,MAAkBF,MAAlB,GAAiDgB,KAAjD,CAAkBhB,MAAlB;AAAA,MAA0BmB,KAA1B,GAAiDH,KAAjD,CAA0BG,KAA1B;AAAA,MAAiCC,WAAjC,GAAiDJ,KAAjD,CAAiCI,WAAjC;AACA,kBAAOrC,OAAO,CAACiB,MAAD,CAAd,eACE,oBAAC,OAAD,qEACGmB,KAAK,iBAAI,oBAAC,eAAD,CAAiB,KAAjB;AAAuB,IAAA,QAAQ,EAAEA;AAAjC,IADZ,EAEGC,WAAW,iBACV,uDACE,oBAAC,cAAD,kCADF,eAEE,oBAAC,eAAD,CAAiB,WAAjB;AAA6B,IAAA,QAAQ,EAAEA;AAAvC,IAFF,CAHJ,eAQE,oBAAC,QAAD,4BARF,CADF;AAYD;;AAED,SAASC,IAAT,CAAcL,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMM,KAAK,GACiCpC,GAD5C;AACA,kBAAOH,OAAO,CAACiC,KAAK,CAAChB,MAAP,CAAd,eAA6B,oBAAC,KAAD,kEAA7B;AACD;;AAED,SAASuB,OAAT,CAAiBP,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMQ,QAAQ,GACiCtC,GAD/C;AACA,kBAAOH,OAAO,CAACiC,KAAK,CAAChB,MAAP,CAAd,eAA6B,oBAAC,QAAD,qEAA7B;AACD;;AAED,SAASyB,MAAT,CAAgBT,KAAhB,EAAuB;AAAA;AAAA;;AACrB,MAAMU,OAAO,GACiCxC,GAD9C;AACA,kBAAOH,OAAO,CAACiC,KAAK,CAAChB,MAAP,CAAd,eAA6B,oBAAC,OAAD,oEAA7B;AACD;;AAED,SAAS2B,KAAT,CAAeX,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMY,MAAM,GACiCzC,SAD7C;AACA,kBAAOJ,OAAO,CAACiC,KAAK,CAAChB,MAAP,CAAd,eAA6B,oBAAC,MAAD,mEAA7B;AACD;;AAED,SAAS6B,KAAT,CAAeb,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMc,MAAM,GACiCzC,IAD7C;AACA,kBAAON,OAAO,CAACiC,KAAK,CAAChB,MAAP,CAAd,eAA6B,oBAAC,MAAD;AAAA,WAA0B;AAA1B,cAA7B;AACD;;AAED,SAAS+B,WAAT,CAAqBf,KAArB,EAA4B;AAAA;AAAA;;AAC1B,MAAMgB,YAAY,GACiC3C,IADnD;AACA,kBAAON,OAAO,CAACiC,KAAK,CAAChB,MAAP,CAAd,eAA6B,oBAAC,YAAD,yEAA7B;AACD;;AAED,SAASiC,IAAT,CAAcjB,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMkB,KAAK,GAKMhD,GALjB;AACA,MAAMiD,SAAS,GAAG9C,IAAlB;AACA,MAAQa,QAAR,GAA6Bc,KAA7B,CAAQd,QAAR;AAAA,MAAkBF,MAAlB,GAA6BgB,KAA7B,CAAkBhB,MAAlB;AAEA,kBAAOjB,OAAO,CAACiB,MAAD,CAAd,eACE,oBAAC,KAAD,gFACE,oBAAC,SAAD,6BADF,eAEE,oBAAC,SAAD,2CACE,oBAAC,QAAD,4BADF,CAFF,CADF;AAQD;;AAED,IAAMoC,eAAe,GAAGvD,eAAe,CACrCW,mBADqC,EAErC;AACEuB,EAAAA,MAAM,EAANA,MADF;AAEEU,EAAAA,MAAM,EAANA,MAFF;AAGEE,EAAAA,KAAK,EAALA,KAHF;AAIEM,EAAAA,IAAI,EAAJA,IAJF;AAKEZ,EAAAA,IAAI,EAAJA,IALF;AAMEE,EAAAA,OAAO,EAAPA,OANF;AAOEM,EAAAA,KAAK,EAALA,KAPF;AAQEE,EAAAA,WAAW,EAAXA;AARF,CAFqC,EAYrC;AAAEM,EAAAA,MAAM,EAAEpD;AAAV,CAZqC,CAAvC;AAeA,eAAemD,eAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { 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';\nimport logger from '@semcore/utils/lib/logger';\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 {\n styles,\n hidden,\n Children,\n onClose,\n visible: visibleProps,\n closable,\n duration,\n disablePortal,\n } = this.asProps;\n const SFullscreenOverlay = Modal.Overlay;\n\n logger.warn(\n hidden !== undefined,\n \"The 'hidden' property is deprecated, use 'visible'\",\n this.asProps['data-ui-name'] || FullscreenModalRoot.displayName,\n );\n\n const visible = visibleProps === undefined ? !hidden : visibleProps;\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 SHeaderDivider = 'div';\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && (\n <>\n <SHeaderDivider />\n <FullscreenModal.Description children={description} />\n </>\n )}\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={Box} />);\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"],"file":"FullscreenModal.js"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/fullscreen-modal",
|
|
3
3
|
"description": "SEMRush FullscreenModal Component",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.6.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -24,6 +24,11 @@
|
|
|
24
24
|
"react": "16.8 - 17"
|
|
25
25
|
},
|
|
26
26
|
"jest": {
|
|
27
|
-
"preset": "jest-preset-ui"
|
|
27
|
+
"preset": "@semcore/jest-preset-ui"
|
|
28
|
+
},
|
|
29
|
+
"repository": {
|
|
30
|
+
"type": "git",
|
|
31
|
+
"url": "https://github.com/semrush/intergalactic.git",
|
|
32
|
+
"directory": "semcore/fullscreen-modal"
|
|
28
33
|
}
|
|
29
34
|
}
|