@semcore/side-panel 3.56.0-prerelease.0 → 3.56.0-prerelease.4
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/lib/cjs/SidePanel.js +96 -88
- 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/style/side-panel.shadow.css +14 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/SidePanel.js +86 -80
- 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/style/side-panel.shadow.css +14 -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 +84 -77
- package/lib/esm/style/side-panel.shadow.css +14 -1
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +17 -6
- package/package.json +10 -10
package/lib/es6/SidePanel.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
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 _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
9
|
import { assignProps as _assignProps9 } from "@semcore/core";
|
|
9
10
|
import { assignProps as _assignProps8 } from "@semcore/core";
|
|
10
11
|
import { assignProps as _assignProps7 } from "@semcore/core";
|
|
@@ -14,66 +15,73 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
14
15
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
15
16
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
16
17
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import {
|
|
20
|
-
import
|
|
21
|
-
import {
|
|
22
|
-
import
|
|
23
|
-
import logger from '@semcore/core/lib/utils/logger';
|
|
24
|
-
import { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';
|
|
25
|
-
import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
|
|
26
|
-
import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
|
|
27
|
-
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
28
|
-
import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
|
|
29
|
-
import ArrowLeft from '@semcore/icon/ArrowLeft/m';
|
|
18
|
+
import React from 'react';
|
|
19
|
+
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
20
|
+
import { Flex, Box } from '@semcore/flex-box';
|
|
21
|
+
import { FadeInOut, Slide } from '@semcore/animation';
|
|
22
|
+
import Portal, { PortalProvider } from '@semcore/portal';
|
|
23
|
+
import OutsideClick from '@semcore/outside-click';
|
|
30
24
|
import CloseIcon from '@semcore/icon/Close/l';
|
|
25
|
+
import fire from '@semcore/utils/lib/fire';
|
|
26
|
+
import { isAdvanceMode as _isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
27
|
+
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
28
|
+
import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
|
|
31
29
|
import { Text } from '@semcore/typography';
|
|
32
|
-
import
|
|
30
|
+
import ArrowLeft from '@semcore/icon/ArrowLeft/m';
|
|
31
|
+
import Button, { ButtonLink } from '@semcore/button';
|
|
32
|
+
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
33
|
+
import { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';
|
|
34
|
+
import { useContextTheme } from '@semcore/utils/lib/ThemeProvider';
|
|
35
|
+
import logger from '@semcore/utils/lib/logger';
|
|
36
|
+
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
37
|
+
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
38
|
+
import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/utils/lib/zIndexStacking';
|
|
33
39
|
/*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
34
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
40
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_zbje7_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SOverlay_zbje7_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_zbje7_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_zbje7_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, rgb(255, 255, 255));z-index:1}.___SPanel_zbje7_gg_._placement_top_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0)){.___SPanel_zbje7_gg_._placement_top_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_zbje7_gg_._placement_top_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_zbje7_gg_._placement_right_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0)){.___SPanel_zbje7_gg_._placement_right_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_zbje7_gg_._placement_right_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_zbje7_gg_._placement_bottom_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0)){.___SPanel_zbje7_gg_._placement_bottom_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_zbje7_gg_._placement_bottom_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_zbje7_gg_._placement_left_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0)){.___SPanel_zbje7_gg_._placement_left_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_zbje7_gg_._placement_left_zbje7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_zbje7_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_zbje7_gg_ .___SAddon_zbje7_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_zbje7_gg_{max-width:100%}.___SBack_zbje7_gg_ .___SInner_zbje7_gg_{display:flex}.___SBack_zbje7_gg_ .___SBackText_zbje7_gg_,.___STitle_zbje7_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_zbje7_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, rgba(1, 5, 0, 0.899))}.___SHeader_zbje7_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, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0)){.___SHeader_zbje7_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_zbje7_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_zbje7_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0)){.___SFooter_zbje7_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_zbje7_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_zbje7_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__*/"zbje7_gg_"),
|
|
35
41
|
/*__reshadow_css_end__*/
|
|
36
42
|
{
|
|
37
|
-
"__SOverlay": "
|
|
38
|
-
"__SPanel": "
|
|
39
|
-
"_placement_top": "
|
|
40
|
-
"_placement_right": "
|
|
41
|
-
"_placement_bottom": "
|
|
42
|
-
"_placement_left": "
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
43
|
+
"__SOverlay": "___SOverlay_zbje7_gg_",
|
|
44
|
+
"__SPanel": "___SPanel_zbje7_gg_",
|
|
45
|
+
"_placement_top": "_placement_top_zbje7_gg_",
|
|
46
|
+
"_placement_right": "_placement_right_zbje7_gg_",
|
|
47
|
+
"_placement_bottom": "_placement_bottom_zbje7_gg_",
|
|
48
|
+
"_placement_left": "_placement_left_zbje7_gg_",
|
|
49
|
+
"__STitle": "___STitle_zbje7_gg_",
|
|
50
|
+
"__SHeader": "___SHeader_zbje7_gg_",
|
|
51
|
+
"__SFooter": "___SFooter_zbje7_gg_",
|
|
52
|
+
"__SBody": "___SBody_zbje7_gg_",
|
|
53
|
+
"__SClose": "___SClose_zbje7_gg_",
|
|
54
|
+
"__SAddon": "___SAddon_zbje7_gg_",
|
|
55
|
+
"__SBack": "___SBack_zbje7_gg_",
|
|
56
|
+
"__SInner": "___SInner_zbje7_gg_",
|
|
57
|
+
"__SBackText": "___SBackText_zbje7_gg_"
|
|
50
58
|
});
|
|
51
|
-
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
52
59
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
60
|
+
_inherits(RootSidePanel, _Component);
|
|
61
|
+
var _super = _createSuper(RootSidePanel);
|
|
53
62
|
function RootSidePanel() {
|
|
54
63
|
var _this;
|
|
55
64
|
_classCallCheck(this, RootSidePanel);
|
|
56
65
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
57
66
|
args[_key] = arguments[_key];
|
|
58
67
|
}
|
|
59
|
-
_this =
|
|
60
|
-
_defineProperty(_this, "sidebarRef", /*#__PURE__*/React.createRef());
|
|
61
|
-
_defineProperty(_this, "handleSidebarKeyDown", function (e) {
|
|
68
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
69
|
+
_defineProperty(_assertThisInitialized(_this), "sidebarRef", /*#__PURE__*/React.createRef());
|
|
70
|
+
_defineProperty(_assertThisInitialized(_this), "handleSidebarKeyDown", function (e) {
|
|
62
71
|
if (e.key === 'Escape') {
|
|
63
72
|
e.stopPropagation();
|
|
64
|
-
fire(_this, 'onClose', 'onEscape', e);
|
|
73
|
+
fire(_assertThisInitialized(_this), 'onClose', 'onEscape', e);
|
|
65
74
|
}
|
|
66
75
|
});
|
|
67
|
-
_defineProperty(_this, "handleIconCloseClick", function (e) {
|
|
68
|
-
fire(_this, 'onClose', 'onCloseClick', e);
|
|
76
|
+
_defineProperty(_assertThisInitialized(_this), "handleIconCloseClick", function (e) {
|
|
77
|
+
fire(_assertThisInitialized(_this), 'onClose', 'onCloseClick', e);
|
|
69
78
|
});
|
|
70
|
-
_defineProperty(_this, "handleOutsideClick", function (e) {
|
|
71
|
-
fire(_this, 'onClose', 'onOutsideClick', e);
|
|
79
|
+
_defineProperty(_assertThisInitialized(_this), "handleOutsideClick", function (e) {
|
|
80
|
+
fire(_assertThisInitialized(_this), 'onClose', 'onOutsideClick', e);
|
|
72
81
|
});
|
|
73
82
|
return _this;
|
|
74
83
|
}
|
|
75
|
-
|
|
76
|
-
return _createClass(RootSidePanel, [{
|
|
84
|
+
_createClass(RootSidePanel, [{
|
|
77
85
|
key: "isAdvanceMode",
|
|
78
86
|
value: function isAdvanceMode() {
|
|
79
87
|
return _isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
|
|
@@ -113,10 +121,10 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
113
121
|
visible: visible,
|
|
114
122
|
placement: placement,
|
|
115
123
|
closable: closable,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
124
|
+
duration: duration + duration / 2,
|
|
125
|
+
disableEnforceFocus: !this.isUsedOverlay(),
|
|
126
|
+
onOutsideClick: this.handleOutsideClick,
|
|
127
|
+
onKeyDown: this.handleSidebarKeyDown,
|
|
120
128
|
animationsDisabled: animationsDisabled,
|
|
121
129
|
'aria-label': ariaLabel,
|
|
122
130
|
'aria-labelledby': ariaLabelledBy
|
|
@@ -144,6 +152,7 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
144
152
|
}, this.isAdvanceMode() ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(SidePanel.Overlay, null, /*#__PURE__*/React.createElement(SidePanel.Panel, _assignProps({}, _ref))));
|
|
145
153
|
}
|
|
146
154
|
}]);
|
|
155
|
+
return RootSidePanel;
|
|
147
156
|
}(Component);
|
|
148
157
|
_defineProperty(RootSidePanel, "displayName", 'SidePanel');
|
|
149
158
|
_defineProperty(RootSidePanel, "style", style);
|
|
@@ -160,20 +169,20 @@ _defineProperty(RootSidePanel, "defaultProps", {
|
|
|
160
169
|
});
|
|
161
170
|
function Overlay(props) {
|
|
162
171
|
var _ref2 = arguments[0],
|
|
163
|
-
|
|
172
|
+
_ref10;
|
|
164
173
|
var SOverlay = FadeInOut;
|
|
165
174
|
var overlayRef = React.useRef(null);
|
|
166
175
|
usePreventScroll(props.visible, props.disablePreventScroll);
|
|
167
176
|
useContextTheme(overlayRef, props.visible);
|
|
168
177
|
var zIndex = useZIndexStacking('z-index-modal');
|
|
169
|
-
return
|
|
178
|
+
return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SOverlay, _ref10.cn("SOverlay", _objectSpread({}, _assignProps2({
|
|
170
179
|
"ref": overlayRef,
|
|
171
180
|
"zIndex": zIndex
|
|
172
181
|
}, _ref2))));
|
|
173
182
|
}
|
|
174
183
|
function Panel(props) {
|
|
175
184
|
var _ref3 = arguments[0],
|
|
176
|
-
|
|
185
|
+
_ref11;
|
|
177
186
|
var SPanel = Slide;
|
|
178
187
|
var Children = props.Children,
|
|
179
188
|
styles = props.styles,
|
|
@@ -186,90 +195,87 @@ function Panel(props) {
|
|
|
186
195
|
var sidebarRef = React.useRef(null);
|
|
187
196
|
useFocusLock(sidebarRef, true, 'auto', !visible, true);
|
|
188
197
|
var hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
|
|
189
|
-
logger.warn(!hasLabel, '
|
|
190
|
-
return
|
|
198
|
+
logger.warn(!hasLabel, "'aria-label' or 'aria-labelledby' are required for SidePanel component", props['data-ui-name'] || Panel.displayName);
|
|
199
|
+
return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(OutsideClick, _ref11.cn("OutsideClick", {
|
|
191
200
|
"onOutsideClick": onOutsideClick,
|
|
192
201
|
"excludeRefs": [sidebarRef]
|
|
193
|
-
})), /*#__PURE__*/React.createElement(SPanel,
|
|
202
|
+
})), /*#__PURE__*/React.createElement(SPanel, _ref11.cn("SPanel", _objectSpread({}, _assignProps3({
|
|
194
203
|
"visible": visible,
|
|
195
204
|
"initialAnimation": true,
|
|
196
205
|
"slideOrigin": placement,
|
|
197
206
|
"ref": sidebarRef,
|
|
198
207
|
"role": 'dialog',
|
|
199
208
|
"aria-modal": 'true'
|
|
200
|
-
}, _ref3))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider,
|
|
209
|
+
}, _ref3))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref11.cn("ZIndexStackingContextProvider", {
|
|
201
210
|
"designToken": 'z-index-modal'
|
|
202
|
-
}), /*#__PURE__*/React.createElement(PortalProvider,
|
|
211
|
+
}), /*#__PURE__*/React.createElement(PortalProvider, _ref11.cn("PortalProvider", {
|
|
203
212
|
"value": sidebarRef
|
|
204
|
-
}), 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, _ref11.cn("Children", {})) : /*#__PURE__*/React.createElement(SidePanel.Body, null, /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})))))));
|
|
205
214
|
}
|
|
206
215
|
function Footer(props) {
|
|
207
216
|
var _ref4 = arguments[0],
|
|
208
|
-
|
|
217
|
+
_ref12;
|
|
209
218
|
var SFooter = Flex;
|
|
210
|
-
return
|
|
219
|
+
return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, _assignProps4({
|
|
211
220
|
"tag": 'footer'
|
|
212
221
|
}, _ref4))));
|
|
213
222
|
}
|
|
214
|
-
function Close(
|
|
223
|
+
function Close(_ref18) {
|
|
215
224
|
var _ref5 = arguments[0],
|
|
216
|
-
|
|
217
|
-
var styles =
|
|
218
|
-
hasChildren =
|
|
219
|
-
Children =
|
|
220
|
-
getI18nText =
|
|
225
|
+
_ref13;
|
|
226
|
+
var styles = _ref18.styles,
|
|
227
|
+
hasChildren = _ref18.children,
|
|
228
|
+
Children = _ref18.Children,
|
|
229
|
+
getI18nText = _ref18.getI18nText;
|
|
221
230
|
var SClose = Button;
|
|
222
|
-
return
|
|
231
|
+
return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, _assignProps5({
|
|
223
232
|
"aria-label": getI18nText('close'),
|
|
224
233
|
"use": 'tertiary',
|
|
225
234
|
"theme": 'muted',
|
|
226
235
|
"size": 'l',
|
|
227
|
-
"addonLeft": hasChildren ? undefined : CloseIcon
|
|
228
|
-
|
|
229
|
-
}, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : undefined);
|
|
236
|
+
"addonLeft": hasChildren ? undefined : CloseIcon
|
|
237
|
+
}, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {})) : undefined);
|
|
230
238
|
}
|
|
239
|
+
Close.enhance = [keyboardFocusEnhance()];
|
|
231
240
|
function Title(props) {
|
|
232
241
|
var _ref6 = arguments[0],
|
|
233
|
-
|
|
242
|
+
_ref14;
|
|
234
243
|
var STitle = Text;
|
|
235
|
-
return
|
|
236
|
-
"tag": 'h6'
|
|
237
|
-
"size": 300,
|
|
238
|
-
"bold": true,
|
|
239
|
-
"ellipsis": true
|
|
244
|
+
return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, _assignProps6({
|
|
245
|
+
"tag": 'h6'
|
|
240
246
|
}, _ref6))));
|
|
241
247
|
}
|
|
242
248
|
function Back(props) {
|
|
243
249
|
var _ref7 = arguments[0],
|
|
244
|
-
|
|
250
|
+
_ref15;
|
|
245
251
|
var SBack = ButtonLink;
|
|
246
252
|
var SBackText = ButtonLink.Text;
|
|
247
253
|
var Children = props.Children,
|
|
248
254
|
styles = props.styles;
|
|
249
|
-
return
|
|
255
|
+
return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref15.cn("SBack", _objectSpread({}, _assignProps7({
|
|
250
256
|
"color": 'text-hint',
|
|
251
257
|
"size": 100,
|
|
252
258
|
"addonLeft": ArrowLeft
|
|
253
|
-
}, _ref7))), /*#__PURE__*/React.createElement(SBackText,
|
|
259
|
+
}, _ref7))), /*#__PURE__*/React.createElement(SBackText, _ref15.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {}))));
|
|
254
260
|
}
|
|
255
261
|
function Body(props) {
|
|
256
262
|
var _ref8 = arguments[0],
|
|
257
|
-
|
|
263
|
+
_ref16;
|
|
258
264
|
var SBody = Box;
|
|
259
|
-
return
|
|
265
|
+
return _ref16 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref16.cn("SBody", _objectSpread({}, _assignProps8({}, _ref8))));
|
|
260
266
|
}
|
|
261
267
|
function Header(props) {
|
|
262
268
|
var _ref9 = arguments[0],
|
|
263
|
-
|
|
269
|
+
_ref17;
|
|
264
270
|
var SHeader = Box;
|
|
265
271
|
var Children = props.Children,
|
|
266
272
|
styles = props.styles,
|
|
267
273
|
title = props.title;
|
|
268
|
-
return
|
|
274
|
+
return _ref17 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref17.cn("SHeader", _objectSpread({}, _assignProps9({
|
|
269
275
|
"tag": 'header'
|
|
270
276
|
}, _ref9))), title && /*#__PURE__*/React.createElement(SidePanel.Title, {
|
|
271
277
|
children: title
|
|
272
|
-
}), /*#__PURE__*/React.createElement(Children,
|
|
278
|
+
}), /*#__PURE__*/React.createElement(Children, _ref17.cn("Children", {})));
|
|
273
279
|
}
|
|
274
280
|
var SidePanel = createComponent(RootSidePanel, {
|
|
275
281
|
Overlay: Overlay,
|
package/lib/es6/SidePanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidePanel.js","names":["FadeInOut","Slide","Flex","Box","OutsideClick","PortalProvider","Portal","Button","ButtonLink","createComponent","Component","Root","sstyled","i18nEnhance","isAdvanceMode","fire","logger","useContextTheme","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","ArrowLeft","CloseIcon","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","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, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } 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 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 ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\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 data-hide-focus-hover-popper='true'\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' size={300} bold ellipsis />);\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":[]}
|
|
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/utils/lib/fire';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport logger from '@semcore/utils/lib/logger';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/utils/lib/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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"}
|
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 React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\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":""}
|
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"}
|
|
@@ -72,6 +72,10 @@ SClose {
|
|
|
72
72
|
SBack {
|
|
73
73
|
max-width: 100%;
|
|
74
74
|
|
|
75
|
+
SInner {
|
|
76
|
+
display: flex;
|
|
77
|
+
}
|
|
78
|
+
|
|
75
79
|
SBackText {
|
|
76
80
|
white-space: nowrap;
|
|
77
81
|
overflow: hidden;
|
|
@@ -79,6 +83,16 @@ SBack {
|
|
|
79
83
|
}
|
|
80
84
|
}
|
|
81
85
|
|
|
86
|
+
STitle {
|
|
87
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
88
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
89
|
+
font-weight: var(--intergalactic-bold, 700);
|
|
90
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
91
|
+
white-space: nowrap;
|
|
92
|
+
overflow: hidden;
|
|
93
|
+
text-overflow: ellipsis;
|
|
94
|
+
}
|
|
95
|
+
|
|
82
96
|
SHeader {
|
|
83
97
|
padding-left: var(--intergalactic-spacing-6x, 24px);
|
|
84
98
|
margin-bottom: var(--intergalactic-spacing-1x, 4px);
|
|
@@ -87,7 +101,6 @@ SHeader {
|
|
|
87
101
|
min-height: calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));
|
|
88
102
|
box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
89
103
|
box-sizing: border-box;
|
|
90
|
-
flex-shrink: 0;
|
|
91
104
|
}
|
|
92
105
|
|
|
93
106
|
SFooter {
|
|
@@ -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';
|
|
10
9
|
import pt from './pt.json';
|
|
11
|
-
import sv from './sv.json';
|
|
12
10
|
import tr from './tr.json';
|
|
13
11
|
import vi from './vi.json';
|
|
14
12
|
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","pt","tr","vi","zh","pl","sv","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 pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.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;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
|