@semcore/modal 16.1.13 → 17.0.0-prerelease.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Modal.js +177 -185
- package/lib/cjs/Modal.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +3 -3
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Modal.js +165 -172
- package/lib/es6/Modal.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Modal.mjs +164 -143
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/types/index.d.ts +2 -10
- package/package.json +8 -10
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
package/lib/es6/Modal.js
CHANGED
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
2
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
3
|
import { assignProps as _assignProps5 } from "@semcore/core";
|
|
@@ -10,8 +5,7 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
10
5
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
11
6
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
12
7
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
13
|
-
import { FadeInOut, Slide } from '@semcore/
|
|
14
|
-
import { Flex } from '@semcore/base-components';
|
|
8
|
+
import { FadeInOut, Slide, Flex, OutsideClick, Portal, PortalProvider } from '@semcore/base-components';
|
|
15
9
|
import Button from '@semcore/button';
|
|
16
10
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
17
11
|
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
@@ -25,131 +19,116 @@ import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
|
|
|
25
19
|
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
26
20
|
import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
|
|
27
21
|
import CloseIcon from '@semcore/icon/Close/l';
|
|
28
|
-
import OutsideClick from '@semcore/outside-click';
|
|
29
|
-
import Portal, { PortalProvider } from '@semcore/portal';
|
|
30
22
|
import { Text } from '@semcore/typography';
|
|
31
23
|
import React from 'react';
|
|
32
24
|
/*!__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
33
|
-
|
|
25
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWindow_1ij8i_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1ij8i_gg_:focus{outline:0}.___SWindow_1ij8i_gg_ .___STitle_1ij8i_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1ij8i_gg_ .___STitle_1ij8i_gg_.__color_1ij8i_gg_{color:var(--color_1ij8i)}.___SWindow_1ij8i_gg_ .___SClose_1ij8i_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1ij8i_gg_ .___SClose_1ij8i_gg_.__ghost_1ij8i_gg_{right:0;top:0}.___SWindow_1ij8i_gg_.__ghost_1ij8i_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_1ij8i_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_1ij8i_gg_{display:flex;justify-content:center;flex-wrap:wrap;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1ij8i_gg_ .___SOverlay_1ij8i_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1ij8i_gg_{min-width:60%}.___SOverlayContentWrapper_1ij8i_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"1ij8i_gg_"),
|
|
34
26
|
/*__reshadow_css_end__*/
|
|
35
27
|
{
|
|
36
|
-
"__SWindow": "
|
|
37
|
-
"_ghost": "
|
|
38
|
-
"__SOverlayContentWrapper": "
|
|
39
|
-
"__STitle": "
|
|
40
|
-
"_color": "
|
|
41
|
-
"--color": "--
|
|
42
|
-
"__SClose": "
|
|
43
|
-
"__SOverlay": "
|
|
28
|
+
"__SWindow": "___SWindow_1ij8i_gg_",
|
|
29
|
+
"_ghost": "__ghost_1ij8i_gg_",
|
|
30
|
+
"__SOverlayContentWrapper": "___SOverlayContentWrapper_1ij8i_gg_",
|
|
31
|
+
"__STitle": "___STitle_1ij8i_gg_",
|
|
32
|
+
"_color": "__color_1ij8i_gg_",
|
|
33
|
+
"--color": "--color_1ij8i",
|
|
34
|
+
"__SClose": "___SClose_1ij8i_gg_",
|
|
35
|
+
"__SOverlay": "___SOverlay_1ij8i_gg_"
|
|
44
36
|
});
|
|
45
37
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
51
|
-
args[_key] = arguments[_key];
|
|
52
|
-
}
|
|
53
|
-
_this = _callSuper(this, ModalRoot, [].concat(args));
|
|
54
|
-
_defineProperty(_this, "state", {
|
|
38
|
+
class ModalRoot extends Component {
|
|
39
|
+
constructor(...args) {
|
|
40
|
+
super(...args);
|
|
41
|
+
_defineProperty(this, "state", {
|
|
55
42
|
hasTitle: false
|
|
56
43
|
});
|
|
57
|
-
_defineProperty(
|
|
44
|
+
_defineProperty(this, "handleKeyDown", e => {
|
|
58
45
|
if (e.key === 'Escape') {
|
|
59
46
|
e.stopPropagation();
|
|
60
|
-
fire(
|
|
47
|
+
fire(this, 'onClose', 'onEscape', e);
|
|
61
48
|
}
|
|
62
49
|
});
|
|
63
|
-
_defineProperty(
|
|
64
|
-
fire(
|
|
50
|
+
_defineProperty(this, "handleIconCloseClick", e => {
|
|
51
|
+
fire(this, 'onClose', 'onCloseClick', e);
|
|
65
52
|
});
|
|
66
|
-
_defineProperty(
|
|
67
|
-
fire(
|
|
53
|
+
_defineProperty(this, "handleOutsideClick", e => {
|
|
54
|
+
fire(this, 'onClose', 'onOutsideClick', e);
|
|
68
55
|
});
|
|
69
|
-
return _this;
|
|
70
56
|
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
return /*#__PURE__*/React.createElement(Portal, {
|
|
147
|
-
disablePortal: disablePortal,
|
|
148
|
-
ignorePortalsStacking: ignorePortalsStacking
|
|
149
|
-
}, advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Modal.Overlay, null, /*#__PURE__*/React.createElement(Modal.Window, _assignProps({}, _ref))));
|
|
150
|
-
}
|
|
151
|
-
}]);
|
|
152
|
-
}(Component);
|
|
57
|
+
getOverlayProps() {
|
|
58
|
+
const {
|
|
59
|
+
duration,
|
|
60
|
+
visible,
|
|
61
|
+
animationsDisabled,
|
|
62
|
+
disablePreventScroll
|
|
63
|
+
} = this.asProps;
|
|
64
|
+
return {
|
|
65
|
+
duration,
|
|
66
|
+
visible,
|
|
67
|
+
onOutsideClick: this.handleOutsideClick,
|
|
68
|
+
animationsDisabled,
|
|
69
|
+
disablePreventScroll
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
getWindowProps() {
|
|
73
|
+
const {
|
|
74
|
+
visible,
|
|
75
|
+
closable,
|
|
76
|
+
getI18nText,
|
|
77
|
+
uid,
|
|
78
|
+
duration,
|
|
79
|
+
animationsDisabled
|
|
80
|
+
} = this.asProps;
|
|
81
|
+
const {
|
|
82
|
+
hasTitle
|
|
83
|
+
} = this.state;
|
|
84
|
+
return {
|
|
85
|
+
visible,
|
|
86
|
+
closable,
|
|
87
|
+
'onKeyDown': this.handleKeyDown,
|
|
88
|
+
'aria-label': hasTitle ? undefined : getI18nText('title'),
|
|
89
|
+
'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,
|
|
90
|
+
duration,
|
|
91
|
+
animationsDisabled
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
getCloseProps() {
|
|
95
|
+
const {
|
|
96
|
+
getI18nText,
|
|
97
|
+
ghost
|
|
98
|
+
} = this.asProps;
|
|
99
|
+
return {
|
|
100
|
+
onClick: this.handleIconCloseClick,
|
|
101
|
+
getI18nText,
|
|
102
|
+
ghost
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
getTitleProps() {
|
|
106
|
+
const {
|
|
107
|
+
uid
|
|
108
|
+
} = this.asProps;
|
|
109
|
+
const setHasTitle = () => this.setState({
|
|
110
|
+
hasTitle: true
|
|
111
|
+
});
|
|
112
|
+
return {
|
|
113
|
+
id: `igc-${uid}-title`,
|
|
114
|
+
setHasTitle
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
render() {
|
|
118
|
+
var _ref = this.asProps;
|
|
119
|
+
const {
|
|
120
|
+
Children,
|
|
121
|
+
disablePortal,
|
|
122
|
+
forcedAdvancedMode,
|
|
123
|
+
ignorePortalsStacking
|
|
124
|
+
} = this.asProps;
|
|
125
|
+
const advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
|
|
126
|
+
return /*#__PURE__*/React.createElement(Portal, {
|
|
127
|
+
disablePortal: disablePortal,
|
|
128
|
+
ignorePortalsStacking: ignorePortalsStacking
|
|
129
|
+
}, advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Modal.Overlay, null, /*#__PURE__*/React.createElement(Modal.Window, _assignProps({}, _ref))));
|
|
130
|
+
}
|
|
131
|
+
}
|
|
153
132
|
_defineProperty(ModalRoot, "displayName", 'Modal');
|
|
154
133
|
_defineProperty(ModalRoot, "style", style);
|
|
155
134
|
_defineProperty(ModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), cssVariableEnhance({
|
|
@@ -167,24 +146,28 @@ _defineProperty(ModalRoot, "defaultProps", {
|
|
|
167
146
|
function Window(props) {
|
|
168
147
|
var _ref2 = arguments[0],
|
|
169
148
|
_ref6;
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
149
|
+
const SWindow = Slide;
|
|
150
|
+
const {
|
|
151
|
+
Children,
|
|
152
|
+
styles,
|
|
153
|
+
visible,
|
|
154
|
+
closable,
|
|
155
|
+
duration
|
|
156
|
+
} = props;
|
|
157
|
+
const windowRef = React.useRef(null);
|
|
177
158
|
useFocusLock(windowRef, 'enforced', 'auto', !visible, true);
|
|
178
|
-
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SWindow, _ref6.cn("SWindow",
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
159
|
+
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SWindow, _ref6.cn("SWindow", {
|
|
160
|
+
..._assignProps2({
|
|
161
|
+
"initialAnimation": true,
|
|
162
|
+
"slideOrigin": 'top',
|
|
163
|
+
"visible": visible,
|
|
164
|
+
"role": 'dialog',
|
|
165
|
+
"aria-modal": true,
|
|
166
|
+
"duration": duration,
|
|
167
|
+
"ref": windowRef,
|
|
168
|
+
"tabIndex": -1
|
|
169
|
+
}, _ref2)
|
|
170
|
+
}), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
|
|
188
171
|
"designToken": 'z-index-modal'
|
|
189
172
|
}), /*#__PURE__*/React.createElement(PortalProvider, _ref6.cn("PortalProvider", {
|
|
190
173
|
"value": windowRef
|
|
@@ -193,19 +176,23 @@ function Window(props) {
|
|
|
193
176
|
function Overlay(props) {
|
|
194
177
|
var _ref3 = arguments[0],
|
|
195
178
|
_ref7;
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
179
|
+
const SOverlay = FadeInOut;
|
|
180
|
+
const SOverlayContentWrapper = Flex;
|
|
181
|
+
const {
|
|
182
|
+
Children,
|
|
183
|
+
styles,
|
|
184
|
+
onOutsideClick,
|
|
185
|
+
visible
|
|
186
|
+
} = props;
|
|
187
|
+
const overlayContentWrapperRef = React.useRef(null);
|
|
203
188
|
usePreventScroll(visible, props.disablePreventScroll);
|
|
204
189
|
useContextTheme(overlayContentWrapperRef, visible);
|
|
205
|
-
|
|
206
|
-
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SOverlay, _ref7.cn("SOverlay",
|
|
207
|
-
|
|
208
|
-
|
|
190
|
+
const zIndex = useZIndexStacking('z-index-modal');
|
|
191
|
+
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SOverlay, _ref7.cn("SOverlay", {
|
|
192
|
+
..._assignProps3({
|
|
193
|
+
"zIndex": zIndex
|
|
194
|
+
}, _ref3)
|
|
195
|
+
}), /*#__PURE__*/React.createElement(SOverlayContentWrapper, _ref7.cn("SOverlayContentWrapper", {
|
|
209
196
|
"data-ui-name": 'Modal.Overlay.ContentWrapper',
|
|
210
197
|
"ref": overlayContentWrapperRef
|
|
211
198
|
}), /*#__PURE__*/React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
|
|
@@ -216,17 +203,21 @@ function Overlay(props) {
|
|
|
216
203
|
function Close(props) {
|
|
217
204
|
var _ref4 = arguments[0],
|
|
218
205
|
_ref8;
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
206
|
+
const SClose = Button;
|
|
207
|
+
const {
|
|
208
|
+
Children,
|
|
209
|
+
children: hasChildren,
|
|
210
|
+
getI18nText,
|
|
211
|
+
ghost
|
|
212
|
+
} = props;
|
|
213
|
+
return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", {
|
|
214
|
+
..._assignProps4({
|
|
215
|
+
"use": 'tertiary',
|
|
216
|
+
"size": 'l',
|
|
217
|
+
"theme": ghost ? 'invert' : 'muted',
|
|
218
|
+
"aria-label": getI18nText('close')
|
|
219
|
+
}, _ref4)
|
|
220
|
+
}), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})) : /*#__PURE__*/React.createElement(Button.Addon, {
|
|
230
221
|
ml: "7px",
|
|
231
222
|
mr: "7px"
|
|
232
223
|
}, /*#__PURE__*/React.createElement(CloseIcon, _ref8.cn("CloseIcon", {
|
|
@@ -236,24 +227,26 @@ function Close(props) {
|
|
|
236
227
|
function Title(props) {
|
|
237
228
|
var _ref5 = arguments[0],
|
|
238
229
|
_ref9;
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref9.cn("STitle",
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
230
|
+
const {
|
|
231
|
+
setHasTitle,
|
|
232
|
+
styles,
|
|
233
|
+
color
|
|
234
|
+
} = props;
|
|
235
|
+
const STitle = Text;
|
|
236
|
+
const resolveColor = useColorResolver();
|
|
237
|
+
React.useEffect(() => setHasTitle());
|
|
238
|
+
return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref9.cn("STitle", {
|
|
239
|
+
..._assignProps5({
|
|
240
|
+
"tag": 'h2',
|
|
241
|
+
"use:color": resolveColor(color)
|
|
242
|
+
}, _ref5)
|
|
243
|
+
}));
|
|
251
244
|
}
|
|
252
|
-
|
|
253
|
-
Window
|
|
254
|
-
Overlay
|
|
255
|
-
Close
|
|
256
|
-
Title
|
|
245
|
+
const Modal = createComponent(ModalRoot, {
|
|
246
|
+
Window,
|
|
247
|
+
Overlay,
|
|
248
|
+
Close,
|
|
249
|
+
Title
|
|
257
250
|
});
|
|
258
251
|
export default Modal;
|
|
259
252
|
//# sourceMappingURL=Modal.js.map
|
package/lib/es6/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["FadeInOut","Slide","Flex","Button","createComponent","Component","sstyled","Root","i18nEnhance","isAdvanceMode","fire","useContextTheme","uniqueIDEnhancement","useColorResolver","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","CloseIcon","OutsideClick","Portal","PortalProvider","Text","React","style","_sstyled","insert","localizedMessages","ModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","e","key","stopPropagation","_inherits","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","SOverlayContentWrapper","overlayContentWrapperRef","zIndex","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","Addon","ml","mr","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import { FadeInOut, Slide } from '@semcore/animation';\nimport { Flex } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport OutsideClick from '@semcore/outside-click';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass ModalRoot extends Component {\n static displayName = 'Modal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n static defaultProps = {\n closable: true,\n i18n: localizedMessages,\n locale: 'en',\n disablePreventScroll: false,\n };\n\n state = { hasTitle: false };\n\n handleKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n getOverlayProps() {\n const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n duration,\n visible,\n onOutsideClick: this.handleOutsideClick,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getWindowProps() {\n const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n const { hasTitle } = this.state;\n return {\n visible,\n closable,\n 'onKeyDown': this.handleKeyDown,\n 'aria-label': hasTitle ? undefined : getI18nText('title'),\n 'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n duration,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n const { getI18nText, ghost } = this.asProps;\n\n return {\n onClick: this.handleIconCloseClick,\n getI18nText,\n ghost,\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 { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <Modal.Overlay>\n <Root render={Modal.Window} />\n </Modal.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Window(props) {\n const SWindow = Root;\n const { Children, styles, visible, closable, duration } = props;\n const windowRef = React.useRef(null);\n\n useFocusLock(windowRef, 'enforced', 'auto', !visible, true);\n\n return sstyled(styles)(\n <SWindow\n render={Slide}\n initialAnimation={true}\n slideOrigin='top'\n visible={visible}\n role='dialog'\n aria-modal={true}\n duration={duration}\n ref={windowRef}\n tabIndex={-1}\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={windowRef}>\n {closable && <Modal.Close />}\n <Children />\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SWindow>,\n );\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const SOverlayContentWrapper = Flex;\n const { Children, styles, onOutsideClick, visible } = props;\n const overlayContentWrapperRef = React.useRef(null);\n usePreventScroll(visible, props.disablePreventScroll);\n useContextTheme(overlayContentWrapperRef, visible);\n const zIndex = useZIndexStacking('z-index-modal');\n\n return sstyled(styles)(\n <SOverlay render={FadeInOut} zIndex={zIndex}>\n {/* This child component is intended to be private. Since true encapsulation isn't possible in this context, we’re applying the data-ui-name attribute directly as a workaround. */}\n <SOverlayContentWrapper data-ui-name='Modal.Overlay.ContentWrapper' ref={overlayContentWrapperRef}>\n <OutsideClick root={overlayContentWrapperRef} onOutsideClick={onOutsideClick}>\n <Children />\n </OutsideClick>\n </SOverlayContentWrapper>\n </SOverlay>,\n );\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { Children, children: hasChildren, getI18nText, ghost } = props;\n return sstyled(props.styles)(\n <SClose\n render={Button}\n use='tertiary'\n size='l'\n theme={ghost ? 'invert' : 'muted'}\n aria-label={getI18nText('close')}\n >\n {hasChildren\n ? (\n <Children />\n )\n : (\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n )}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const { setHasTitle, styles, color } = props;\n const STitle = Root;\n\n const resolveColor = useColorResolver();\n React.useEffect(() => setHasTitle());\n\n return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n Window,\n Overlay,\n Close,\n Title,\n});\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Modal.js","names":["FadeInOut","Slide","Flex","OutsideClick","Portal","PortalProvider","Button","createComponent","Component","sstyled","Root","i18nEnhance","isAdvanceMode","fire","useContextTheme","uniqueIDEnhancement","useColorResolver","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","CloseIcon","Text","React","style","_sstyled","insert","localizedMessages","ModalRoot","constructor","args","_defineProperty","hasTitle","e","key","stopPropagation","getOverlayProps","duration","visible","animationsDisabled","disablePreventScroll","asProps","onOutsideClick","handleOutsideClick","getWindowProps","closable","getI18nText","uid","state","handleKeyDown","undefined","getCloseProps","ghost","onClick","handleIconCloseClick","getTitleProps","setHasTitle","setState","id","render","_ref","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_assignProps2","Close","_ref3","_ref7","SOverlay","SOverlayContentWrapper","overlayContentWrapperRef","zIndex","_assignProps3","_ref4","_ref8","SClose","children","hasChildren","_assignProps4","Addon","ml","mr","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, OutsideClick, Portal, PortalProvider } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass ModalRoot extends Component {\n static displayName = 'Modal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n static defaultProps = {\n closable: true,\n i18n: localizedMessages,\n locale: 'en',\n disablePreventScroll: false,\n };\n\n state = { hasTitle: false };\n\n handleKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n getOverlayProps() {\n const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n duration,\n visible,\n onOutsideClick: this.handleOutsideClick,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getWindowProps() {\n const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n const { hasTitle } = this.state;\n return {\n visible,\n closable,\n 'onKeyDown': this.handleKeyDown,\n 'aria-label': hasTitle ? undefined : getI18nText('title'),\n 'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n duration,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n const { getI18nText, ghost } = this.asProps;\n\n return {\n onClick: this.handleIconCloseClick,\n getI18nText,\n ghost,\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 { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <Modal.Overlay>\n <Root render={Modal.Window} />\n </Modal.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Window(props) {\n const SWindow = Root;\n const { Children, styles, visible, closable, duration } = props;\n const windowRef = React.useRef(null);\n\n useFocusLock(windowRef, 'enforced', 'auto', !visible, true);\n\n return sstyled(styles)(\n <SWindow\n render={Slide}\n initialAnimation={true}\n slideOrigin='top'\n visible={visible}\n role='dialog'\n aria-modal={true}\n duration={duration}\n ref={windowRef}\n tabIndex={-1}\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={windowRef}>\n {closable && <Modal.Close />}\n <Children />\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SWindow>,\n );\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const SOverlayContentWrapper = Flex;\n const { Children, styles, onOutsideClick, visible } = props;\n const overlayContentWrapperRef = React.useRef(null);\n usePreventScroll(visible, props.disablePreventScroll);\n useContextTheme(overlayContentWrapperRef, visible);\n const zIndex = useZIndexStacking('z-index-modal');\n\n return sstyled(styles)(\n <SOverlay render={FadeInOut} zIndex={zIndex}>\n {/* This child component is intended to be private. Since true encapsulation isn't possible in this context, we’re applying the data-ui-name attribute directly as a workaround. */}\n <SOverlayContentWrapper data-ui-name='Modal.Overlay.ContentWrapper' ref={overlayContentWrapperRef}>\n <OutsideClick root={overlayContentWrapperRef} onOutsideClick={onOutsideClick}>\n <Children />\n </OutsideClick>\n </SOverlayContentWrapper>\n </SOverlay>,\n );\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { Children, children: hasChildren, getI18nText, ghost } = props;\n return sstyled(props.styles)(\n <SClose\n render={Button}\n use='tertiary'\n size='l'\n theme={ghost ? 'invert' : 'muted'}\n aria-label={getI18nText('close')}\n >\n {hasChildren\n ? (\n <Children />\n )\n : (\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n )}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const { setHasTitle, styles, color } = props;\n const STitle = Root;\n\n const resolveColor = useColorResolver();\n React.useEffect(() => setHasTitle());\n\n return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n Window,\n Overlay,\n Close,\n Title,\n});\n\nexport default Modal;\n"],"mappings":"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","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 type { FadeInOutProps, SlideProps } from '@semcore/
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, Box, BoxProps, PortalProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ModalProps = PortalProps &\n BoxProps &\n FadeInOutProps & {\n /** Duration of animation, ms\n * @default 200\n */\n duration?: number;\n /** This property is responsible for the visibility of the modal window */\n visible?: boolean;\n /** Function called when the component is hidden */\n onClose?: (\n trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n /** Displaying the close button(x) in the upper-right corner of the modal dialog\n * @default true\n * */\n closable?: boolean;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Props for render modal without background and paddings. Useful in carousel for example\n */\n ghost?: boolean;\n };\n\nexport type WindowProps = BoxProps & SlideProps & {};\n\nexport type ModalContext = {\n getOverlayProps: PropGetterFn;\n getWindowProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n Window: Intergalactic.Component<'div', WindowProps>;\n Overlay: typeof Box;\n Close: typeof Button;\n Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -12,20 +12,20 @@ import sv from './sv.json';
|
|
|
12
12
|
import tr from './tr.json';
|
|
13
13
|
import vi from './vi.json';
|
|
14
14
|
import zh from './zh.json';
|
|
15
|
-
export
|
|
16
|
-
de
|
|
17
|
-
en
|
|
18
|
-
es
|
|
19
|
-
fr
|
|
20
|
-
it
|
|
21
|
-
ja
|
|
22
|
-
ko
|
|
23
|
-
nl
|
|
24
|
-
pt
|
|
25
|
-
tr
|
|
26
|
-
vi
|
|
27
|
-
zh
|
|
28
|
-
pl
|
|
29
|
-
sv
|
|
15
|
+
export const localizedMessages = {
|
|
16
|
+
de,
|
|
17
|
+
en,
|
|
18
|
+
es,
|
|
19
|
+
fr,
|
|
20
|
+
it,
|
|
21
|
+
ja,
|
|
22
|
+
ko,
|
|
23
|
+
nl,
|
|
24
|
+
pt,
|
|
25
|
+
tr,
|
|
26
|
+
vi,
|
|
27
|
+
zh,
|
|
28
|
+
pl,
|
|
29
|
+
sv
|
|
30
30
|
};
|
|
31
31
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}
|