@semcore/fullscreen-modal 16.1.1 → 16.1.2-prerelease.3
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/README.md +1 -31
- package/lib/cjs/FullscreenModal.js +58 -59
- package/lib/cjs/FullscreenModal.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/FullscreenModal.js +57 -57
- package/lib/es6/FullscreenModal.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/FullscreenModal.mjs +58 -56
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +6 -6
- 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
|
+
## [16.1.2] - 2025-06-16
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/button` [16.0.1 ~> 16.0.2], `@semcore/flex-box` [16.0.1 ~> 16.0.2], `@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.1.1] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/fullscreen-modal
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import FullscreenModal from 'intergalactic/fullscreen-modal';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/fullscreen-modal @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import FullscreenModal from '@semcore/fullscreen-modal';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -8,61 +8,62 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
11
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
16
|
var _core = require("@semcore/core");
|
|
16
|
-
var
|
|
17
|
-
var
|
|
17
|
+
var _button = _interopRequireDefault(require("@semcore/button"));
|
|
18
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
19
|
+
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
|
|
20
|
+
var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
|
|
21
|
+
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
18
22
|
var _flexBox = require("@semcore/flex-box");
|
|
19
|
-
var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
|
|
20
23
|
var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
|
|
24
|
+
var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
|
|
25
|
+
var _modal = _interopRequireDefault(require("@semcore/modal"));
|
|
21
26
|
var _typography = require("@semcore/typography");
|
|
22
|
-
var
|
|
23
|
-
var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
|
|
27
|
+
var _react = _interopRequireDefault(require("react"));
|
|
24
28
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
25
|
-
|
|
26
|
-
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
27
|
-
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
|
|
29
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
28
30
|
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
29
|
-
var style = (
|
|
31
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_fzhrm_gg_{padding:0}.___SFullscreenModal_fzhrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_fzhrm_gg_{position:absolute;top:17px;right:24px}.___SBack_fzhrm_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_fzhrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_fzhrm_gg_.__keyboardFocused_fzhrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_fzhrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_fzhrm_gg_,.___SDescription_fzhrm_gg_,.___STitle_fzhrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_fzhrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_fzhrm_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_fzhrm_gg_{transition:none}}", /*__inner_css_end__*/"fzhrm_gg_"),
|
|
30
32
|
/*__reshadow_css_end__*/
|
|
31
33
|
{
|
|
32
|
-
"__SFullscreenOverlay": "
|
|
33
|
-
"__SFullscreenModal": "
|
|
34
|
-
"__SClose": "
|
|
35
|
-
"__SBack": "
|
|
36
|
-
"_keyboardFocused": "
|
|
37
|
-
"__SBackText": "
|
|
38
|
-
"__STitle": "
|
|
39
|
-
"__SDescription": "
|
|
40
|
-
"__SHeader": "
|
|
41
|
-
"__SFooter": "
|
|
42
|
-
"__SBody": "
|
|
43
|
-
"__SSection": "
|
|
34
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_fzhrm_gg_",
|
|
35
|
+
"__SFullscreenModal": "___SFullscreenModal_fzhrm_gg_",
|
|
36
|
+
"__SClose": "___SClose_fzhrm_gg_",
|
|
37
|
+
"__SBack": "___SBack_fzhrm_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_fzhrm_gg_",
|
|
39
|
+
"__SBackText": "___SBackText_fzhrm_gg_",
|
|
40
|
+
"__STitle": "___STitle_fzhrm_gg_",
|
|
41
|
+
"__SDescription": "___SDescription_fzhrm_gg_",
|
|
42
|
+
"__SHeader": "___SHeader_fzhrm_gg_",
|
|
43
|
+
"__SFooter": "___SFooter_fzhrm_gg_",
|
|
44
|
+
"__SBody": "___SBody_fzhrm_gg_",
|
|
45
|
+
"__SSection": "___SSection_fzhrm_gg_"
|
|
44
46
|
});
|
|
45
47
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
46
|
-
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
|
47
|
-
var _super = (0, _createSuper2["default"])(FullscreenModalRoot);
|
|
48
48
|
function FullscreenModalRoot() {
|
|
49
49
|
var _this;
|
|
50
50
|
(0, _classCallCheck2["default"])(this, FullscreenModalRoot);
|
|
51
51
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
52
52
|
args[_key] = arguments[_key];
|
|
53
53
|
}
|
|
54
|
-
_this =
|
|
55
|
-
(0, _defineProperty2["default"])(
|
|
54
|
+
_this = _callSuper(this, FullscreenModalRoot, [].concat(args));
|
|
55
|
+
(0, _defineProperty2["default"])(_this, "state", {
|
|
56
56
|
hasTitle: false
|
|
57
57
|
});
|
|
58
|
-
(0, _defineProperty2["default"])(
|
|
58
|
+
(0, _defineProperty2["default"])(_this, "bindHandlerClose", function (trigger) {
|
|
59
59
|
return function (e) {
|
|
60
|
-
(0, _fire["default"])(
|
|
60
|
+
(0, _fire["default"])(_this, 'onClose', trigger, e);
|
|
61
61
|
};
|
|
62
62
|
});
|
|
63
63
|
return _this;
|
|
64
64
|
}
|
|
65
|
-
(0,
|
|
65
|
+
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
|
66
|
+
return (0, _createClass2["default"])(FullscreenModalRoot, [{
|
|
66
67
|
key: "getCloseProps",
|
|
67
68
|
value: function getCloseProps() {
|
|
68
69
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -97,7 +98,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
97
98
|
key: "render",
|
|
98
99
|
value: function render() {
|
|
99
100
|
var _ref = this.asProps,
|
|
100
|
-
|
|
101
|
+
_ref0;
|
|
101
102
|
var SFullscreenModal = _modal["default"].Window;
|
|
102
103
|
var _this$asProps = this.asProps,
|
|
103
104
|
styles = _this$asProps.styles,
|
|
@@ -111,19 +112,18 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
111
112
|
uid = _this$asProps.uid;
|
|
112
113
|
var hasTitle = this.state.hasTitle;
|
|
113
114
|
var SFullscreenOverlay = _modal["default"].Overlay;
|
|
114
|
-
return
|
|
115
|
+
return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref0.cn("Modal", {
|
|
115
116
|
"closable": false,
|
|
116
117
|
"visible": visible,
|
|
117
118
|
"onClose": onClose,
|
|
118
119
|
"duration": duration,
|
|
119
120
|
"disablePortal": disablePortal
|
|
120
|
-
}), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay,
|
|
121
|
+
}), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
121
122
|
"aria-label": hasTitle ? undefined : getI18nText('title'),
|
|
122
123
|
"aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
|
|
123
|
-
}, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children,
|
|
124
|
+
}, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {})))));
|
|
124
125
|
}
|
|
125
126
|
}]);
|
|
126
|
-
return FullscreenModalRoot;
|
|
127
127
|
}(_core.Component);
|
|
128
128
|
(0, _defineProperty2["default"])(FullscreenModalRoot, "displayName", 'FullscreenModal');
|
|
129
129
|
(0, _defineProperty2["default"])(FullscreenModalRoot, "style", style);
|
|
@@ -134,83 +134,83 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
134
134
|
});
|
|
135
135
|
function Header(props) {
|
|
136
136
|
var _ref2 = arguments[0],
|
|
137
|
-
|
|
137
|
+
_ref1;
|
|
138
138
|
var SHeader = _flexBox.Box;
|
|
139
139
|
var Children = props.Children,
|
|
140
140
|
styles = props.styles,
|
|
141
141
|
title = props.title,
|
|
142
142
|
description = props.description;
|
|
143
|
-
return
|
|
143
|
+
return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref1.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), title && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Title, {
|
|
144
144
|
children: title
|
|
145
145
|
}), description && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Description, {
|
|
146
146
|
children: description
|
|
147
|
-
}), /*#__PURE__*/_react["default"].createElement(Children,
|
|
147
|
+
}), /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})));
|
|
148
148
|
}
|
|
149
149
|
function Body(props) {
|
|
150
150
|
var _ref3 = arguments[0],
|
|
151
|
-
|
|
151
|
+
_ref10;
|
|
152
152
|
var SBody = _flexBox.Box;
|
|
153
|
-
return
|
|
153
|
+
return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
154
154
|
}
|
|
155
155
|
function Section(props) {
|
|
156
156
|
var _ref4 = arguments[0],
|
|
157
|
-
|
|
157
|
+
_ref11;
|
|
158
158
|
var SSection = _flexBox.Box;
|
|
159
|
-
return
|
|
159
|
+
return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref11.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
160
160
|
"tag": 'section'
|
|
161
161
|
}, _ref4))));
|
|
162
162
|
}
|
|
163
163
|
function Footer(props) {
|
|
164
164
|
var _ref5 = arguments[0],
|
|
165
|
-
|
|
165
|
+
_ref12;
|
|
166
166
|
var SFooter = _flexBox.Flex;
|
|
167
|
-
return
|
|
167
|
+
return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref12.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
|
|
168
168
|
}
|
|
169
169
|
function Close(props) {
|
|
170
170
|
var _ref6 = arguments[0],
|
|
171
|
-
|
|
171
|
+
_ref13;
|
|
172
172
|
var SClose = _button["default"];
|
|
173
173
|
var getI18nText = props.getI18nText;
|
|
174
|
-
return
|
|
174
|
+
return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref13.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
175
175
|
"use": 'tertiary',
|
|
176
176
|
"size": 'l',
|
|
177
177
|
"theme": 'muted',
|
|
178
178
|
"aria-label": getI18nText('close')
|
|
179
179
|
}, _ref6))), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
|
|
180
|
-
ml:
|
|
181
|
-
mr:
|
|
182
|
-
}, /*#__PURE__*/_react["default"].createElement(_l["default"],
|
|
180
|
+
ml: "7px",
|
|
181
|
+
mr: "7px"
|
|
182
|
+
}, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref13.cn("CloseIcon", {
|
|
183
183
|
"title": getI18nText('close')
|
|
184
184
|
}))));
|
|
185
185
|
}
|
|
186
186
|
function Title(props) {
|
|
187
187
|
var _ref7 = arguments[0],
|
|
188
|
-
|
|
188
|
+
_ref14;
|
|
189
189
|
var STitle = _typography.Text;
|
|
190
190
|
var setHasTitle = props.setHasTitle;
|
|
191
191
|
_react["default"].useEffect(function () {
|
|
192
192
|
return setHasTitle();
|
|
193
193
|
});
|
|
194
|
-
return
|
|
194
|
+
return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref14.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
195
195
|
"tag": 'h2'
|
|
196
196
|
}, _ref7))));
|
|
197
197
|
}
|
|
198
198
|
function Description(props) {
|
|
199
199
|
var _ref8 = arguments[0],
|
|
200
|
-
|
|
200
|
+
_ref15;
|
|
201
201
|
var SDescription = _typography.Text;
|
|
202
|
-
return
|
|
202
|
+
return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref15.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
|
|
203
203
|
}
|
|
204
204
|
function Back(props) {
|
|
205
205
|
var _ref9 = arguments[0],
|
|
206
|
-
|
|
206
|
+
_ref16;
|
|
207
207
|
var SBack = _flexBox.Box;
|
|
208
208
|
var SBackText = _typography.Text;
|
|
209
209
|
var Children = props.Children,
|
|
210
210
|
styles = props.styles;
|
|
211
|
-
return
|
|
211
|
+
return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref16.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
212
212
|
"tag": 'button'
|
|
213
|
-
}, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"],
|
|
213
|
+
}, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref16.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref16.cn("Children", {}))));
|
|
214
214
|
}
|
|
215
215
|
Back.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
|
216
216
|
var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
|
|
@@ -225,6 +225,5 @@ var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
|
|
|
225
225
|
}, {
|
|
226
226
|
parent: _modal["default"]
|
|
227
227
|
});
|
|
228
|
-
var _default = FullscreenModal;
|
|
229
|
-
exports["default"] = _default;
|
|
228
|
+
var _default = exports["default"] = FullscreenModal;
|
|
230
229
|
//# sourceMappingURL=FullscreenModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["_core","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_button","_fire","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_keyboardFocusEnhance","style","sstyled","insert","FullscreenModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","trigger","e","fire","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref12","SBody","Section","_ref4","_ref13","SSection","Footer","_ref5","_ref14","SFooter","Flex","_ref6","_ref15","SClose","Button","Addon","ml","mr","_ref7","_ref16","STitle","Text","React","useEffect","_ref8","_ref17","SDescription","Back","_ref9","_ref18","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\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\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\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} tag={'section'} />);\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 const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml={'7px'} mr={'7px'}>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["_core","require","_button","_interopRequireDefault","_i18nEnhance","_keyboardFocusEnhance","_fire","_uniqueID","_flexBox","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","FullscreenModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","hasTitle","trigger","fire","_inherits2","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref10","SBody","Section","_ref4","_ref11","SSection","Footer","_ref5","_ref12","SFooter","Flex","_ref6","_ref13","SClose","Button","Addon","ml","mr","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\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\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\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} tag='section' />);\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 const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}\nexport type FullscreenModalProps = ModalProps & {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalHeaderProps\n extends FullscreenModalHeaderProps,\n UnknownProperties {}\nexport type FullscreenModalHeaderProps = BoxProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}\nexport type FullscreenModalContext = {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n 'div',\n FullscreenModalProps,\n FullscreenModalContext\n> & {\n Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n Footer: typeof Flex;\n Close: typeof Button;\n Back: typeof Box;\n Body: typeof Box;\n Section: typeof Box;\n Title: typeof Text;\n Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_FullscreenModal","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_FullscreenModal","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
|
|
|
13
13
|
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
14
14
|
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
15
15
|
var _nl = _interopRequireDefault(require("./nl.json"));
|
|
16
|
+
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
16
17
|
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
18
|
+
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
17
19
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
18
20
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
19
21
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
20
|
-
var
|
|
21
|
-
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
22
|
-
var localizedMessages = {
|
|
22
|
+
var localizedMessages = exports.localizedMessages = {
|
|
23
23
|
de: _de["default"],
|
|
24
24
|
en: _en["default"],
|
|
25
25
|
es: _es["default"],
|
|
@@ -35,5 +35,4 @@ var localizedMessages = {
|
|
|
35
35
|
pl: _pl["default"],
|
|
36
36
|
sv: _sv["default"]
|
|
37
37
|
};
|
|
38
|
-
exports.localizedMessages = localizedMessages;
|
|
39
38
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
7
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
9
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
9
10
|
import { assignProps as _assignProps9 } from "@semcore/core";
|
|
@@ -15,57 +16,57 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
15
16
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
16
17
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
17
18
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
18
|
-
|
|
19
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
20
|
+
import Button from '@semcore/button';
|
|
19
21
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
20
|
-
import
|
|
22
|
+
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
23
|
+
import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
24
|
+
import fire from '@semcore/core/lib/utils/fire';
|
|
25
|
+
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
21
26
|
import { Flex, Box } from '@semcore/flex-box';
|
|
22
|
-
import CloseIcon from '@semcore/icon/Close/l';
|
|
23
27
|
import ArrowLeft from '@semcore/icon/ArrowLeft/m';
|
|
28
|
+
import CloseIcon from '@semcore/icon/Close/l';
|
|
29
|
+
import Modal from '@semcore/modal';
|
|
24
30
|
import { Text } from '@semcore/typography';
|
|
25
|
-
import
|
|
26
|
-
import fire from '@semcore/core/lib/utils/fire';
|
|
27
|
-
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
28
|
-
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
29
|
-
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
31
|
+
import React from 'react';
|
|
30
32
|
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
-
var style = (
|
|
33
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_fzhrm_gg_{padding:0}.___SFullscreenModal_fzhrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_fzhrm_gg_{position:absolute;top:17px;right:24px}.___SBack_fzhrm_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_fzhrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_fzhrm_gg_.__keyboardFocused_fzhrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_fzhrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_fzhrm_gg_,.___SDescription_fzhrm_gg_,.___STitle_fzhrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_fzhrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_fzhrm_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_fzhrm_gg_{transition:none}}", /*__inner_css_end__*/"fzhrm_gg_"),
|
|
32
34
|
/*__reshadow_css_end__*/
|
|
33
35
|
{
|
|
34
|
-
"__SFullscreenOverlay": "
|
|
35
|
-
"__SFullscreenModal": "
|
|
36
|
-
"__SClose": "
|
|
37
|
-
"__SBack": "
|
|
38
|
-
"_keyboardFocused": "
|
|
39
|
-
"__SBackText": "
|
|
40
|
-
"__STitle": "
|
|
41
|
-
"__SDescription": "
|
|
42
|
-
"__SHeader": "
|
|
43
|
-
"__SFooter": "
|
|
44
|
-
"__SBody": "
|
|
45
|
-
"__SSection": "
|
|
36
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_fzhrm_gg_",
|
|
37
|
+
"__SFullscreenModal": "___SFullscreenModal_fzhrm_gg_",
|
|
38
|
+
"__SClose": "___SClose_fzhrm_gg_",
|
|
39
|
+
"__SBack": "___SBack_fzhrm_gg_",
|
|
40
|
+
"_keyboardFocused": "__keyboardFocused_fzhrm_gg_",
|
|
41
|
+
"__SBackText": "___SBackText_fzhrm_gg_",
|
|
42
|
+
"__STitle": "___STitle_fzhrm_gg_",
|
|
43
|
+
"__SDescription": "___SDescription_fzhrm_gg_",
|
|
44
|
+
"__SHeader": "___SHeader_fzhrm_gg_",
|
|
45
|
+
"__SFooter": "___SFooter_fzhrm_gg_",
|
|
46
|
+
"__SBody": "___SBody_fzhrm_gg_",
|
|
47
|
+
"__SSection": "___SSection_fzhrm_gg_"
|
|
46
48
|
});
|
|
47
|
-
import
|
|
49
|
+
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
48
50
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
49
|
-
_inherits(FullscreenModalRoot, _Component);
|
|
50
|
-
var _super = _createSuper(FullscreenModalRoot);
|
|
51
51
|
function FullscreenModalRoot() {
|
|
52
52
|
var _this;
|
|
53
53
|
_classCallCheck(this, FullscreenModalRoot);
|
|
54
54
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
55
|
args[_key] = arguments[_key];
|
|
56
56
|
}
|
|
57
|
-
_this =
|
|
58
|
-
_defineProperty(
|
|
57
|
+
_this = _callSuper(this, FullscreenModalRoot, [].concat(args));
|
|
58
|
+
_defineProperty(_this, "state", {
|
|
59
59
|
hasTitle: false
|
|
60
60
|
});
|
|
61
|
-
_defineProperty(
|
|
61
|
+
_defineProperty(_this, "bindHandlerClose", function (trigger) {
|
|
62
62
|
return function (e) {
|
|
63
|
-
fire(
|
|
63
|
+
fire(_this, 'onClose', trigger, e);
|
|
64
64
|
};
|
|
65
65
|
});
|
|
66
66
|
return _this;
|
|
67
67
|
}
|
|
68
|
-
|
|
68
|
+
_inherits(FullscreenModalRoot, _Component);
|
|
69
|
+
return _createClass(FullscreenModalRoot, [{
|
|
69
70
|
key: "getCloseProps",
|
|
70
71
|
value: function getCloseProps() {
|
|
71
72
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -100,7 +101,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
100
101
|
key: "render",
|
|
101
102
|
value: function render() {
|
|
102
103
|
var _ref = this.asProps,
|
|
103
|
-
|
|
104
|
+
_ref0;
|
|
104
105
|
var SFullscreenModal = Modal.Window;
|
|
105
106
|
var _this$asProps = this.asProps,
|
|
106
107
|
styles = _this$asProps.styles,
|
|
@@ -114,19 +115,18 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
|
114
115
|
uid = _this$asProps.uid;
|
|
115
116
|
var hasTitle = this.state.hasTitle;
|
|
116
117
|
var SFullscreenOverlay = Modal.Overlay;
|
|
117
|
-
return
|
|
118
|
+
return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(Modal, _ref0.cn("Modal", {
|
|
118
119
|
"closable": false,
|
|
119
120
|
"visible": visible,
|
|
120
121
|
"onClose": onClose,
|
|
121
122
|
"duration": duration,
|
|
122
123
|
"disablePortal": disablePortal
|
|
123
|
-
}), /*#__PURE__*/React.createElement(SFullscreenOverlay,
|
|
124
|
+
}), /*#__PURE__*/React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", _objectSpread({}, _assignProps({
|
|
124
125
|
"aria-label": hasTitle ? undefined : getI18nText('title'),
|
|
125
126
|
"aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
|
|
126
|
-
}, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children,
|
|
127
|
+
}, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})))));
|
|
127
128
|
}
|
|
128
129
|
}]);
|
|
129
|
-
return FullscreenModalRoot;
|
|
130
130
|
}(Component);
|
|
131
131
|
_defineProperty(FullscreenModalRoot, "displayName", 'FullscreenModal');
|
|
132
132
|
_defineProperty(FullscreenModalRoot, "style", style);
|
|
@@ -137,83 +137,83 @@ _defineProperty(FullscreenModalRoot, "defaultProps", {
|
|
|
137
137
|
});
|
|
138
138
|
function Header(props) {
|
|
139
139
|
var _ref2 = arguments[0],
|
|
140
|
-
|
|
140
|
+
_ref1;
|
|
141
141
|
var SHeader = Box;
|
|
142
142
|
var Children = props.Children,
|
|
143
143
|
styles = props.styles,
|
|
144
144
|
title = props.title,
|
|
145
145
|
description = props.description;
|
|
146
|
-
return
|
|
146
|
+
return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref1.cn("SHeader", _objectSpread({}, _assignProps2({}, _ref2))), title && /*#__PURE__*/React.createElement(FullscreenModal.Title, {
|
|
147
147
|
children: title
|
|
148
148
|
}), description && /*#__PURE__*/React.createElement(FullscreenModal.Description, {
|
|
149
149
|
children: description
|
|
150
|
-
}), /*#__PURE__*/React.createElement(Children,
|
|
150
|
+
}), /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})));
|
|
151
151
|
}
|
|
152
152
|
function Body(props) {
|
|
153
153
|
var _ref3 = arguments[0],
|
|
154
|
-
|
|
154
|
+
_ref10;
|
|
155
155
|
var SBody = Box;
|
|
156
|
-
return
|
|
156
|
+
return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, _assignProps3({}, _ref3))));
|
|
157
157
|
}
|
|
158
158
|
function Section(props) {
|
|
159
159
|
var _ref4 = arguments[0],
|
|
160
|
-
|
|
160
|
+
_ref11;
|
|
161
161
|
var SSection = Box;
|
|
162
|
-
return
|
|
162
|
+
return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref11.cn("SSection", _objectSpread({}, _assignProps4({
|
|
163
163
|
"tag": 'section'
|
|
164
164
|
}, _ref4))));
|
|
165
165
|
}
|
|
166
166
|
function Footer(props) {
|
|
167
167
|
var _ref5 = arguments[0],
|
|
168
|
-
|
|
168
|
+
_ref12;
|
|
169
169
|
var SFooter = Flex;
|
|
170
|
-
return
|
|
170
|
+
return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, _assignProps5({}, _ref5))));
|
|
171
171
|
}
|
|
172
172
|
function Close(props) {
|
|
173
173
|
var _ref6 = arguments[0],
|
|
174
|
-
|
|
174
|
+
_ref13;
|
|
175
175
|
var SClose = Button;
|
|
176
176
|
var getI18nText = props.getI18nText;
|
|
177
|
-
return
|
|
177
|
+
return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, _assignProps6({
|
|
178
178
|
"use": 'tertiary',
|
|
179
179
|
"size": 'l',
|
|
180
180
|
"theme": 'muted',
|
|
181
181
|
"aria-label": getI18nText('close')
|
|
182
182
|
}, _ref6))), /*#__PURE__*/React.createElement(Button.Addon, {
|
|
183
|
-
ml:
|
|
184
|
-
mr:
|
|
185
|
-
}, /*#__PURE__*/React.createElement(CloseIcon,
|
|
183
|
+
ml: "7px",
|
|
184
|
+
mr: "7px"
|
|
185
|
+
}, /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
|
|
186
186
|
"title": getI18nText('close')
|
|
187
187
|
}))));
|
|
188
188
|
}
|
|
189
189
|
function Title(props) {
|
|
190
190
|
var _ref7 = arguments[0],
|
|
191
|
-
|
|
191
|
+
_ref14;
|
|
192
192
|
var STitle = Text;
|
|
193
193
|
var setHasTitle = props.setHasTitle;
|
|
194
194
|
React.useEffect(function () {
|
|
195
195
|
return setHasTitle();
|
|
196
196
|
});
|
|
197
|
-
return
|
|
197
|
+
return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, _assignProps7({
|
|
198
198
|
"tag": 'h2'
|
|
199
199
|
}, _ref7))));
|
|
200
200
|
}
|
|
201
201
|
function Description(props) {
|
|
202
202
|
var _ref8 = arguments[0],
|
|
203
|
-
|
|
203
|
+
_ref15;
|
|
204
204
|
var SDescription = Text;
|
|
205
|
-
return
|
|
205
|
+
return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref15.cn("SDescription", _objectSpread({}, _assignProps8({}, _ref8))));
|
|
206
206
|
}
|
|
207
207
|
function Back(props) {
|
|
208
208
|
var _ref9 = arguments[0],
|
|
209
|
-
|
|
209
|
+
_ref16;
|
|
210
210
|
var SBack = Box;
|
|
211
211
|
var SBackText = Text;
|
|
212
212
|
var Children = props.Children,
|
|
213
213
|
styles = props.styles;
|
|
214
|
-
return
|
|
214
|
+
return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref16.cn("SBack", _objectSpread({}, _assignProps9({
|
|
215
215
|
"tag": 'button'
|
|
216
|
-
}, _ref9))), /*#__PURE__*/React.createElement(ArrowLeft,
|
|
216
|
+
}, _ref9))), /*#__PURE__*/React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref16.cn("Children", {}))));
|
|
217
217
|
}
|
|
218
218
|
Back.enhance = [keyboardFocusEnhance()];
|
|
219
219
|
var FullscreenModal = createComponent(FullscreenModalRoot, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["React","createComponent","Component","sstyled","Root","Modal","Flex","Box","CloseIcon","ArrowLeft","Text","Button","fire","localizedMessages","i18nEnhance","uniqueIDEnhancement","style","_sstyled","insert","keyboardFocusEnhance","FullscreenModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","trigger","e","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref12","SBody","_assignProps3","Section","_ref4","_ref13","SSection","_assignProps4","Footer","_ref5","_ref14","SFooter","_assignProps5","_ref6","_ref15","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref16","STitle","useEffect","_assignProps7","_ref8","_ref17","SDescription","_assignProps8","Back","_ref9","_ref18","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\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\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\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} tag={'section'} />);\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 const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml={'7px'} mr={'7px'}>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["Button","createComponent","Component","sstyled","Root","i18nEnhance","keyboardFocusEnhance","fire","uniqueIDEnhancement","Flex","Box","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","trigger","e","_inherits","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref10","SBody","_assignProps3","Section","_ref4","_ref11","SSection","_assignProps4","Footer","_ref5","_ref12","SFooter","_assignProps5","_ref6","_ref13","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\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\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\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} tag='section' />);\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 const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,eAAe,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,WAAW,MAAM,8CAA8C;AACtE,OAAOC,oBAAoB,MAAM,uDAAuD;AACxF,OAAOC,IAAI,MAAM,8BAA8B;AAC/C,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAASC,IAAI,EAAEC,GAAG,QAAQ,mBAAmB;AAC7C,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,KAAK,MAAM,gBAAgB;AAClC,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG1B,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC,IAE7EC,mBAAmB,0BAAAC,UAAA;EAAA,SAAAD,oBAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,mBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,mBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,WASf;MAAEW,QAAQ,EAAE;IAAM,CAAC;IAAAD,eAAA,CAAAV,KAAA,sBAER,UAACY,OAAO;MAAA,OAAK,UAACC,CAAC,EAAK;QACrC5B,IAAI,CAAAe,KAAA,EAAO,SAAS,EAAEY,OAAO,EAAEC,CAAC,CAAC;MACnC,CAAC;IAAA;IAAA,OAAAb,KAAA;EAAA;EAAAc,SAAA,CAAAhB,mBAAA,EAAAC,UAAA;EAAA,OAAAgB,YAAA,CAAAjB,mBAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,aAAaA,CAAA,EAAG;MACd,IAAQC,WAAW,GAAK,IAAI,CAACC,OAAO,CAA5BD,WAAW;MACnB,OAAO;QACLE,OAAO,EAAE,IAAI,CAACC,gBAAgB,CAAC,cAAc,CAAC;QAC9CH,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAM,YAAYA,CAAA,EAAG;MACb,OAAO;QACLF,OAAO,EAAE,IAAI,CAACC,gBAAgB,CAAC,aAAa;MAC9C,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAO,aAAaA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACd,IAAQC,GAAG,GAAK,IAAI,CAACN,OAAO,CAApBM,GAAG;MACX,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;QAAA,OAASF,MAAI,CAACG,QAAQ,CAAC;UAAEjB,QAAQ,EAAE;QAAK,CAAC,CAAC;MAAA;MAE3D,OAAO;QACLkB,EAAE,SAAApB,MAAA,CAASiB,GAAG,WAAQ;QACtBC,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAa,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAX,OAAA;QAAAY,KAAA;MACP,IAAMC,gBAAgB,GAyBN1C,KAAK,CAAC2C,MAAM;MAxB5B,IAAAC,aAAA,GAUI,IAAI,CAACf,OAAO;QATdgB,MAAM,GAAAD,aAAA,CAANC,MAAM;QACNC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QACRC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QACPC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QACPC,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QACRC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;QACRC,aAAa,GAAAP,aAAA,CAAbO,aAAa;QACbvB,WAAW,GAAAgB,aAAA,CAAXhB,WAAW;QACXO,GAAG,GAAAS,aAAA,CAAHT,GAAG;MAEL,IAAQf,QAAQ,GAAK,IAAI,CAACgC,KAAK,CAAvBhC,QAAQ;MAChB,IAAMiC,kBAAkB,GAAGrD,KAAK,CAACsD,OAAO;MAExC,OAAAb,KAAA,GAAOnD,OAAO,CAACuD,MAAM,CAAC,eACpB3C,KAAA,CAAAqD,aAAA,CAACvD,KAAK,EAAAyC,KAAA,CAAAe,EAAA;QAAA,YACM,KAAK;QAAA,WACNR,OAAO;QAAA,WACPD,OAAO;QAAA,YACNG,QAAQ;QAAA,iBACHC;MAAa,iBAE5BjD,KAAA,CAAAqD,aAAA,CAACF,kBAAkB,EAAAZ,KAAA,CAAAe,EAAA,yCACjBtD,KAAA,CAAAqD,aAAA,CAACb,gBAAgB,EAAAD,KAAA,CAAAe,EAAA,qBAAAC,aAAA,KAAAC,YAAA;QAAA,cAEHtC,QAAQ,GAAGuC,SAAS,GAAG/B,WAAW,CAAC,OAAO,CAAC;QAAA,mBACtCR,QAAQ,UAAAF,MAAA,CAAUiB,GAAG,cAAWwB;MAAS,GAAAnB,IAAA,KAEzDS,QAAQ,iBAAI/C,KAAA,CAAAqD,aAAA,CAACK,eAAe,CAACC,KAAK,MAAE,CAAC,eACtC3D,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAAL,KAAA,CAAAe,EAAA,gBAAE,CACK,CACA,CACf,CAAC;IAEZ;EAAC;AAAA,EA3E+BnE,SAAS;AAAA8B,eAAA,CAArCZ,mBAAmB,iBACF,iBAAiB;AAAAY,eAAA,CADlCZ,mBAAmB,WAERJ,KAAK;AAAAgB,eAAA,CAFhBZ,mBAAmB,aAGN,CAACf,WAAW,CAACc,iBAAiB,CAAC,EAAEX,mBAAmB,CAAC,CAAC,CAAC;AAAAwB,eAAA,CAHpEZ,mBAAmB,kBAID;EACpBuD,IAAI,EAAExD,iBAAiB;EACvByD,MAAM,EAAE;AACV,CAAC;AAuEH,SAASC,MAAMA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACrB,IAAMC,OAAO,GAGMxE,GAAG;EAFtB,IAAQiD,QAAQ,GAAiCmB,KAAK,CAA9CnB,QAAQ;IAAED,MAAM,GAAyBoB,KAAK,CAApCpB,MAAM;IAAEyB,KAAK,GAAkBL,KAAK,CAA5BK,KAAK;IAAEC,WAAW,GAAKN,KAAK,CAArBM,WAAW;EAC5C,OAAAH,KAAA,GAAO9E,OAAO,CAACuD,MAAM,CAAC,eACpB3C,KAAA,CAAAqD,aAAA,CAACc,OAAO,EAAAD,KAAA,CAAAZ,EAAA,YAAAC,aAAA,KAAAe,aAAA,KAAAN,KAAA,KACLI,KAAK,iBAAIpE,KAAA,CAAAqD,aAAA,CAACK,eAAe,CAACa,KAAK;IAACC,QAAQ,EAAEJ;EAAM,CAAE,CAAC,EACnDC,WAAW,iBAAIrE,KAAA,CAAAqD,aAAA,CAACK,eAAe,CAACe,WAAW;IAACD,QAAQ,EAAEH;EAAY,CAAE,CAAC,eACtErE,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAAsB,KAAA,CAAAZ,EAAA,gBAAE,CACJ,CAAC;AAEd;AAEA,SAASoB,IAAIA,CAACX,KAAK,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,MAAA;EACnB,IAAMC,KAAK,GACiClF,GAAG;EAA/C,OAAAiF,MAAA,GAAOxF,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAACwB,KAAK,EAAAD,MAAA,CAAAtB,EAAA,UAAAC,aAAA,KAAAuB,aAAA,KAAAH,KAAA,GAAe,CAAC;AACrD;AAEA,SAASI,OAAOA,CAAChB,KAAK,EAAE;EAAA,IAAAiB,KAAA,GAAAf,YAAA;IAAAgB,MAAA;EACtB,IAAMC,QAAQ,GACiCvF,GAAG;EAAlD,OAAAsF,MAAA,GAAO7F,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAAC6B,QAAQ,EAAAD,MAAA,CAAA3B,EAAA,aAAAC,aAAA,KAAA4B,aAAA;IAAA,OAAkB;EAAS,GAAAH,KAAA,GAAE,CAAC;AACtE;AAEA,SAASI,MAAMA,CAACrB,KAAK,EAAE;EAAA,IAAAsB,KAAA,GAAApB,YAAA;IAAAqB,MAAA;EACrB,IAAMC,OAAO,GACiC7F,IAAI;EAAlD,OAAA4F,MAAA,GAAOlG,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAACkC,OAAO,EAAAD,MAAA,CAAAhC,EAAA,YAAAC,aAAA,KAAAiC,aAAA,KAAAH,KAAA,GAAgB,CAAC;AACxD;AAEA,SAAS1B,KAAKA,CAACI,KAAK,EAAE;EAAA,IAAA0B,KAAA,GAAAxB,YAAA;IAAAyB,MAAA;EACpB,IAAMC,MAAM,GAGM1G,MAAM;EAFxB,IAAQyC,WAAW,GAAKqC,KAAK,CAArBrC,WAAW;EACnB,OAAAgE,MAAA,GAAOtG,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAC1B3C,KAAA,CAAAqD,aAAA,CAACsC,MAAM,EAAAD,MAAA,CAAApC,EAAA,WAAAC,aAAA,KAAAqC,aAAA;IAAA,OAAqB,UAAU;IAAA,QAAM,GAAG;IAAA,SAAO,OAAO;IAAA,cAAalE,WAAW,CAAC,OAAO;EAAC,GAAA+D,KAAA,kBAC5FzF,KAAA,CAAAqD,aAAA,CAACpE,MAAM,CAAC4G,KAAK;IAACC,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC;EAAK,gBAC7B/F,KAAA,CAAAqD,aAAA,CAACxD,SAAS,EAAA6F,MAAA,CAAApC,EAAA;IAAA,SAAQ5B,WAAW,CAAC,OAAO;EAAC,EAAG,CAC7B,CACR,CAAC;AAEb;AAEA,SAAS6C,KAAKA,CAACR,KAAK,EAAE;EAAA,IAAAiC,KAAA,GAAA/B,YAAA;IAAAgC,MAAA;EACpB,IAAMC,MAAM,GAKiCnG,IAAI;EAJjD,IAAQmC,WAAW,GAAK6B,KAAK,CAArB7B,WAAW;EAEnBlC,KAAK,CAACmG,SAAS,CAAC;IAAA,OAAMjE,WAAW,CAAC,CAAC;EAAA,EAAC;EAEpC,OAAA+D,MAAA,GAAO7G,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAAC6C,MAAM,EAAAD,MAAA,CAAA3C,EAAA,WAAAC,aAAA,KAAA6C,aAAA;IAAA,OAAmB;EAAI,GAAAJ,KAAA,GAAE,CAAC;AAChE;AAEA,SAASvB,WAAWA,CAACV,KAAK,EAAE;EAAA,IAAAsC,KAAA,GAAApC,YAAA;IAAAqC,MAAA;EAC1B,IAAMC,YAAY,GACiCxG,IAAI;EAAvD,OAAAuG,MAAA,GAAOlH,OAAO,CAAC2E,KAAK,CAACpB,MAAM,CAAC,eAAC3C,KAAA,CAAAqD,aAAA,CAACkD,YAAY,EAAAD,MAAA,CAAAhD,EAAA,iBAAAC,aAAA,KAAAiD,aAAA,KAAAH,KAAA,GAAgB,CAAC;AAC7D;AAEA,SAASI,IAAIA,CAAC1C,KAAK,EAAE;EAAA,IAAA2C,KAAA,GAAAzC,YAAA;IAAA0C,MAAA;EACnB,IAAMC,KAAK,GAKMjH,GAAG;EAJpB,IAAMkH,SAAS,GAAG9G,IAAI;EACtB,IAAQ6C,QAAQ,GAAamB,KAAK,CAA1BnB,QAAQ;IAAED,MAAM,GAAKoB,KAAK,CAAhBpB,MAAM;EAExB,OAAAgE,MAAA,GAAOvH,OAAO,CAACuD,MAAM,CAAC,eACpB3C,KAAA,CAAAqD,aAAA,CAACuD,KAAK,EAAAD,MAAA,CAAArD,EAAA,UAAAC,aAAA,KAAAuD,aAAA;IAAA,OAAkB;EAAQ,GAAAJ,KAAA,kBAC9B1G,KAAA,CAAAqD,aAAA,CAACzD,SAAS,EAAA+G,MAAA,CAAArD,EAAA,iBAAE,CAAC,eACbtD,KAAA,CAAAqD,aAAA,CAACwD,SAAS,EAAAF,MAAA,CAAArD,EAAA,gCACRtD,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAA+D,MAAA,CAAArD,EAAA,gBAAE,CACF,CACN,CAAC;AAEZ;AACAmD,IAAI,CAACM,OAAO,GAAG,CAACxH,oBAAoB,CAAC,CAAC,CAAC;AAEvC,IAAMmE,eAAe,GAAGxE,eAAe,CACrCmB,mBAAmB,EACnB;EACEyD,MAAM,EAANA,MAAM;EACNsB,MAAM,EAANA,MAAM;EACNzB,KAAK,EAALA,KAAK;EACL8C,IAAI,EAAJA,IAAI;EACJ/B,IAAI,EAAJA,IAAI;EACJK,OAAO,EAAPA,OAAO;EACPR,KAAK,EAALA,KAAK;EACLE,WAAW,EAAXA;AACF,CAAC,EACD;EAAEuC,MAAM,EAAElH;AAAM,CAClB,CAAC;AAED,eAAe4D,eAAe","ignoreList":[]}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}\nexport type FullscreenModalProps = ModalProps & {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalHeaderProps\n extends FullscreenModalHeaderProps,\n UnknownProperties {}\nexport type FullscreenModalHeaderProps = BoxProps & {\n title?: React.ReactNode;\n description?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}\nexport type FullscreenModalContext = {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n 'div',\n FullscreenModalProps,\n FullscreenModalContext\n> & {\n Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n Footer: typeof Flex;\n Close: typeof Button;\n Back: typeof Box;\n Body: typeof Box;\n Section: typeof Box;\n Title: typeof Text;\n Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB","ignoreList":[]}
|
|
@@ -6,12 +6,12 @@ import it from './it.json';
|
|
|
6
6
|
import ja from './ja.json';
|
|
7
7
|
import ko from './ko.json';
|
|
8
8
|
import nl from './nl.json';
|
|
9
|
+
import pl from './pl.json';
|
|
9
10
|
import pt from './pt.json';
|
|
11
|
+
import sv from './sv.json';
|
|
10
12
|
import tr from './tr.json';
|
|
11
13
|
import vi from './vi.json';
|
|
12
14
|
import zh from './zh.json';
|
|
13
|
-
import pl from './pl.json';
|
|
14
|
-
import sv from './sv.json';
|
|
15
15
|
export var localizedMessages = {
|
|
16
16
|
de: de,
|
|
17
17
|
en: en,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
|
@@ -1,68 +1,71 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
5
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import
|
|
9
|
+
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
10
|
+
import Button from "@semcore/button";
|
|
11
|
+
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
12
|
+
import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
|
|
13
|
+
import fire from "@semcore/core/lib/utils/fire";
|
|
14
|
+
import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
|
|
11
15
|
import { Box, Flex } from "@semcore/flex-box";
|
|
12
|
-
import CloseIcon from "@semcore/icon/Close/l";
|
|
13
16
|
import ArrowLeft from "@semcore/icon/ArrowLeft/m";
|
|
17
|
+
import CloseIcon from "@semcore/icon/Close/l";
|
|
18
|
+
import Modal from "@semcore/modal";
|
|
14
19
|
import { Text } from "@semcore/typography";
|
|
15
|
-
import
|
|
16
|
-
import fire from "@semcore/core/lib/utils/fire";
|
|
20
|
+
import React from "react";
|
|
17
21
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
function _callSuper(t, o, e) {
|
|
23
|
+
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
24
|
+
}
|
|
21
25
|
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
22
26
|
var style = (
|
|
23
27
|
/*__reshadow_css_start__*/
|
|
24
28
|
(sstyled.insert(
|
|
25
29
|
/*__inner_css_start__*/
|
|
26
|
-
'.
|
|
30
|
+
'.___SFullscreenOverlay_fzhrm_gg_{padding:0}.___SFullscreenModal_fzhrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_fzhrm_gg_{position:absolute;top:17px;right:24px}.___SBack_fzhrm_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_fzhrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_fzhrm_gg_.__keyboardFocused_fzhrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_fzhrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_fzhrm_gg_,.___SDescription_fzhrm_gg_,.___STitle_fzhrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_fzhrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_fzhrm_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_fzhrm_gg_{transition:none}}',
|
|
27
31
|
/*__inner_css_end__*/
|
|
28
|
-
"
|
|
32
|
+
"fzhrm_gg_"
|
|
29
33
|
), /*__reshadow_css_end__*/
|
|
30
34
|
{
|
|
31
|
-
"__SFullscreenOverlay": "
|
|
32
|
-
"__SFullscreenModal": "
|
|
33
|
-
"__SClose": "
|
|
34
|
-
"__SBack": "
|
|
35
|
-
"_keyboardFocused": "
|
|
36
|
-
"__SBackText": "
|
|
37
|
-
"__STitle": "
|
|
38
|
-
"__SDescription": "
|
|
39
|
-
"__SHeader": "
|
|
40
|
-
"__SFooter": "
|
|
41
|
-
"__SBody": "
|
|
42
|
-
"__SSection": "
|
|
35
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_fzhrm_gg_",
|
|
36
|
+
"__SFullscreenModal": "___SFullscreenModal_fzhrm_gg_",
|
|
37
|
+
"__SClose": "___SClose_fzhrm_gg_",
|
|
38
|
+
"__SBack": "___SBack_fzhrm_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_fzhrm_gg_",
|
|
40
|
+
"__SBackText": "___SBackText_fzhrm_gg_",
|
|
41
|
+
"__STitle": "___STitle_fzhrm_gg_",
|
|
42
|
+
"__SDescription": "___SDescription_fzhrm_gg_",
|
|
43
|
+
"__SHeader": "___SHeader_fzhrm_gg_",
|
|
44
|
+
"__SFooter": "___SFooter_fzhrm_gg_",
|
|
45
|
+
"__SBody": "___SBody_fzhrm_gg_",
|
|
46
|
+
"__SSection": "___SSection_fzhrm_gg_"
|
|
43
47
|
})
|
|
44
48
|
);
|
|
45
49
|
var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
|
|
46
|
-
_inherits(FullscreenModalRoot2, _Component);
|
|
47
|
-
var _super = _createSuper(FullscreenModalRoot2);
|
|
48
50
|
function FullscreenModalRoot2() {
|
|
49
51
|
var _this;
|
|
50
52
|
_classCallCheck(this, FullscreenModalRoot2);
|
|
51
53
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
52
54
|
args[_key] = arguments[_key];
|
|
53
55
|
}
|
|
54
|
-
_this =
|
|
55
|
-
_defineProperty(
|
|
56
|
+
_this = _callSuper(this, FullscreenModalRoot2, [].concat(args));
|
|
57
|
+
_defineProperty(_this, "state", {
|
|
56
58
|
hasTitle: false
|
|
57
59
|
});
|
|
58
|
-
_defineProperty(
|
|
60
|
+
_defineProperty(_this, "bindHandlerClose", function(trigger) {
|
|
59
61
|
return function(e) {
|
|
60
|
-
fire(
|
|
62
|
+
fire(_this, "onClose", trigger, e);
|
|
61
63
|
};
|
|
62
64
|
});
|
|
63
65
|
return _this;
|
|
64
66
|
}
|
|
65
|
-
|
|
67
|
+
_inherits(FullscreenModalRoot2, _Component);
|
|
68
|
+
return _createClass(FullscreenModalRoot2, [{
|
|
66
69
|
key: "getCloseProps",
|
|
67
70
|
value: function getCloseProps() {
|
|
68
71
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -96,24 +99,23 @@ var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
|
|
|
96
99
|
}, {
|
|
97
100
|
key: "render",
|
|
98
101
|
value: function render() {
|
|
99
|
-
var _ref = this.asProps,
|
|
102
|
+
var _ref = this.asProps, _ref0;
|
|
100
103
|
var SFullscreenModal = Modal.Window;
|
|
101
104
|
var _this$asProps = this.asProps, styles = _this$asProps.styles, Children = _this$asProps.Children, onClose = _this$asProps.onClose, visible = _this$asProps.visible, closable = _this$asProps.closable, duration = _this$asProps.duration, disablePortal = _this$asProps.disablePortal, getI18nText = _this$asProps.getI18nText, uid = _this$asProps.uid;
|
|
102
105
|
var hasTitle = this.state.hasTitle;
|
|
103
106
|
var SFullscreenOverlay = Modal.Overlay;
|
|
104
|
-
return
|
|
107
|
+
return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(Modal, _ref0.cn("Modal", {
|
|
105
108
|
"closable": false,
|
|
106
109
|
"visible": visible,
|
|
107
110
|
"onClose": onClose,
|
|
108
111
|
"duration": duration,
|
|
109
112
|
"disablePortal": disablePortal
|
|
110
|
-
}), /* @__PURE__ */ React.createElement(SFullscreenOverlay,
|
|
113
|
+
}), /* @__PURE__ */ React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /* @__PURE__ */ React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", _objectSpread({}, assignProps({
|
|
111
114
|
"aria-label": hasTitle ? void 0 : getI18nText("title"),
|
|
112
115
|
"aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0
|
|
113
|
-
}, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children,
|
|
116
|
+
}, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref0.cn("Children", {})))));
|
|
114
117
|
}
|
|
115
118
|
}]);
|
|
116
|
-
return FullscreenModalRoot2;
|
|
117
119
|
}(Component);
|
|
118
120
|
_defineProperty(FullscreenModalRoot, "displayName", "FullscreenModal");
|
|
119
121
|
_defineProperty(FullscreenModalRoot, "style", style);
|
|
@@ -123,37 +125,37 @@ _defineProperty(FullscreenModalRoot, "defaultProps", {
|
|
|
123
125
|
locale: "en"
|
|
124
126
|
});
|
|
125
127
|
function Header(props) {
|
|
126
|
-
var _ref2 = arguments[0],
|
|
128
|
+
var _ref2 = arguments[0], _ref1;
|
|
127
129
|
var SHeader = Box;
|
|
128
130
|
var Children = props.Children, styles = props.styles, title = props.title, description = props.description;
|
|
129
|
-
return
|
|
131
|
+
return _ref1 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref1.cn("SHeader", _objectSpread({}, assignProps({}, _ref2))), title && /* @__PURE__ */ React.createElement(FullscreenModal.Title, {
|
|
130
132
|
children: title
|
|
131
133
|
}), description && /* @__PURE__ */ React.createElement(FullscreenModal.Description, {
|
|
132
134
|
children: description
|
|
133
|
-
}), /* @__PURE__ */ React.createElement(Children,
|
|
135
|
+
}), /* @__PURE__ */ React.createElement(Children, _ref1.cn("Children", {})));
|
|
134
136
|
}
|
|
135
137
|
function Body(props) {
|
|
136
|
-
var _ref3 = arguments[0],
|
|
138
|
+
var _ref3 = arguments[0], _ref10;
|
|
137
139
|
var SBody = Box;
|
|
138
|
-
return
|
|
140
|
+
return _ref10 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, assignProps({}, _ref3))));
|
|
139
141
|
}
|
|
140
142
|
function Section(props) {
|
|
141
|
-
var _ref4 = arguments[0],
|
|
143
|
+
var _ref4 = arguments[0], _ref11;
|
|
142
144
|
var SSection = Box;
|
|
143
|
-
return
|
|
145
|
+
return _ref11 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SSection, _ref11.cn("SSection", _objectSpread({}, assignProps({
|
|
144
146
|
"tag": "section"
|
|
145
147
|
}, _ref4))));
|
|
146
148
|
}
|
|
147
149
|
function Footer(props) {
|
|
148
|
-
var _ref5 = arguments[0],
|
|
150
|
+
var _ref5 = arguments[0], _ref12;
|
|
149
151
|
var SFooter = Flex;
|
|
150
|
-
return
|
|
152
|
+
return _ref12 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, assignProps({}, _ref5))));
|
|
151
153
|
}
|
|
152
154
|
function Close(props) {
|
|
153
|
-
var _ref6 = arguments[0],
|
|
155
|
+
var _ref6 = arguments[0], _ref13;
|
|
154
156
|
var SClose = Button;
|
|
155
157
|
var getI18nText = props.getI18nText;
|
|
156
|
-
return
|
|
158
|
+
return _ref13 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, assignProps({
|
|
157
159
|
"use": "tertiary",
|
|
158
160
|
"size": "l",
|
|
159
161
|
"theme": "muted",
|
|
@@ -161,34 +163,34 @@ function Close(props) {
|
|
|
161
163
|
}, _ref6))), /* @__PURE__ */ React.createElement(Button.Addon, {
|
|
162
164
|
ml: "7px",
|
|
163
165
|
mr: "7px"
|
|
164
|
-
}, /* @__PURE__ */ React.createElement(CloseIcon,
|
|
166
|
+
}, /* @__PURE__ */ React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
|
|
165
167
|
"title": getI18nText("close")
|
|
166
168
|
}))));
|
|
167
169
|
}
|
|
168
170
|
function Title(props) {
|
|
169
|
-
var _ref7 = arguments[0],
|
|
171
|
+
var _ref7 = arguments[0], _ref14;
|
|
170
172
|
var STitle = Text;
|
|
171
173
|
var setHasTitle = props.setHasTitle;
|
|
172
174
|
React.useEffect(function() {
|
|
173
175
|
return setHasTitle();
|
|
174
176
|
});
|
|
175
|
-
return
|
|
177
|
+
return _ref14 = sstyled(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, assignProps({
|
|
176
178
|
"tag": "h2"
|
|
177
179
|
}, _ref7))));
|
|
178
180
|
}
|
|
179
181
|
function Description(props) {
|
|
180
|
-
var _ref8 = arguments[0],
|
|
182
|
+
var _ref8 = arguments[0], _ref15;
|
|
181
183
|
var SDescription = Text;
|
|
182
|
-
return
|
|
184
|
+
return _ref15 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref15.cn("SDescription", _objectSpread({}, assignProps({}, _ref8))));
|
|
183
185
|
}
|
|
184
186
|
function Back(props) {
|
|
185
|
-
var _ref9 = arguments[0],
|
|
187
|
+
var _ref9 = arguments[0], _ref16;
|
|
186
188
|
var SBack = Box;
|
|
187
189
|
var SBackText = Text;
|
|
188
190
|
var Children = props.Children, styles = props.styles;
|
|
189
|
-
return
|
|
191
|
+
return _ref16 = sstyled(styles), /* @__PURE__ */ React.createElement(SBack, _ref16.cn("SBack", _objectSpread({}, assignProps({
|
|
190
192
|
"tag": "button"
|
|
191
|
-
}, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft,
|
|
193
|
+
}, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /* @__PURE__ */ React.createElement(SBackText, _ref16.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref16.cn("Children", {}))));
|
|
192
194
|
}
|
|
193
195
|
Back.enhance = [keyboardFocusEnhance()];
|
|
194
196
|
var FullscreenModal = createComponent(FullscreenModalRoot, {
|
|
@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
|
|
|
6
6
|
import ja from "./ja.json.mjs";
|
|
7
7
|
import ko from "./ko.json.mjs";
|
|
8
8
|
import nl from "./nl.json.mjs";
|
|
9
|
+
import pl from "./pl.json.mjs";
|
|
9
10
|
import pt from "./pt.json.mjs";
|
|
11
|
+
import sv from "./sv.json.mjs";
|
|
10
12
|
import tr from "./tr.json.mjs";
|
|
11
13
|
import vi from "./vi.json.mjs";
|
|
12
14
|
import zh from "./zh.json.mjs";
|
|
13
|
-
import pl from "./pl.json.mjs";
|
|
14
|
-
import sv from "./sv.json.mjs";
|
|
15
15
|
var localizedMessages = {
|
|
16
16
|
de,
|
|
17
17
|
en,
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import { Flex, Box, BoxProps } from '@semcore/flex-box';
|
|
4
|
-
import
|
|
5
|
-
import { Text } from '@semcore/typography';
|
|
1
|
+
import type Button from '@semcore/button';
|
|
2
|
+
import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
3
|
+
import type { Flex, Box, BoxProps } from '@semcore/flex-box';
|
|
4
|
+
import type { ModalProps } from '@semcore/modal';
|
|
5
|
+
import type { Text } from '@semcore/typography';
|
|
6
6
|
|
|
7
7
|
/** @deprecated */
|
|
8
8
|
export interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}
|
|
@@ -17,7 +17,7 @@ export type FullscreenModalProps = ModalProps & {
|
|
|
17
17
|
/** @deprecated */
|
|
18
18
|
export interface IFullscreenModalHeaderProps
|
|
19
19
|
extends FullscreenModalHeaderProps,
|
|
20
|
-
|
|
20
|
+
UnknownProperties {}
|
|
21
21
|
export type FullscreenModalHeaderProps = BoxProps & {
|
|
22
22
|
title?: React.ReactNode;
|
|
23
23
|
description?: React.ReactNode;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/fullscreen-modal",
|
|
3
3
|
"description": "Semrush FullscreenModal Component",
|
|
4
|
-
"version": "16.1.
|
|
4
|
+
"version": "16.1.2-prerelease.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/icon": "16.2.
|
|
18
|
-
"@semcore/modal": "16.1.
|
|
19
|
-
"@semcore/typography": "16.1.
|
|
20
|
-
"@semcore/button": "16.0.
|
|
21
|
-
"@semcore/flex-box": "16.0.
|
|
17
|
+
"@semcore/icon": "16.2.1-prerelease.3",
|
|
18
|
+
"@semcore/modal": "16.1.2-prerelease.3",
|
|
19
|
+
"@semcore/typography": "16.1.2-prerelease.3",
|
|
20
|
+
"@semcore/button": "16.0.2-prerelease.3",
|
|
21
|
+
"@semcore/flex-box": "16.0.2-prerelease.3"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.0.
|
|
24
|
+
"@semcore/base-components": "^16.0.2-prerelease.3"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"directory": "semcore/fullscreen-modal"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@
|
|
32
|
+
"@semcore/core": "16.0.0",
|
|
33
33
|
"@semcore/testing-utils": "1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|