@semcore/side-panel 3.56.0-prerelease.0 → 3.56.0-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/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/cjs/SidePanel.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
@@ -9,69 +9,78 @@ exports["default"] = void 0;
|
|
|
9
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var
|
|
12
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var _ThemeProvider = require("@semcore/core/lib/utils/ThemeProvider");
|
|
23
|
-
var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
|
|
24
|
-
var _usePreventScroll = _interopRequireDefault(require("@semcore/core/lib/utils/use/usePreventScroll"));
|
|
25
|
-
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
26
|
-
var _zIndexStacking = require("@semcore/core/lib/utils/zIndexStacking");
|
|
27
|
-
var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
|
|
16
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
17
|
+
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
18
|
+
var _react = _interopRequireDefault(require("react"));
|
|
19
|
+
var _flexBox = require("@semcore/flex-box");
|
|
20
|
+
var _animation = require("@semcore/animation");
|
|
21
|
+
var _portal = _interopRequireWildcard(require("@semcore/portal"));
|
|
22
|
+
var _outsideClick = _interopRequireDefault(require("@semcore/outside-click"));
|
|
28
23
|
var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
|
|
24
|
+
var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
|
|
25
|
+
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
26
|
+
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
27
|
+
var _usePreventScroll = _interopRequireDefault(require("@semcore/utils/lib/use/usePreventScroll"));
|
|
29
28
|
var _typography = require("@semcore/typography");
|
|
30
|
-
var
|
|
29
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
|
|
30
|
+
var _button = _interopRequireWildcard(require("@semcore/button"));
|
|
31
|
+
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
32
|
+
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
33
|
+
var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
|
|
34
|
+
var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
35
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
31
36
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
37
|
+
var _zIndexStacking = require("@semcore/utils/lib/zIndexStacking");
|
|
32
38
|
/*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
33
|
-
var style = (/*__reshadow_css_start__*/
|
|
39
|
+
var style = ( /*__reshadow_css_start__*/_index.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_"),
|
|
34
40
|
/*__reshadow_css_end__*/
|
|
35
41
|
{
|
|
36
|
-
"__SOverlay": "
|
|
37
|
-
"__SPanel": "
|
|
38
|
-
"_placement_top": "
|
|
39
|
-
"_placement_right": "
|
|
40
|
-
"_placement_bottom": "
|
|
41
|
-
"_placement_left": "
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
42
|
+
"__SOverlay": "___SOverlay_zbje7_gg_",
|
|
43
|
+
"__SPanel": "___SPanel_zbje7_gg_",
|
|
44
|
+
"_placement_top": "_placement_top_zbje7_gg_",
|
|
45
|
+
"_placement_right": "_placement_right_zbje7_gg_",
|
|
46
|
+
"_placement_bottom": "_placement_bottom_zbje7_gg_",
|
|
47
|
+
"_placement_left": "_placement_left_zbje7_gg_",
|
|
48
|
+
"__STitle": "___STitle_zbje7_gg_",
|
|
49
|
+
"__SHeader": "___SHeader_zbje7_gg_",
|
|
50
|
+
"__SFooter": "___SFooter_zbje7_gg_",
|
|
51
|
+
"__SBody": "___SBody_zbje7_gg_",
|
|
52
|
+
"__SClose": "___SClose_zbje7_gg_",
|
|
53
|
+
"__SAddon": "___SAddon_zbje7_gg_",
|
|
54
|
+
"__SBack": "___SBack_zbje7_gg_",
|
|
55
|
+
"__SInner": "___SInner_zbje7_gg_",
|
|
56
|
+
"__SBackText": "___SBackText_zbje7_gg_"
|
|
49
57
|
});
|
|
50
58
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
59
|
+
(0, _inherits2["default"])(RootSidePanel, _Component);
|
|
60
|
+
var _super = (0, _createSuper2["default"])(RootSidePanel);
|
|
51
61
|
function RootSidePanel() {
|
|
52
62
|
var _this;
|
|
53
63
|
(0, _classCallCheck2["default"])(this, RootSidePanel);
|
|
54
64
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
65
|
args[_key] = arguments[_key];
|
|
56
66
|
}
|
|
57
|
-
_this = (
|
|
58
|
-
(0, _defineProperty2["default"])(_this, "sidebarRef", /*#__PURE__*/_react["default"].createRef());
|
|
59
|
-
(0, _defineProperty2["default"])(_this, "handleSidebarKeyDown", function (e) {
|
|
67
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
68
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sidebarRef", /*#__PURE__*/_react["default"].createRef());
|
|
69
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSidebarKeyDown", function (e) {
|
|
60
70
|
if (e.key === 'Escape') {
|
|
61
71
|
e.stopPropagation();
|
|
62
|
-
(0, _fire["default"])(_this, 'onClose', 'onEscape', e);
|
|
72
|
+
(0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', 'onEscape', e);
|
|
63
73
|
}
|
|
64
74
|
});
|
|
65
|
-
(0, _defineProperty2["default"])(_this, "handleIconCloseClick", function (e) {
|
|
66
|
-
(0, _fire["default"])(_this, 'onClose', 'onCloseClick', e);
|
|
75
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleIconCloseClick", function (e) {
|
|
76
|
+
(0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', 'onCloseClick', e);
|
|
67
77
|
});
|
|
68
|
-
(0, _defineProperty2["default"])(_this, "handleOutsideClick", function (e) {
|
|
69
|
-
(0, _fire["default"])(_this, 'onClose', 'onOutsideClick', e);
|
|
78
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOutsideClick", function (e) {
|
|
79
|
+
(0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', 'onOutsideClick', e);
|
|
70
80
|
});
|
|
71
81
|
return _this;
|
|
72
82
|
}
|
|
73
|
-
(0,
|
|
74
|
-
return (0, _createClass2["default"])(RootSidePanel, [{
|
|
83
|
+
(0, _createClass2["default"])(RootSidePanel, [{
|
|
75
84
|
key: "isAdvanceMode",
|
|
76
85
|
value: function isAdvanceMode() {
|
|
77
86
|
return (0, _findComponent.isAdvanceMode)(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
|
|
@@ -111,10 +120,10 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
111
120
|
visible: visible,
|
|
112
121
|
placement: placement,
|
|
113
122
|
closable: closable,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
123
|
+
duration: duration + duration / 2,
|
|
124
|
+
disableEnforceFocus: !this.isUsedOverlay(),
|
|
125
|
+
onOutsideClick: this.handleOutsideClick,
|
|
126
|
+
onKeyDown: this.handleSidebarKeyDown,
|
|
118
127
|
animationsDisabled: animationsDisabled,
|
|
119
128
|
'aria-label': ariaLabel,
|
|
120
129
|
'aria-labelledby': ariaLabelledBy
|
|
@@ -136,12 +145,13 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
136
145
|
Children = _this$asProps3.Children,
|
|
137
146
|
disablePortal = _this$asProps3.disablePortal,
|
|
138
147
|
ignorePortalsStacking = _this$asProps3.ignorePortalsStacking;
|
|
139
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
148
|
+
return /*#__PURE__*/_react["default"].createElement(_portal["default"], {
|
|
140
149
|
disablePortal: disablePortal,
|
|
141
150
|
ignorePortalsStacking: ignorePortalsStacking
|
|
142
151
|
}, this.isAdvanceMode() ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(SidePanel.Overlay, null, /*#__PURE__*/_react["default"].createElement(SidePanel.Panel, (0, _core.assignProps)({}, _ref))));
|
|
143
152
|
}
|
|
144
153
|
}]);
|
|
154
|
+
return RootSidePanel;
|
|
145
155
|
}(_core.Component);
|
|
146
156
|
(0, _defineProperty2["default"])(RootSidePanel, "displayName", 'SidePanel');
|
|
147
157
|
(0, _defineProperty2["default"])(RootSidePanel, "style", style);
|
|
@@ -158,21 +168,21 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
158
168
|
});
|
|
159
169
|
function Overlay(props) {
|
|
160
170
|
var _ref2 = arguments[0],
|
|
161
|
-
|
|
162
|
-
var SOverlay =
|
|
171
|
+
_ref10;
|
|
172
|
+
var SOverlay = _animation.FadeInOut;
|
|
163
173
|
var overlayRef = _react["default"].useRef(null);
|
|
164
174
|
(0, _usePreventScroll["default"])(props.visible, props.disablePreventScroll);
|
|
165
175
|
(0, _ThemeProvider.useContextTheme)(overlayRef, props.visible);
|
|
166
176
|
var zIndex = (0, _zIndexStacking.useZIndexStacking)('z-index-modal');
|
|
167
|
-
return
|
|
177
|
+
return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref10.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
168
178
|
"ref": overlayRef,
|
|
169
179
|
"zIndex": zIndex
|
|
170
180
|
}, _ref2))));
|
|
171
181
|
}
|
|
172
182
|
function Panel(props) {
|
|
173
183
|
var _ref3 = arguments[0],
|
|
174
|
-
|
|
175
|
-
var SPanel =
|
|
184
|
+
_ref11;
|
|
185
|
+
var SPanel = _animation.Slide;
|
|
176
186
|
var Children = props.Children,
|
|
177
187
|
styles = props.styles,
|
|
178
188
|
visible = props.visible,
|
|
@@ -184,92 +194,89 @@ function Panel(props) {
|
|
|
184
194
|
var sidebarRef = _react["default"].useRef(null);
|
|
185
195
|
(0, _useFocusLock.useFocusLock)(sidebarRef, true, 'auto', !visible, true);
|
|
186
196
|
var hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
|
|
187
|
-
_logger["default"].warn(!hasLabel, '
|
|
188
|
-
return
|
|
197
|
+
_logger["default"].warn(!hasLabel, "'aria-label' or 'aria-labelledby' are required for SidePanel component", props['data-ui-name'] || Panel.displayName);
|
|
198
|
+
return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_outsideClick["default"], _ref11.cn("OutsideClick", {
|
|
189
199
|
"onOutsideClick": onOutsideClick,
|
|
190
200
|
"excludeRefs": [sidebarRef]
|
|
191
|
-
})), /*#__PURE__*/_react["default"].createElement(SPanel,
|
|
201
|
+
})), /*#__PURE__*/_react["default"].createElement(SPanel, _ref11.cn("SPanel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
192
202
|
"visible": visible,
|
|
193
203
|
"initialAnimation": true,
|
|
194
204
|
"slideOrigin": placement,
|
|
195
205
|
"ref": sidebarRef,
|
|
196
206
|
"role": 'dialog',
|
|
197
207
|
"aria-modal": 'true'
|
|
198
|
-
}, _ref3))), /*#__PURE__*/_react["default"].createElement(_zIndexStacking.ZIndexStackingContextProvider,
|
|
208
|
+
}, _ref3))), /*#__PURE__*/_react["default"].createElement(_zIndexStacking.ZIndexStackingContextProvider, _ref11.cn("ZIndexStackingContextProvider", {
|
|
199
209
|
"designToken": 'z-index-modal'
|
|
200
|
-
}), /*#__PURE__*/_react["default"].createElement(
|
|
210
|
+
}), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider, _ref11.cn("PortalProvider", {
|
|
201
211
|
"value": sidebarRef
|
|
202
|
-
}), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children,
|
|
212
|
+
}), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SidePanel.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})))))));
|
|
203
213
|
}
|
|
204
214
|
function Footer(props) {
|
|
205
215
|
var _ref4 = arguments[0],
|
|
206
|
-
|
|
207
|
-
var SFooter =
|
|
208
|
-
return
|
|
216
|
+
_ref12;
|
|
217
|
+
var SFooter = _flexBox.Flex;
|
|
218
|
+
return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref12.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
209
219
|
"tag": 'footer'
|
|
210
220
|
}, _ref4))));
|
|
211
221
|
}
|
|
212
|
-
function Close(
|
|
222
|
+
function Close(_ref18) {
|
|
213
223
|
var _ref5 = arguments[0],
|
|
214
|
-
|
|
215
|
-
var styles =
|
|
216
|
-
hasChildren =
|
|
217
|
-
Children =
|
|
218
|
-
getI18nText =
|
|
224
|
+
_ref13;
|
|
225
|
+
var styles = _ref18.styles,
|
|
226
|
+
hasChildren = _ref18.children,
|
|
227
|
+
Children = _ref18.Children,
|
|
228
|
+
getI18nText = _ref18.getI18nText;
|
|
219
229
|
var SClose = _button["default"];
|
|
220
|
-
return
|
|
230
|
+
return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref13.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
221
231
|
"aria-label": getI18nText('close'),
|
|
222
232
|
"use": 'tertiary',
|
|
223
233
|
"theme": 'muted',
|
|
224
234
|
"size": 'l',
|
|
225
|
-
"addonLeft": hasChildren ? undefined : _l["default"]
|
|
226
|
-
|
|
227
|
-
}, _ref5))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : undefined);
|
|
235
|
+
"addonLeft": hasChildren ? undefined : _l["default"]
|
|
236
|
+
}, _ref5))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})) : undefined);
|
|
228
237
|
}
|
|
238
|
+
Close.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
|
229
239
|
function Title(props) {
|
|
230
240
|
var _ref6 = arguments[0],
|
|
231
|
-
|
|
241
|
+
_ref14;
|
|
232
242
|
var STitle = _typography.Text;
|
|
233
|
-
return
|
|
234
|
-
"tag": 'h6'
|
|
235
|
-
"size": 300,
|
|
236
|
-
"bold": true,
|
|
237
|
-
"ellipsis": true
|
|
243
|
+
return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref14.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
244
|
+
"tag": 'h6'
|
|
238
245
|
}, _ref6))));
|
|
239
246
|
}
|
|
240
247
|
function Back(props) {
|
|
241
248
|
var _ref7 = arguments[0],
|
|
242
|
-
|
|
249
|
+
_ref15;
|
|
243
250
|
var SBack = _button.ButtonLink;
|
|
244
251
|
var SBackText = _button.ButtonLink.Text;
|
|
245
252
|
var Children = props.Children,
|
|
246
253
|
styles = props.styles;
|
|
247
|
-
return
|
|
254
|
+
return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref15.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
248
255
|
"color": 'text-hint',
|
|
249
256
|
"size": 100,
|
|
250
257
|
"addonLeft": _m["default"]
|
|
251
|
-
}, _ref7))), /*#__PURE__*/_react["default"].createElement(SBackText,
|
|
258
|
+
}, _ref7))), /*#__PURE__*/_react["default"].createElement(SBackText, _ref15.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {}))));
|
|
252
259
|
}
|
|
253
260
|
function Body(props) {
|
|
254
261
|
var _ref8 = arguments[0],
|
|
255
|
-
|
|
256
|
-
var SBody =
|
|
257
|
-
return
|
|
262
|
+
_ref16;
|
|
263
|
+
var SBody = _flexBox.Box;
|
|
264
|
+
return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref16.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
|
|
258
265
|
}
|
|
259
266
|
function Header(props) {
|
|
260
267
|
var _ref9 = arguments[0],
|
|
261
|
-
|
|
262
|
-
var SHeader =
|
|
268
|
+
_ref17;
|
|
269
|
+
var SHeader = _flexBox.Box;
|
|
263
270
|
var Children = props.Children,
|
|
264
271
|
styles = props.styles,
|
|
265
272
|
title = props.title;
|
|
266
|
-
return
|
|
273
|
+
return _ref17 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref17.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
267
274
|
"tag": 'header'
|
|
268
275
|
}, _ref9))), title && /*#__PURE__*/_react["default"].createElement(SidePanel.Title, {
|
|
269
276
|
children: title
|
|
270
|
-
}), /*#__PURE__*/_react["default"].createElement(Children,
|
|
277
|
+
}), /*#__PURE__*/_react["default"].createElement(Children, _ref17.cn("Children", {})));
|
|
271
278
|
}
|
|
272
|
-
var SidePanel = (0, _core
|
|
279
|
+
var SidePanel = (0, _core["default"])(RootSidePanel, {
|
|
273
280
|
Overlay: Overlay,
|
|
274
281
|
Panel: Panel,
|
|
275
282
|
Close: Close,
|
|
@@ -279,5 +286,6 @@ var SidePanel = (0, _core.createComponent)(RootSidePanel, {
|
|
|
279
286
|
Back: Back,
|
|
280
287
|
Title: Title
|
|
281
288
|
});
|
|
282
|
-
var _default =
|
|
289
|
+
var _default = SidePanel;
|
|
290
|
+
exports["default"] = _default;
|
|
283
291
|
//# sourceMappingURL=SidePanel.js.map
|
package/lib/cjs/SidePanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidePanel.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_findComponent","_fire","_logger","_ThemeProvider","_useFocusLock","_usePreventScroll","_useCssVariable","_zIndexStacking","_m","_l","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","RootSidePanel","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","key","stopPropagation","fire","_inherits2","_createClass2","value","isAdvanceMode","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","Portal","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref0","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_objectSpread2","_ref3","_ref1","SPanel","Slide","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","OutsideClick","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref10","SFooter","Flex","_ref16","_ref5","_ref11","hasChildren","children","SClose","Button","undefined","CloseIcon","Title","_ref6","_ref12","STitle","Text","Back","_ref7","_ref13","SBack","ButtonLink","SBackText","ArrowLeft","_ref8","_ref14","SBody","Box","_ref9","_ref15","SHeader","title","createComponent","_default","exports"],"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":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_button","_useCssVariable","_useFocusLock","_ThemeProvider","_logger","_i18nEnhance","_intergalacticDynamicLocales","_zIndexStacking","style","_index","sstyled","insert","RootSidePanel","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","key","stopPropagation","fire","_createClass2","value","isAdvanceMode","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","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","i18nEnhance","localizedMessages","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","zIndex","useZIndexStacking","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","hasLabel","Boolean","logger","warn","Fragment","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","hasChildren","children","SClose","Button","undefined","CloseIcon","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","ButtonLink","SBackText","ArrowLeft","_ref8","_ref16","SBody","Box","_ref9","_ref17","SHeader","title","createComponent","_default","exports"],"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/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import 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/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_SidePanel","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SidePanel';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_SidePanel","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SidePanel';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
|
@@ -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 {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
|
|
|
13
13
|
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
14
14
|
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
15
15
|
var _nl = _interopRequireDefault(require("./nl.json"));
|
|
16
|
-
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
17
16
|
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
18
|
-
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
19
17
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
20
18
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
21
19
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
22
|
-
var
|
|
20
|
+
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
21
|
+
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
22
|
+
var localizedMessages = {
|
|
23
23
|
de: _de["default"],
|
|
24
24
|
en: _en["default"],
|
|
25
25
|
es: _es["default"],
|
|
@@ -35,4 +35,5 @@ var localizedMessages = exports.localizedMessages = {
|
|
|
35
35
|
pl: _pl["default"],
|
|
36
36
|
sv: _sv["default"]
|
|
37
37
|
};
|
|
38
|
+
exports.localizedMessages = localizedMessages;
|
|
38
39
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"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,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}
|