@semcore/fullscreen-modal 3.49.1 → 3.50.0-prerelease.2
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 +70 -70
- package/package.json +3 -3
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.50.0] - 2025-03-28
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/button` [5.42.1 ~> 5.43.0]).
|
|
10
|
+
|
|
5
11
|
## [3.49.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -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_12uow_gg_{padding:0}.___SFullscreenModal_12uow_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_12uow_gg_{position:absolute;top:17px;right:24px}.___SBack_12uow_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_12uow_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_12uow_gg_.__keyboardFocused_12uow_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_12uow_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_12uow_gg_,.___SDescription_12uow_gg_,.___STitle_12uow_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_12uow_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_12uow_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_12uow_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_12uow_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_12uow_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_12uow_gg_{display:flex;height:100%;overflow:auto}.___SSection_12uow_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_12uow_gg_{transition:none}}" /*__inner_css_end__*/, "12uow_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_12uow_gg_",
|
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_12uow_gg_",
|
|
34
|
+
"__SClose": "___SClose_12uow_gg_",
|
|
35
|
+
"__SBack": "___SBack_12uow_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_12uow_gg_",
|
|
37
|
+
"__SBackText": "___SBackText_12uow_gg_",
|
|
38
|
+
"__STitle": "___STitle_12uow_gg_",
|
|
39
|
+
"__SDescription": "___SDescription_12uow_gg_",
|
|
40
|
+
"__SHeader": "___SHeader_12uow_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_12uow_gg_",
|
|
42
|
+
"__SBody": "___SBody_12uow_gg_",
|
|
43
|
+
"__SSection": "___SSection_12uow_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_12uow_gg_{padding:0}.___SFullscreenModal_12uow_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_12uow_gg_{position:absolute;top:17px;right:24px}.___SBack_12uow_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_12uow_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_12uow_gg_.__keyboardFocused_12uow_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_12uow_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_12uow_gg_,.___SDescription_12uow_gg_,.___STitle_12uow_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_12uow_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_12uow_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_12uow_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_12uow_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_12uow_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_12uow_gg_{display:flex;height:100%;overflow:auto}.___SSection_12uow_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_12uow_gg_{transition:none}}" /*__inner_css_end__*/, "12uow_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_12uow_gg_",
|
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_12uow_gg_",
|
|
34
|
+
"__SClose": "___SClose_12uow_gg_",
|
|
35
|
+
"__SBack": "___SBack_12uow_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_12uow_gg_",
|
|
37
|
+
"__SBackText": "___SBackText_12uow_gg_",
|
|
38
|
+
"__STitle": "___STitle_12uow_gg_",
|
|
39
|
+
"__SDescription": "___SDescription_12uow_gg_",
|
|
40
|
+
"__SHeader": "___SHeader_12uow_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_12uow_gg_",
|
|
42
|
+
"__SBody": "___SBody_12uow_gg_",
|
|
43
|
+
"__SSection": "___SSection_12uow_gg_"
|
|
44
44
|
});
|
|
45
45
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
46
46
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1,14 +1,14 @@
|
|
|
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 v 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 u 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
10
|
import a from "react";
|
|
11
|
-
import
|
|
11
|
+
import p from "@semcore/modal";
|
|
12
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";
|
|
@@ -23,45 +23,45 @@ var K = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
(A.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
'.
|
|
27
|
-
"
|
|
26
|
+
'.___SFullscreenOverlay_12uow_gg_{padding:0}.___SFullscreenModal_12uow_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_12uow_gg_{position:absolute;top:17px;right:24px}.___SBack_12uow_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_12uow_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_12uow_gg_.__keyboardFocused_12uow_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_12uow_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_12uow_gg_,.___SDescription_12uow_gg_,.___STitle_12uow_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_12uow_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_12uow_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_12uow_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_12uow_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_12uow_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_12uow_gg_{display:flex;height:100%;overflow:auto}.___SSection_12uow_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_12uow_gg_{transition:none}}',
|
|
27
|
+
"12uow_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_12uow_gg_",
|
|
30
|
+
__SFullscreenModal: "___SFullscreenModal_12uow_gg_",
|
|
31
|
+
__SClose: "___SClose_12uow_gg_",
|
|
32
|
+
__SBack: "___SBack_12uow_gg_",
|
|
33
|
+
_keyboardFocused: "__keyboardFocused_12uow_gg_",
|
|
34
|
+
__SBackText: "___SBackText_12uow_gg_",
|
|
35
|
+
__STitle: "___STitle_12uow_gg_",
|
|
36
|
+
__SDescription: "___SDescription_12uow_gg_",
|
|
37
|
+
__SHeader: "___SHeader_12uow_gg_",
|
|
38
|
+
__SFooter: "___SFooter_12uow_gg_",
|
|
39
|
+
__SBody: "___SBody_12uow_gg_",
|
|
40
|
+
__SSection: "___SSection_12uow_gg_"
|
|
41
41
|
})
|
|
42
|
-
),
|
|
42
|
+
), d = /* @__PURE__ */ function(r) {
|
|
43
43
|
I(e, r);
|
|
44
|
-
var
|
|
44
|
+
var i = O(e);
|
|
45
45
|
function e() {
|
|
46
46
|
var t;
|
|
47
47
|
z(this, e);
|
|
48
|
-
for (var
|
|
49
|
-
|
|
50
|
-
return t =
|
|
48
|
+
for (var n = arguments.length, l = new Array(n), c = 0; c < n; c++)
|
|
49
|
+
l[c] = arguments[c];
|
|
50
|
+
return t = i.call.apply(i, [this].concat(l)), u(v(t), "state", {
|
|
51
51
|
hasTitle: !1
|
|
52
|
-
}),
|
|
52
|
+
}), u(v(t), "bindHandlerClose", function(o) {
|
|
53
53
|
return function(m) {
|
|
54
|
-
N(
|
|
54
|
+
N(v(t), "onClose", o, 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 n = this.asProps.getI18nText;
|
|
62
62
|
return {
|
|
63
63
|
onClick: this.bindHandlerClose("onCloseClick"),
|
|
64
|
-
getI18nText:
|
|
64
|
+
getI18nText: n
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
67
|
}, {
|
|
@@ -74,107 +74,107 @@ var K = (
|
|
|
74
74
|
}, {
|
|
75
75
|
key: "getTitleProps",
|
|
76
76
|
value: function() {
|
|
77
|
-
var
|
|
78
|
-
return
|
|
77
|
+
var n = this, l = this.asProps.uid, c = function() {
|
|
78
|
+
return n.setState({
|
|
79
79
|
hasTitle: !0
|
|
80
80
|
});
|
|
81
81
|
};
|
|
82
82
|
return {
|
|
83
|
-
id: "igc-".concat(
|
|
83
|
+
id: "igc-".concat(l, "-title"),
|
|
84
84
|
setHasTitle: c
|
|
85
85
|
};
|
|
86
86
|
}
|
|
87
87
|
}, {
|
|
88
88
|
key: "render",
|
|
89
89
|
value: function() {
|
|
90
|
-
var
|
|
91
|
-
return
|
|
90
|
+
var n = this.asProps, l, c = p.Window, o = this.asProps, m = o.styles, C = o.Children, k = o.onClose, T = o.visible, B = o.closable, E = o.duration, F = o.disablePortal, P = o.getI18nText, H = o.uid, S = this.state.hasTitle, M = p.Overlay;
|
|
91
|
+
return l = s(m), /* @__PURE__ */ a.createElement(p, l.cn("Modal", {
|
|
92
92
|
closable: !1,
|
|
93
|
-
visible:
|
|
94
|
-
onClose:
|
|
95
|
-
duration:
|
|
96
|
-
disablePortal:
|
|
97
|
-
}), /* @__PURE__ */ a.createElement(M,
|
|
98
|
-
"aria-label": S ? void 0 :
|
|
93
|
+
visible: T,
|
|
94
|
+
onClose: k,
|
|
95
|
+
duration: E,
|
|
96
|
+
disablePortal: F
|
|
97
|
+
}), /* @__PURE__ */ a.createElement(M, l.cn("SFullscreenOverlay", {}), /* @__PURE__ */ a.createElement(c, l.cn("SFullscreenModal", _({}, g({
|
|
98
|
+
"aria-label": S ? void 0 : P("title"),
|
|
99
99
|
"aria-labelledby": S ? "igc-".concat(H, "-title") : void 0
|
|
100
|
-
},
|
|
100
|
+
}, n))), B && /* @__PURE__ */ a.createElement(x.Close, null), /* @__PURE__ */ a.createElement(C, l.cn("Children", {})))));
|
|
101
101
|
}
|
|
102
102
|
}]), e;
|
|
103
103
|
}(L);
|
|
104
|
-
d
|
|
105
|
-
d
|
|
106
|
-
d
|
|
107
|
-
d
|
|
104
|
+
u(d, "displayName", "FullscreenModal");
|
|
105
|
+
u(d, "style", K);
|
|
106
|
+
u(d, "enhance", [W(b), G()]);
|
|
107
|
+
u(d, "defaultProps", {
|
|
108
108
|
i18n: b,
|
|
109
109
|
locale: "en"
|
|
110
110
|
});
|
|
111
111
|
function Q(r) {
|
|
112
|
-
var
|
|
113
|
-
return e = s(
|
|
112
|
+
var i = arguments[0], e, t = f, n = r.Children, l = r.styles, c = r.title, o = r.description;
|
|
113
|
+
return e = s(l), /* @__PURE__ */ a.createElement(t, e.cn("SHeader", _({}, g({}, i))), c && /* @__PURE__ */ a.createElement(x.Title, {
|
|
114
114
|
children: c
|
|
115
|
-
}),
|
|
116
|
-
children:
|
|
117
|
-
}), /* @__PURE__ */ a.createElement(
|
|
115
|
+
}), o && /* @__PURE__ */ a.createElement(x.Description, {
|
|
116
|
+
children: o
|
|
117
|
+
}), /* @__PURE__ */ a.createElement(n, e.cn("Children", {})));
|
|
118
118
|
}
|
|
119
119
|
function U(r) {
|
|
120
|
-
var
|
|
121
|
-
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SBody", _({}, g({},
|
|
120
|
+
var i = arguments[0], e, t = f;
|
|
121
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SBody", _({}, g({}, i))));
|
|
122
122
|
}
|
|
123
123
|
function V(r) {
|
|
124
|
-
var
|
|
124
|
+
var i = arguments[0], e, t = f;
|
|
125
125
|
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SSection", _({}, g({
|
|
126
126
|
tag: "section"
|
|
127
|
-
},
|
|
127
|
+
}, i))));
|
|
128
128
|
}
|
|
129
129
|
function X(r) {
|
|
130
|
-
var
|
|
131
|
-
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SFooter", _({}, g({},
|
|
130
|
+
var i = arguments[0], e, t = $;
|
|
131
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SFooter", _({}, g({}, i))));
|
|
132
132
|
}
|
|
133
133
|
function Y(r) {
|
|
134
|
-
var
|
|
134
|
+
var i = arguments[0], e, t = y, n = r.getI18nText;
|
|
135
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": n("close")
|
|
140
|
+
}, i))), /* @__PURE__ */ a.createElement(y.Addon, {
|
|
141
141
|
ml: "7px",
|
|
142
142
|
mr: "7px"
|
|
143
143
|
}, /* @__PURE__ */ a.createElement(j, e.cn("CloseIcon", {
|
|
144
|
-
title:
|
|
144
|
+
title: n("close")
|
|
145
145
|
}))));
|
|
146
146
|
}
|
|
147
147
|
function Z(r) {
|
|
148
|
-
var
|
|
148
|
+
var i = arguments[0], e, t = h, n = r.setHasTitle;
|
|
149
149
|
return a.useEffect(function() {
|
|
150
|
-
return
|
|
150
|
+
return n();
|
|
151
151
|
}), e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("STitle", _({}, g({
|
|
152
152
|
tag: "h2"
|
|
153
|
-
},
|
|
153
|
+
}, i))));
|
|
154
154
|
}
|
|
155
155
|
function ee(r) {
|
|
156
|
-
var
|
|
157
|
-
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SDescription", _({}, g({},
|
|
156
|
+
var i = arguments[0], e, t = h;
|
|
157
|
+
return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SDescription", _({}, g({}, i))));
|
|
158
158
|
}
|
|
159
|
-
function
|
|
160
|
-
var
|
|
159
|
+
function w(r) {
|
|
160
|
+
var i = arguments[0], e, t = f, n = h, l = r.Children, c = r.styles;
|
|
161
161
|
return e = s(c), /* @__PURE__ */ a.createElement(t, e.cn("SBack", _({}, g({
|
|
162
162
|
tag: "button"
|
|
163
|
-
},
|
|
163
|
+
}, i))), /* @__PURE__ */ a.createElement(q, e.cn("ArrowLeft", {})), /* @__PURE__ */ a.createElement(n, e.cn("SBackText", {}), /* @__PURE__ */ a.createElement(l, e.cn("Children", {}))));
|
|
164
164
|
}
|
|
165
|
-
|
|
166
|
-
var
|
|
165
|
+
w.enhance = [J()];
|
|
166
|
+
var x = R(d, {
|
|
167
167
|
Header: Q,
|
|
168
168
|
Footer: X,
|
|
169
169
|
Close: Y,
|
|
170
|
-
Back:
|
|
170
|
+
Back: w,
|
|
171
171
|
Body: U,
|
|
172
172
|
Section: V,
|
|
173
173
|
Title: Z,
|
|
174
174
|
Description: ee
|
|
175
175
|
}, {
|
|
176
|
-
parent:
|
|
176
|
+
parent: p
|
|
177
177
|
});
|
|
178
178
|
export {
|
|
179
|
-
|
|
179
|
+
x 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.
|
|
4
|
+
"version": "3.50.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@semcore/utils": "4.48.1",
|
|
18
18
|
"@semcore/icon": "4.60.1",
|
|
19
|
-
"@semcore/modal": "4.
|
|
19
|
+
"@semcore/modal": "4.55.0-prerelease.2",
|
|
20
20
|
"@semcore/typography": "5.52.1",
|
|
21
21
|
"@semcore/flex-box": "5.41.1",
|
|
22
|
-
"@semcore/button": "5.
|
|
22
|
+
"@semcore/button": "5.43.0-prerelease.2"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@semcore/core": "^2.17.5",
|