@semcore/fullscreen-modal 3.49.0 → 3.49.1-prerelease.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 +6 -0
- package/lib/cjs/FullscreenModal.js +13 -13
- package/lib/es6/FullscreenModal.js +13 -13
- package/lib/esm/FullscreenModal.mjs +74 -74
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.49.1] - 2025-03-17
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/button` [5.42.0 ~> 5.42.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
|
|
10
|
+
|
|
5
11
|
## [3.49.0] - 2025-03-14
|
|
6
12
|
|
|
7
13
|
### Added
|
|
@@ -28,19 +28,19 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
|
|
|
28
28
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
29
29
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
30
30
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SFullscreenOverlay": "
|
|
33
|
-
"__SFullscreenModal": "
|
|
34
|
-
"__SClose": "
|
|
35
|
-
"__SBack": "
|
|
36
|
-
"_keyboardFocused": "
|
|
37
|
-
"__SBackText": "
|
|
38
|
-
"__STitle": "
|
|
39
|
-
"__SDescription": "
|
|
40
|
-
"__SHeader": "
|
|
41
|
-
"__SFooter": "
|
|
42
|
-
"__SBody": "
|
|
43
|
-
"__SSection": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1x6n0_gg_{padding:0}.___SFullscreenModal_1x6n0_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1x6n0_gg_{position:absolute;top:17px;right:24px}.___SBack_1x6n0_gg_{cursor:pointer;position:absolute;z-index:1;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_1x6n0_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1x6n0_gg_.__keyboardFocused_1x6n0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1x6n0_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1x6n0_gg_,.___SDescription_1x6n0_gg_,.___STitle_1x6n0_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1x6n0_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_1x6n0_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_1x6n0_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_1x6n0_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_1x6n0_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1x6n0_gg_{display:flex;height:100%;overflow:auto}.___SSection_1x6n0_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_1x6n0_gg_{transition:none}}" /*__inner_css_end__*/, "1x6n0_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1x6n0_gg_",
|
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_1x6n0_gg_",
|
|
34
|
+
"__SClose": "___SClose_1x6n0_gg_",
|
|
35
|
+
"__SBack": "___SBack_1x6n0_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1x6n0_gg_",
|
|
37
|
+
"__SBackText": "___SBackText_1x6n0_gg_",
|
|
38
|
+
"__STitle": "___STitle_1x6n0_gg_",
|
|
39
|
+
"__SDescription": "___SDescription_1x6n0_gg_",
|
|
40
|
+
"__SHeader": "___SHeader_1x6n0_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_1x6n0_gg_",
|
|
42
|
+
"__SBody": "___SBody_1x6n0_gg_",
|
|
43
|
+
"__SSection": "___SSection_1x6n0_gg_"
|
|
44
44
|
});
|
|
45
45
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
|
@@ -28,19 +28,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
|
28
28
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
29
29
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
30
30
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SFullscreenOverlay": "
|
|
33
|
-
"__SFullscreenModal": "
|
|
34
|
-
"__SClose": "
|
|
35
|
-
"__SBack": "
|
|
36
|
-
"_keyboardFocused": "
|
|
37
|
-
"__SBackText": "
|
|
38
|
-
"__STitle": "
|
|
39
|
-
"__SDescription": "
|
|
40
|
-
"__SHeader": "
|
|
41
|
-
"__SFooter": "
|
|
42
|
-
"__SBody": "
|
|
43
|
-
"__SSection": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1x6n0_gg_{padding:0}.___SFullscreenModal_1x6n0_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1x6n0_gg_{position:absolute;top:17px;right:24px}.___SBack_1x6n0_gg_{cursor:pointer;position:absolute;z-index:1;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_1x6n0_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1x6n0_gg_.__keyboardFocused_1x6n0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1x6n0_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1x6n0_gg_,.___SDescription_1x6n0_gg_,.___STitle_1x6n0_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1x6n0_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_1x6n0_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_1x6n0_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_1x6n0_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_1x6n0_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1x6n0_gg_{display:flex;height:100%;overflow:auto}.___SSection_1x6n0_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_1x6n0_gg_{transition:none}}" /*__inner_css_end__*/, "1x6n0_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1x6n0_gg_",
|
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_1x6n0_gg_",
|
|
34
|
+
"__SClose": "___SClose_1x6n0_gg_",
|
|
35
|
+
"__SBack": "___SBack_1x6n0_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1x6n0_gg_",
|
|
37
|
+
"__SBackText": "___SBackText_1x6n0_gg_",
|
|
38
|
+
"__STitle": "___STitle_1x6n0_gg_",
|
|
39
|
+
"__SDescription": "___SDescription_1x6n0_gg_",
|
|
40
|
+
"__SHeader": "___SHeader_1x6n0_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_1x6n0_gg_",
|
|
42
|
+
"__SBody": "___SBody_1x6n0_gg_",
|
|
43
|
+
"__SSection": "___SSection_1x6n0_gg_"
|
|
44
44
|
});
|
|
45
45
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
46
46
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import _ from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import z from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import D from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
4
|
+
import u from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
5
|
import I from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import O from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
-
import
|
|
7
|
+
import d from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
8
|
import { sstyled as A } from "@semcore/utils/lib/core/index";
|
|
9
9
|
import R, { sstyled as s, assignProps as g, Component as L } from "@semcore/core";
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { Box as
|
|
10
|
+
import a from "react";
|
|
11
|
+
import x from "@semcore/modal";
|
|
12
|
+
import { Box as f, Flex as $ } from "@semcore/flex-box";
|
|
13
13
|
import j from "@semcore/icon/Close/l";
|
|
14
14
|
import q from "@semcore/icon/ArrowLeft/m";
|
|
15
15
|
import { Text as h } from "@semcore/typography";
|
|
16
|
-
import
|
|
16
|
+
import y from "@semcore/button";
|
|
17
17
|
import N from "@semcore/utils/lib/fire";
|
|
18
|
-
import { localizedMessages as
|
|
18
|
+
import { localizedMessages as b } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
19
19
|
import W from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
20
20
|
import G from "@semcore/utils/lib/uniqueID";
|
|
21
21
|
import J from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
@@ -23,45 +23,45 @@ var K = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
(A.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
'.
|
|
27
|
-
"
|
|
26
|
+
'.___SFullscreenOverlay_1x6n0_gg_{padding:0}.___SFullscreenModal_1x6n0_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1x6n0_gg_{position:absolute;top:17px;right:24px}.___SBack_1x6n0_gg_{cursor:pointer;position:absolute;z-index:1;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_1x6n0_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1x6n0_gg_.__keyboardFocused_1x6n0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1x6n0_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1x6n0_gg_,.___SDescription_1x6n0_gg_,.___STitle_1x6n0_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1x6n0_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_1x6n0_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_1x6n0_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_1x6n0_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_1x6n0_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1x6n0_gg_{display:flex;height:100%;overflow:auto}.___SSection_1x6n0_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_1x6n0_gg_{transition:none}}',
|
|
27
|
+
"1x6n0_gg_"
|
|
28
28
|
), {
|
|
29
|
-
__SFullscreenOverlay: "
|
|
30
|
-
__SFullscreenModal: "
|
|
31
|
-
__SClose: "
|
|
32
|
-
__SBack: "
|
|
33
|
-
_keyboardFocused: "
|
|
34
|
-
__SBackText: "
|
|
35
|
-
__STitle: "
|
|
36
|
-
__SDescription: "
|
|
37
|
-
__SHeader: "
|
|
38
|
-
__SFooter: "
|
|
39
|
-
__SBody: "
|
|
40
|
-
__SSection: "
|
|
29
|
+
__SFullscreenOverlay: "___SFullscreenOverlay_1x6n0_gg_",
|
|
30
|
+
__SFullscreenModal: "___SFullscreenModal_1x6n0_gg_",
|
|
31
|
+
__SClose: "___SClose_1x6n0_gg_",
|
|
32
|
+
__SBack: "___SBack_1x6n0_gg_",
|
|
33
|
+
_keyboardFocused: "__keyboardFocused_1x6n0_gg_",
|
|
34
|
+
__SBackText: "___SBackText_1x6n0_gg_",
|
|
35
|
+
__STitle: "___STitle_1x6n0_gg_",
|
|
36
|
+
__SDescription: "___SDescription_1x6n0_gg_",
|
|
37
|
+
__SHeader: "___SHeader_1x6n0_gg_",
|
|
38
|
+
__SFooter: "___SFooter_1x6n0_gg_",
|
|
39
|
+
__SBody: "___SBody_1x6n0_gg_",
|
|
40
|
+
__SSection: "___SSection_1x6n0_gg_"
|
|
41
41
|
})
|
|
42
|
-
),
|
|
42
|
+
), p = /* @__PURE__ */ function(r) {
|
|
43
43
|
I(e, r);
|
|
44
|
-
var
|
|
44
|
+
var n = O(e);
|
|
45
45
|
function e() {
|
|
46
46
|
var t;
|
|
47
47
|
z(this, e);
|
|
48
|
-
for (var
|
|
48
|
+
for (var i = arguments.length, o = new Array(i), c = 0; c < i; c++)
|
|
49
49
|
o[c] = arguments[c];
|
|
50
|
-
return t =
|
|
50
|
+
return t = n.call.apply(n, [this].concat(o)), d(u(t), "state", {
|
|
51
51
|
hasTitle: !1
|
|
52
|
-
}),
|
|
53
|
-
return function(
|
|
54
|
-
N(
|
|
52
|
+
}), d(u(t), "bindHandlerClose", function(l) {
|
|
53
|
+
return function(m) {
|
|
54
|
+
N(u(t), "onClose", l, m);
|
|
55
55
|
};
|
|
56
56
|
}), t;
|
|
57
57
|
}
|
|
58
58
|
return D(e, [{
|
|
59
59
|
key: "getCloseProps",
|
|
60
60
|
value: function() {
|
|
61
|
-
var
|
|
61
|
+
var i = this.asProps.getI18nText;
|
|
62
62
|
return {
|
|
63
63
|
onClick: this.bindHandlerClose("onCloseClick"),
|
|
64
|
-
getI18nText:
|
|
64
|
+
getI18nText: i
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
67
|
}, {
|
|
@@ -74,8 +74,8 @@ var K = (
|
|
|
74
74
|
}, {
|
|
75
75
|
key: "getTitleProps",
|
|
76
76
|
value: function() {
|
|
77
|
-
var
|
|
78
|
-
return
|
|
77
|
+
var i = this, o = this.asProps.uid, c = function() {
|
|
78
|
+
return i.setState({
|
|
79
79
|
hasTitle: !0
|
|
80
80
|
});
|
|
81
81
|
};
|
|
@@ -87,94 +87,94 @@ var K = (
|
|
|
87
87
|
}, {
|
|
88
88
|
key: "render",
|
|
89
89
|
value: function() {
|
|
90
|
-
var
|
|
91
|
-
return o = s(
|
|
90
|
+
var i = this.asProps, o, c = x.Window, l = this.asProps, m = l.styles, k = l.Children, T = l.onClose, B = l.visible, E = l.closable, F = l.duration, P = l.disablePortal, w = l.getI18nText, H = l.uid, S = this.state.hasTitle, M = x.Overlay;
|
|
91
|
+
return o = s(m), /* @__PURE__ */ a.createElement(x, o.cn("Modal", {
|
|
92
92
|
closable: !1,
|
|
93
93
|
visible: B,
|
|
94
94
|
onClose: T,
|
|
95
95
|
duration: F,
|
|
96
96
|
disablePortal: P
|
|
97
|
-
}), /* @__PURE__ */
|
|
97
|
+
}), /* @__PURE__ */ a.createElement(M, o.cn("SFullscreenOverlay", {}), /* @__PURE__ */ a.createElement(c, o.cn("SFullscreenModal", _({}, g({
|
|
98
98
|
"aria-label": S ? void 0 : w("title"),
|
|
99
99
|
"aria-labelledby": S ? "igc-".concat(H, "-title") : void 0
|
|
100
|
-
},
|
|
100
|
+
}, i))), E && /* @__PURE__ */ a.createElement(v.Close, null), /* @__PURE__ */ a.createElement(k, o.cn("Children", {})))));
|
|
101
101
|
}
|
|
102
102
|
}]), e;
|
|
103
103
|
}(L);
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
i18n:
|
|
104
|
+
d(p, "displayName", "FullscreenModal");
|
|
105
|
+
d(p, "style", K);
|
|
106
|
+
d(p, "enhance", [W(b), G()]);
|
|
107
|
+
d(p, "defaultProps", {
|
|
108
|
+
i18n: b,
|
|
109
109
|
locale: "en"
|
|
110
110
|
});
|
|
111
111
|
function Q(r) {
|
|
112
|
-
var
|
|
113
|
-
return e = s(o), /* @__PURE__ */
|
|
112
|
+
var n = arguments[0], e, t = f, i = r.Children, o = r.styles, c = r.title, l = r.description;
|
|
113
|
+
return e = s(o), /* @__PURE__ */ a.createElement(t, e.cn("SHeader", _({}, g({}, n))), c && /* @__PURE__ */ a.createElement(v.Title, {
|
|
114
114
|
children: c
|
|
115
|
-
}), l && /* @__PURE__ */
|
|
115
|
+
}), l && /* @__PURE__ */ a.createElement(v.Description, {
|
|
116
116
|
children: l
|
|
117
|
-
}), /* @__PURE__ */
|
|
117
|
+
}), /* @__PURE__ */ a.createElement(i, e.cn("Children", {})));
|
|
118
118
|
}
|
|
119
119
|
function U(r) {
|
|
120
|
-
var
|
|
121
|
-
return e = s(r.styles), /* @__PURE__ */
|
|
120
|
+
var n = arguments[0], e, t = f;
|
|
121
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SBody", _({}, g({}, n))));
|
|
122
122
|
}
|
|
123
123
|
function V(r) {
|
|
124
|
-
var
|
|
125
|
-
return e = s(r.styles), /* @__PURE__ */
|
|
124
|
+
var n = arguments[0], e, t = f;
|
|
125
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SSection", _({}, g({
|
|
126
126
|
tag: "section"
|
|
127
|
-
},
|
|
127
|
+
}, n))));
|
|
128
128
|
}
|
|
129
129
|
function X(r) {
|
|
130
|
-
var
|
|
131
|
-
return e = s(r.styles), /* @__PURE__ */
|
|
130
|
+
var n = arguments[0], e, t = $;
|
|
131
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SFooter", _({}, g({}, n))));
|
|
132
132
|
}
|
|
133
133
|
function Y(r) {
|
|
134
|
-
var
|
|
135
|
-
return e = s(r.styles), /* @__PURE__ */
|
|
134
|
+
var n = arguments[0], e, t = y, i = r.getI18nText;
|
|
135
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SClose", _({}, g({
|
|
136
136
|
use: "tertiary",
|
|
137
137
|
size: "l",
|
|
138
138
|
theme: "muted",
|
|
139
|
-
"aria-label":
|
|
140
|
-
},
|
|
139
|
+
"aria-label": i("close")
|
|
140
|
+
}, n))), /* @__PURE__ */ a.createElement(y.Addon, {
|
|
141
141
|
ml: "7px",
|
|
142
142
|
mr: "7px"
|
|
143
|
-
}, /* @__PURE__ */
|
|
144
|
-
title:
|
|
143
|
+
}, /* @__PURE__ */ a.createElement(j, e.cn("CloseIcon", {
|
|
144
|
+
title: i("close")
|
|
145
145
|
}))));
|
|
146
146
|
}
|
|
147
147
|
function Z(r) {
|
|
148
|
-
var
|
|
149
|
-
return
|
|
150
|
-
return
|
|
151
|
-
}), e = s(r.styles), /* @__PURE__ */
|
|
148
|
+
var n = arguments[0], e, t = h, i = r.setHasTitle;
|
|
149
|
+
return a.useEffect(function() {
|
|
150
|
+
return i();
|
|
151
|
+
}), e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("STitle", _({}, g({
|
|
152
152
|
tag: "h2"
|
|
153
|
-
},
|
|
153
|
+
}, n))));
|
|
154
154
|
}
|
|
155
155
|
function ee(r) {
|
|
156
|
-
var
|
|
157
|
-
return e = s(r.styles), /* @__PURE__ */
|
|
156
|
+
var n = arguments[0], e, t = h;
|
|
157
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SDescription", _({}, g({}, n))));
|
|
158
158
|
}
|
|
159
|
-
function
|
|
160
|
-
var
|
|
161
|
-
return e = s(c), /* @__PURE__ */
|
|
159
|
+
function C(r) {
|
|
160
|
+
var n = arguments[0], e, t = f, i = h, o = r.Children, c = r.styles;
|
|
161
|
+
return e = s(c), /* @__PURE__ */ a.createElement(t, e.cn("SBack", _({}, g({
|
|
162
162
|
tag: "button"
|
|
163
|
-
},
|
|
163
|
+
}, n))), /* @__PURE__ */ a.createElement(q, e.cn("ArrowLeft", {})), /* @__PURE__ */ a.createElement(i, e.cn("SBackText", {}), /* @__PURE__ */ a.createElement(o, e.cn("Children", {}))));
|
|
164
164
|
}
|
|
165
|
-
|
|
166
|
-
var
|
|
165
|
+
C.enhance = [J()];
|
|
166
|
+
var v = R(p, {
|
|
167
167
|
Header: Q,
|
|
168
168
|
Footer: X,
|
|
169
169
|
Close: Y,
|
|
170
|
-
Back:
|
|
170
|
+
Back: C,
|
|
171
171
|
Body: U,
|
|
172
172
|
Section: V,
|
|
173
173
|
Title: Z,
|
|
174
174
|
Description: ee
|
|
175
175
|
}, {
|
|
176
|
-
parent:
|
|
176
|
+
parent: x
|
|
177
177
|
});
|
|
178
178
|
export {
|
|
179
|
-
|
|
179
|
+
v as default
|
|
180
180
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/fullscreen-modal",
|
|
3
3
|
"description": "Semrush FullscreenModal Component",
|
|
4
|
-
"version": "3.49.0",
|
|
4
|
+
"version": "3.49.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/utils": "4.48.0",
|
|
18
|
-
"@semcore/icon": "4.60.0",
|
|
19
|
-
"@semcore/modal": "4.54.0",
|
|
20
|
-
"@semcore/typography": "5.52.0",
|
|
21
|
-
"@semcore/flex-box": "5.41.0",
|
|
22
|
-
"@semcore/button": "5.42.0"
|
|
17
|
+
"@semcore/utils": "4.48.1-prerelease.0",
|
|
18
|
+
"@semcore/icon": "4.60.1-prerelease.0",
|
|
19
|
+
"@semcore/modal": "4.54.1-prerelease.0",
|
|
20
|
+
"@semcore/typography": "5.52.1-prerelease.0",
|
|
21
|
+
"@semcore/flex-box": "5.41.1-prerelease.0",
|
|
22
|
+
"@semcore/button": "5.42.1-prerelease.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@semcore/core": "^2.
|
|
25
|
+
"@semcore/core": "^2.39.1-prerelease.0",
|
|
26
26
|
"react": "16.8 - 18",
|
|
27
27
|
"react-dom": "16.8 - 18"
|
|
28
28
|
},
|