@semcore/side-panel 16.1.1 → 16.1.2-prerelease.1
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/SidePanel.js +81 -82
- package/lib/cjs/SidePanel.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/SidePanel.js +79 -79
- package/lib/es6/SidePanel.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/SidePanel.mjs +79 -77
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +7 -7
- package/package.json +10 -10
package/lib/es6/SidePanel.js
CHANGED
|
@@ -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,73 +16,73 @@ 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
|
-
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
20
|
-
import { Flex, Box } from '@semcore/flex-box';
|
|
19
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
21
20
|
import { FadeInOut, Slide } from '@semcore/animation';
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import fire from '@semcore/core/lib/utils/fire';
|
|
26
|
-
import { isAdvanceMode as _isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
21
|
+
import Button, { ButtonLink } from '@semcore/button';
|
|
22
|
+
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
23
|
+
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
27
24
|
import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
25
|
+
import { isAdvanceMode as _isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
26
|
+
import fire from '@semcore/core/lib/utils/fire';
|
|
27
|
+
import logger from '@semcore/core/lib/utils/logger';
|
|
28
|
+
import { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';
|
|
29
|
+
import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
|
|
28
30
|
import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
|
|
29
|
-
import { Text } from '@semcore/typography';
|
|
30
|
-
import ArrowLeft from '@semcore/icon/ArrowLeft/m';
|
|
31
|
-
import Button, { ButtonLink } from '@semcore/button';
|
|
32
31
|
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
33
|
-
import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
|
|
34
|
-
import { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';
|
|
35
|
-
import logger from '@semcore/core/lib/utils/logger';
|
|
36
|
-
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
37
|
-
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
38
32
|
import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
|
|
33
|
+
import { Flex, Box } from '@semcore/flex-box';
|
|
34
|
+
import ArrowLeft from '@semcore/icon/ArrowLeft/m';
|
|
35
|
+
import CloseIcon from '@semcore/icon/Close/l';
|
|
36
|
+
import OutsideClick from '@semcore/outside-click';
|
|
37
|
+
import Portal, { PortalProvider } from '@semcore/portal';
|
|
38
|
+
import { Text } from '@semcore/typography';
|
|
39
|
+
import React from 'react';
|
|
39
40
|
/*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
40
|
-
var style = (
|
|
41
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_1ojli_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1ojli_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1ojli_gg_._placement_right_1ojli_gg_,.___SPanel_1ojli_gg_._placement_top_1ojli_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1ojli_gg_._placement_top_1ojli_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1ojli_gg_._placement_right_1ojli_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1ojli_gg_._placement_bottom_1ojli_gg_,.___SPanel_1ojli_gg_._placement_left_1ojli_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1ojli_gg_._placement_bottom_1ojli_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1ojli_gg_._placement_left_1ojli_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1ojli_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1ojli_gg_ .___SAddon_1ojli_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1ojli_gg_{max-width:100%}.___SBack_1ojli_gg_ .___SInner_1ojli_gg_{display:flex}.___SBack_1ojli_gg_ .___SBackText_1ojli_gg_,.___STitle_1ojli_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1ojli_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1ojli_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1ojli_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1ojli_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}", /*__inner_css_end__*/"1ojli_gg_"),
|
|
41
42
|
/*__reshadow_css_end__*/
|
|
42
43
|
{
|
|
43
|
-
"__SOverlay": "
|
|
44
|
-
"__SPanel": "
|
|
45
|
-
"_placement_top": "
|
|
46
|
-
"_placement_right": "
|
|
47
|
-
"_placement_bottom": "
|
|
48
|
-
"_placement_left": "
|
|
49
|
-
"__STitle": "
|
|
50
|
-
"__SHeader": "
|
|
51
|
-
"__SFooter": "
|
|
52
|
-
"__SBody": "
|
|
53
|
-
"__SClose": "
|
|
54
|
-
"__SAddon": "
|
|
55
|
-
"__SBack": "
|
|
56
|
-
"__SInner": "
|
|
57
|
-
"__SBackText": "
|
|
44
|
+
"__SOverlay": "___SOverlay_1ojli_gg_",
|
|
45
|
+
"__SPanel": "___SPanel_1ojli_gg_",
|
|
46
|
+
"_placement_top": "_placement_top_1ojli_gg_",
|
|
47
|
+
"_placement_right": "_placement_right_1ojli_gg_",
|
|
48
|
+
"_placement_bottom": "_placement_bottom_1ojli_gg_",
|
|
49
|
+
"_placement_left": "_placement_left_1ojli_gg_",
|
|
50
|
+
"__STitle": "___STitle_1ojli_gg_",
|
|
51
|
+
"__SHeader": "___SHeader_1ojli_gg_",
|
|
52
|
+
"__SFooter": "___SFooter_1ojli_gg_",
|
|
53
|
+
"__SBody": "___SBody_1ojli_gg_",
|
|
54
|
+
"__SClose": "___SClose_1ojli_gg_",
|
|
55
|
+
"__SAddon": "___SAddon_1ojli_gg_",
|
|
56
|
+
"__SBack": "___SBack_1ojli_gg_",
|
|
57
|
+
"__SInner": "___SInner_1ojli_gg_",
|
|
58
|
+
"__SBackText": "___SBackText_1ojli_gg_"
|
|
58
59
|
});
|
|
60
|
+
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
59
61
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
60
|
-
_inherits(RootSidePanel, _Component);
|
|
61
|
-
var _super = _createSuper(RootSidePanel);
|
|
62
62
|
function RootSidePanel() {
|
|
63
63
|
var _this;
|
|
64
64
|
_classCallCheck(this, RootSidePanel);
|
|
65
65
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
66
66
|
args[_key] = arguments[_key];
|
|
67
67
|
}
|
|
68
|
-
_this =
|
|
69
|
-
_defineProperty(
|
|
70
|
-
_defineProperty(
|
|
68
|
+
_this = _callSuper(this, RootSidePanel, [].concat(args));
|
|
69
|
+
_defineProperty(_this, "sidebarRef", /*#__PURE__*/React.createRef());
|
|
70
|
+
_defineProperty(_this, "handleSidebarKeyDown", function (e) {
|
|
71
71
|
if (e.key === 'Escape') {
|
|
72
72
|
e.stopPropagation();
|
|
73
|
-
fire(
|
|
73
|
+
fire(_this, 'onClose', 'onEscape', e);
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
|
-
_defineProperty(
|
|
77
|
-
fire(
|
|
76
|
+
_defineProperty(_this, "handleIconCloseClick", function (e) {
|
|
77
|
+
fire(_this, 'onClose', 'onCloseClick', e);
|
|
78
78
|
});
|
|
79
|
-
_defineProperty(
|
|
80
|
-
fire(
|
|
79
|
+
_defineProperty(_this, "handleOutsideClick", function (e) {
|
|
80
|
+
fire(_this, 'onClose', 'onOutsideClick', e);
|
|
81
81
|
});
|
|
82
82
|
return _this;
|
|
83
83
|
}
|
|
84
|
-
|
|
84
|
+
_inherits(RootSidePanel, _Component);
|
|
85
|
+
return _createClass(RootSidePanel, [{
|
|
85
86
|
key: "isAdvanceMode",
|
|
86
87
|
value: function isAdvanceMode() {
|
|
87
88
|
return _isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
|
|
@@ -121,10 +122,10 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
121
122
|
visible: visible,
|
|
122
123
|
placement: placement,
|
|
123
124
|
closable: closable,
|
|
124
|
-
duration: duration + duration / 2,
|
|
125
|
-
disableEnforceFocus: !this.isUsedOverlay(),
|
|
126
|
-
onOutsideClick: this.handleOutsideClick,
|
|
127
|
-
onKeyDown: this.handleSidebarKeyDown,
|
|
125
|
+
'duration': duration + duration / 2,
|
|
126
|
+
'disableEnforceFocus': !this.isUsedOverlay(),
|
|
127
|
+
'onOutsideClick': this.handleOutsideClick,
|
|
128
|
+
'onKeyDown': this.handleSidebarKeyDown,
|
|
128
129
|
animationsDisabled: animationsDisabled,
|
|
129
130
|
'aria-label': ariaLabel,
|
|
130
131
|
'aria-labelledby': ariaLabelledBy
|
|
@@ -152,7 +153,6 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
152
153
|
}, this.isAdvanceMode() ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(SidePanel.Overlay, null, /*#__PURE__*/React.createElement(SidePanel.Panel, _assignProps({}, _ref))));
|
|
153
154
|
}
|
|
154
155
|
}]);
|
|
155
|
-
return RootSidePanel;
|
|
156
156
|
}(Component);
|
|
157
157
|
_defineProperty(RootSidePanel, "displayName", 'SidePanel');
|
|
158
158
|
_defineProperty(RootSidePanel, "style", style);
|
|
@@ -169,20 +169,20 @@ _defineProperty(RootSidePanel, "defaultProps", {
|
|
|
169
169
|
});
|
|
170
170
|
function Overlay(props) {
|
|
171
171
|
var _ref2 = arguments[0],
|
|
172
|
-
|
|
172
|
+
_ref0;
|
|
173
173
|
var SOverlay = FadeInOut;
|
|
174
174
|
var overlayRef = React.useRef(null);
|
|
175
175
|
usePreventScroll(props.visible, props.disablePreventScroll);
|
|
176
176
|
useContextTheme(overlayRef, props.visible);
|
|
177
177
|
var zIndex = useZIndexStacking('z-index-modal');
|
|
178
|
-
return
|
|
178
|
+
return _ref0 = sstyled(props.styles), /*#__PURE__*/React.createElement(SOverlay, _ref0.cn("SOverlay", _objectSpread({}, _assignProps2({
|
|
179
179
|
"ref": overlayRef,
|
|
180
180
|
"zIndex": zIndex
|
|
181
181
|
}, _ref2))));
|
|
182
182
|
}
|
|
183
183
|
function Panel(props) {
|
|
184
184
|
var _ref3 = arguments[0],
|
|
185
|
-
|
|
185
|
+
_ref1;
|
|
186
186
|
var SPanel = Slide;
|
|
187
187
|
var Children = props.Children,
|
|
188
188
|
styles = props.styles,
|
|
@@ -195,87 +195,87 @@ function Panel(props) {
|
|
|
195
195
|
var sidebarRef = React.useRef(null);
|
|
196
196
|
useFocusLock(sidebarRef, true, 'auto', !visible, true);
|
|
197
197
|
var hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
|
|
198
|
-
logger.warn(!hasLabel,
|
|
199
|
-
return
|
|
198
|
+
logger.warn(!hasLabel, '\'aria-label\' or \'aria-labelledby\' are required for SidePanel component', props['data-ui-name'] || Panel.displayName);
|
|
199
|
+
return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(OutsideClick, _ref1.cn("OutsideClick", {
|
|
200
200
|
"onOutsideClick": onOutsideClick,
|
|
201
201
|
"excludeRefs": [sidebarRef]
|
|
202
|
-
})), /*#__PURE__*/React.createElement(SPanel,
|
|
202
|
+
})), /*#__PURE__*/React.createElement(SPanel, _ref1.cn("SPanel", _objectSpread({}, _assignProps3({
|
|
203
203
|
"visible": visible,
|
|
204
204
|
"initialAnimation": true,
|
|
205
205
|
"slideOrigin": placement,
|
|
206
206
|
"ref": sidebarRef,
|
|
207
207
|
"role": 'dialog',
|
|
208
208
|
"aria-modal": 'true'
|
|
209
|
-
}, _ref3))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider,
|
|
209
|
+
}, _ref3))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref1.cn("ZIndexStackingContextProvider", {
|
|
210
210
|
"designToken": 'z-index-modal'
|
|
211
|
-
}), /*#__PURE__*/React.createElement(PortalProvider,
|
|
211
|
+
}), /*#__PURE__*/React.createElement(PortalProvider, _ref1.cn("PortalProvider", {
|
|
212
212
|
"value": sidebarRef
|
|
213
|
-
}), closable && /*#__PURE__*/React.createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/React.createElement(Children,
|
|
213
|
+
}), closable && /*#__PURE__*/React.createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})) : /*#__PURE__*/React.createElement(SidePanel.Body, null, /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})))))));
|
|
214
214
|
}
|
|
215
215
|
function Footer(props) {
|
|
216
216
|
var _ref4 = arguments[0],
|
|
217
|
-
|
|
217
|
+
_ref10;
|
|
218
218
|
var SFooter = Flex;
|
|
219
|
-
return
|
|
219
|
+
return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref10.cn("SFooter", _objectSpread({}, _assignProps4({
|
|
220
220
|
"tag": 'footer'
|
|
221
221
|
}, _ref4))));
|
|
222
222
|
}
|
|
223
|
-
function Close(
|
|
223
|
+
function Close(_ref16) {
|
|
224
224
|
var _ref5 = arguments[0],
|
|
225
|
-
|
|
226
|
-
var styles =
|
|
227
|
-
hasChildren =
|
|
228
|
-
Children =
|
|
229
|
-
getI18nText =
|
|
225
|
+
_ref11;
|
|
226
|
+
var styles = _ref16.styles,
|
|
227
|
+
hasChildren = _ref16.children,
|
|
228
|
+
Children = _ref16.Children,
|
|
229
|
+
getI18nText = _ref16.getI18nText;
|
|
230
230
|
var SClose = Button;
|
|
231
|
-
return
|
|
231
|
+
return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref11.cn("SClose", _objectSpread({}, _assignProps5({
|
|
232
232
|
"aria-label": getI18nText('close'),
|
|
233
233
|
"use": 'tertiary',
|
|
234
234
|
"theme": 'muted',
|
|
235
235
|
"size": 'l',
|
|
236
236
|
"addonLeft": hasChildren ? undefined : CloseIcon
|
|
237
|
-
}, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children,
|
|
237
|
+
}, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : undefined);
|
|
238
238
|
}
|
|
239
239
|
Close.enhance = [keyboardFocusEnhance()];
|
|
240
240
|
function Title(props) {
|
|
241
241
|
var _ref6 = arguments[0],
|
|
242
|
-
|
|
242
|
+
_ref12;
|
|
243
243
|
var STitle = Text;
|
|
244
|
-
return
|
|
244
|
+
return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref12.cn("STitle", _objectSpread({}, _assignProps6({
|
|
245
245
|
"tag": 'h6'
|
|
246
246
|
}, _ref6))));
|
|
247
247
|
}
|
|
248
248
|
function Back(props) {
|
|
249
249
|
var _ref7 = arguments[0],
|
|
250
|
-
|
|
250
|
+
_ref13;
|
|
251
251
|
var SBack = ButtonLink;
|
|
252
252
|
var SBackText = ButtonLink.Text;
|
|
253
253
|
var Children = props.Children,
|
|
254
254
|
styles = props.styles;
|
|
255
|
-
return
|
|
255
|
+
return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref13.cn("SBack", _objectSpread({}, _assignProps7({
|
|
256
256
|
"color": 'text-hint',
|
|
257
257
|
"size": 100,
|
|
258
258
|
"addonLeft": ArrowLeft
|
|
259
|
-
}, _ref7))), /*#__PURE__*/React.createElement(SBackText,
|
|
259
|
+
}, _ref7))), /*#__PURE__*/React.createElement(SBackText, _ref13.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {}))));
|
|
260
260
|
}
|
|
261
261
|
function Body(props) {
|
|
262
262
|
var _ref8 = arguments[0],
|
|
263
|
-
|
|
263
|
+
_ref14;
|
|
264
264
|
var SBody = Box;
|
|
265
|
-
return
|
|
265
|
+
return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref14.cn("SBody", _objectSpread({}, _assignProps8({}, _ref8))));
|
|
266
266
|
}
|
|
267
267
|
function Header(props) {
|
|
268
268
|
var _ref9 = arguments[0],
|
|
269
|
-
|
|
269
|
+
_ref15;
|
|
270
270
|
var SHeader = Box;
|
|
271
271
|
var Children = props.Children,
|
|
272
272
|
styles = props.styles,
|
|
273
273
|
title = props.title;
|
|
274
|
-
return
|
|
274
|
+
return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref15.cn("SHeader", _objectSpread({}, _assignProps9({
|
|
275
275
|
"tag": 'header'
|
|
276
276
|
}, _ref9))), title && /*#__PURE__*/React.createElement(SidePanel.Title, {
|
|
277
277
|
children: title
|
|
278
|
-
}), /*#__PURE__*/React.createElement(Children,
|
|
278
|
+
}), /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {})));
|
|
279
279
|
}
|
|
280
280
|
var SidePanel = createComponent(RootSidePanel, {
|
|
281
281
|
Overlay: Overlay,
|
package/lib/es6/SidePanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidePanel.js","names":["React","createComponent","Component","Root","sstyled","Flex","Box","FadeInOut","Slide","Portal","PortalProvider","OutsideClick","CloseIcon","fire","isAdvanceMode","keyboardFocusEnhance","usePreventScroll","Text","ArrowLeft","Button","ButtonLink","cssVariableEnhance","useFocusLock","useContextTheme","logger","i18nEnhance","localizedMessages","ZIndexStackingContextProvider","useZIndexStacking","style","_sstyled","insert","RootSidePanel","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","key","stopPropagation","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref11","SPanel","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref12","SFooter","_assignProps4","_ref18","_ref5","_ref13","hasChildren","children","SClose","_assignProps5","undefined","enhance","Title","_ref6","_ref14","STitle","_assignProps6","Back","_ref7","_ref15","SBack","SBackText","_assignProps7","_ref8","_ref16","SBody","_assignProps8","_ref9","_ref17","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport logger from '@semcore/core/lib/utils/logger';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (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 isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n duration: duration + duration / 2,\n disableEnforceFocus: !this.isUsedOverlay(),\n onOutsideClick: this.handleOutsideClick,\n onKeyDown: this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode() ? (\n <Children />\n ) : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n props['data-ui-name'] || Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode ? (\n <Children />\n ) : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color={'text-hint'} size={100} addonLeft={ArrowLeft}>\n {/*<ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon>*/}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SidePanel.js","names":["FadeInOut","Slide","Button","ButtonLink","createComponent","Component","Root","sstyled","i18nEnhance","keyboardFocusEnhance","isAdvanceMode","fire","logger","useContextTheme","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","Flex","Box","ArrowLeft","CloseIcon","OutsideClick","Portal","PortalProvider","Text","React","style","_sstyled","insert","localizedMessages","RootSidePanel","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","key","stopPropagation","_inherits","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref0","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref1","SPanel","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref10","SFooter","_assignProps4","_ref16","_ref5","_ref11","hasChildren","children","SClose","_assignProps5","undefined","enhance","Title","_ref6","_ref12","STitle","_assignProps6","Back","_ref7","_ref13","SBack","SBackText","_assignProps7","_ref8","_ref14","SBody","_assignProps8","_ref9","_ref15","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import { FadeInOut, Slide } from '@semcore/animation';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\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 { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\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/side-panel.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (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 isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n 'duration': duration + duration / 2,\n 'disableEnforceFocus': !this.isUsedOverlay(),\n 'onOutsideClick': this.handleOutsideClick,\n 'onKeyDown': this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode()\n ? (\n <Children />\n )\n : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n '\\'aria-label\\' or \\'aria-labelledby\\' are required for SidePanel component',\n props['data-ui-name'] || Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode\n ? (\n <Children />\n )\n : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color='text-hint' size={100} addonLeft={ArrowLeft}>\n {/* <ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon> */}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\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
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n */\n duration?: number;\n /**\n * The property responsible for the visibility of the component\n */\n visible?: boolean;\n /**\n * Callback for the component closure\n */\n onClose?: OnCloseType;\n /**\n * Property for displaying the close button\n * @default true\n */\n closable?: boolean;\n /**\n * Position of a dropdown window\n * @default right\n */\n placement?: SidePanelPlacement;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\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 './SidePanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SidePanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa","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":[]}
|