@semcore/side-panel 16.1.1 → 16.1.2-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +1 -31
- package/lib/cjs/SidePanel.js +81 -82
- package/lib/cjs/SidePanel.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/SidePanel.js +79 -79
- package/lib/es6/SidePanel.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/SidePanel.mjs +79 -77
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +7 -7
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.1.2] - 2025-06-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [16.0.1 ~> 16.0.2], `@semcore/button` [16.0.1 ~> 16.0.2], `@semcore/flex-box` [16.0.1 ~> 16.0.2], `@semcore/portal` [16.0.1 ~> 16.0.2], `@semcore/outside-click` [16.0.1 ~> 16.0.2], `@semcore/icon` [16.2.0 ~> 16.2.1], `@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.1.1] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/side-panel
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import SidePanel from 'intergalactic/side-panel';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/side-panel @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import SidePanel from '@semcore/side-panel';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
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")["default"];
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
@@ -9,77 +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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
14
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
15
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
17
|
var _core = require("@semcore/core");
|
|
17
|
-
var _react = _interopRequireDefault(require("react"));
|
|
18
|
-
var _flexBox = require("@semcore/flex-box");
|
|
19
18
|
var _animation = require("@semcore/animation");
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
|
|
23
|
-
var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
|
|
24
|
-
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
19
|
+
var _button = _interopRequireWildcard(require("@semcore/button"));
|
|
20
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
25
21
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
|
|
22
|
+
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
23
|
+
var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
|
|
24
|
+
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
25
|
+
var _ThemeProvider = require("@semcore/core/lib/utils/ThemeProvider");
|
|
26
|
+
var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
|
|
26
27
|
var _usePreventScroll = _interopRequireDefault(require("@semcore/core/lib/utils/use/usePreventScroll"));
|
|
27
|
-
var _typography = require("@semcore/typography");
|
|
28
|
-
var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
|
|
29
|
-
var _button = _interopRequireWildcard(require("@semcore/button"));
|
|
30
28
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
31
|
-
var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
|
|
32
|
-
var _ThemeProvider = require("@semcore/core/lib/utils/ThemeProvider");
|
|
33
|
-
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
34
|
-
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
35
|
-
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
36
29
|
var _zIndexStacking = require("@semcore/core/lib/utils/zIndexStacking");
|
|
30
|
+
var _flexBox = require("@semcore/flex-box");
|
|
31
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
|
|
32
|
+
var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
|
|
33
|
+
var _outsideClick = _interopRequireDefault(require("@semcore/outside-click"));
|
|
34
|
+
var _portal = _interopRequireWildcard(require("@semcore/portal"));
|
|
35
|
+
var _typography = require("@semcore/typography");
|
|
36
|
+
var _react = _interopRequireDefault(require("react"));
|
|
37
|
+
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
38
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
37
39
|
/*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
38
|
-
var style = (
|
|
40
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOverlay_1ojli_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1ojli_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1ojli_gg_._placement_right_1ojli_gg_,.___SPanel_1ojli_gg_._placement_top_1ojli_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1ojli_gg_._placement_top_1ojli_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1ojli_gg_._placement_right_1ojli_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1ojli_gg_._placement_bottom_1ojli_gg_,.___SPanel_1ojli_gg_._placement_left_1ojli_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1ojli_gg_._placement_bottom_1ojli_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1ojli_gg_._placement_left_1ojli_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1ojli_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1ojli_gg_ .___SAddon_1ojli_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1ojli_gg_{max-width:100%}.___SBack_1ojli_gg_ .___SInner_1ojli_gg_{display:flex}.___SBack_1ojli_gg_ .___SBackText_1ojli_gg_,.___STitle_1ojli_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1ojli_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1ojli_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1ojli_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1ojli_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}", /*__inner_css_end__*/"1ojli_gg_"),
|
|
39
41
|
/*__reshadow_css_end__*/
|
|
40
42
|
{
|
|
41
|
-
"__SOverlay": "
|
|
42
|
-
"__SPanel": "
|
|
43
|
-
"_placement_top": "
|
|
44
|
-
"_placement_right": "
|
|
45
|
-
"_placement_bottom": "
|
|
46
|
-
"_placement_left": "
|
|
47
|
-
"__STitle": "
|
|
48
|
-
"__SHeader": "
|
|
49
|
-
"__SFooter": "
|
|
50
|
-
"__SBody": "
|
|
51
|
-
"__SClose": "
|
|
52
|
-
"__SAddon": "
|
|
53
|
-
"__SBack": "
|
|
54
|
-
"__SInner": "
|
|
55
|
-
"__SBackText": "
|
|
43
|
+
"__SOverlay": "___SOverlay_1ojli_gg_",
|
|
44
|
+
"__SPanel": "___SPanel_1ojli_gg_",
|
|
45
|
+
"_placement_top": "_placement_top_1ojli_gg_",
|
|
46
|
+
"_placement_right": "_placement_right_1ojli_gg_",
|
|
47
|
+
"_placement_bottom": "_placement_bottom_1ojli_gg_",
|
|
48
|
+
"_placement_left": "_placement_left_1ojli_gg_",
|
|
49
|
+
"__STitle": "___STitle_1ojli_gg_",
|
|
50
|
+
"__SHeader": "___SHeader_1ojli_gg_",
|
|
51
|
+
"__SFooter": "___SFooter_1ojli_gg_",
|
|
52
|
+
"__SBody": "___SBody_1ojli_gg_",
|
|
53
|
+
"__SClose": "___SClose_1ojli_gg_",
|
|
54
|
+
"__SAddon": "___SAddon_1ojli_gg_",
|
|
55
|
+
"__SBack": "___SBack_1ojli_gg_",
|
|
56
|
+
"__SInner": "___SInner_1ojli_gg_",
|
|
57
|
+
"__SBackText": "___SBackText_1ojli_gg_"
|
|
56
58
|
});
|
|
57
59
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
58
|
-
(0, _inherits2["default"])(RootSidePanel, _Component);
|
|
59
|
-
var _super = (0, _createSuper2["default"])(RootSidePanel);
|
|
60
60
|
function RootSidePanel() {
|
|
61
61
|
var _this;
|
|
62
62
|
(0, _classCallCheck2["default"])(this, RootSidePanel);
|
|
63
63
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
64
64
|
args[_key] = arguments[_key];
|
|
65
65
|
}
|
|
66
|
-
_this =
|
|
67
|
-
(0, _defineProperty2["default"])(
|
|
68
|
-
(0, _defineProperty2["default"])(
|
|
66
|
+
_this = _callSuper(this, RootSidePanel, [].concat(args));
|
|
67
|
+
(0, _defineProperty2["default"])(_this, "sidebarRef", /*#__PURE__*/_react["default"].createRef());
|
|
68
|
+
(0, _defineProperty2["default"])(_this, "handleSidebarKeyDown", function (e) {
|
|
69
69
|
if (e.key === 'Escape') {
|
|
70
70
|
e.stopPropagation();
|
|
71
|
-
(0, _fire["default"])(
|
|
71
|
+
(0, _fire["default"])(_this, 'onClose', 'onEscape', e);
|
|
72
72
|
}
|
|
73
73
|
});
|
|
74
|
-
(0, _defineProperty2["default"])(
|
|
75
|
-
(0, _fire["default"])(
|
|
74
|
+
(0, _defineProperty2["default"])(_this, "handleIconCloseClick", function (e) {
|
|
75
|
+
(0, _fire["default"])(_this, 'onClose', 'onCloseClick', e);
|
|
76
76
|
});
|
|
77
|
-
(0, _defineProperty2["default"])(
|
|
78
|
-
(0, _fire["default"])(
|
|
77
|
+
(0, _defineProperty2["default"])(_this, "handleOutsideClick", function (e) {
|
|
78
|
+
(0, _fire["default"])(_this, 'onClose', 'onOutsideClick', e);
|
|
79
79
|
});
|
|
80
80
|
return _this;
|
|
81
81
|
}
|
|
82
|
-
(0,
|
|
82
|
+
(0, _inherits2["default"])(RootSidePanel, _Component);
|
|
83
|
+
return (0, _createClass2["default"])(RootSidePanel, [{
|
|
83
84
|
key: "isAdvanceMode",
|
|
84
85
|
value: function isAdvanceMode() {
|
|
85
86
|
return (0, _findComponent.isAdvanceMode)(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
|
|
@@ -119,10 +120,10 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
119
120
|
visible: visible,
|
|
120
121
|
placement: placement,
|
|
121
122
|
closable: closable,
|
|
122
|
-
duration: duration + duration / 2,
|
|
123
|
-
disableEnforceFocus: !this.isUsedOverlay(),
|
|
124
|
-
onOutsideClick: this.handleOutsideClick,
|
|
125
|
-
onKeyDown: this.handleSidebarKeyDown,
|
|
123
|
+
'duration': duration + duration / 2,
|
|
124
|
+
'disableEnforceFocus': !this.isUsedOverlay(),
|
|
125
|
+
'onOutsideClick': this.handleOutsideClick,
|
|
126
|
+
'onKeyDown': this.handleSidebarKeyDown,
|
|
126
127
|
animationsDisabled: animationsDisabled,
|
|
127
128
|
'aria-label': ariaLabel,
|
|
128
129
|
'aria-labelledby': ariaLabelledBy
|
|
@@ -150,7 +151,6 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
150
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))));
|
|
151
152
|
}
|
|
152
153
|
}]);
|
|
153
|
-
return RootSidePanel;
|
|
154
154
|
}(_core.Component);
|
|
155
155
|
(0, _defineProperty2["default"])(RootSidePanel, "displayName", 'SidePanel');
|
|
156
156
|
(0, _defineProperty2["default"])(RootSidePanel, "style", style);
|
|
@@ -167,20 +167,20 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
167
167
|
});
|
|
168
168
|
function Overlay(props) {
|
|
169
169
|
var _ref2 = arguments[0],
|
|
170
|
-
|
|
170
|
+
_ref0;
|
|
171
171
|
var SOverlay = _animation.FadeInOut;
|
|
172
172
|
var overlayRef = _react["default"].useRef(null);
|
|
173
173
|
(0, _usePreventScroll["default"])(props.visible, props.disablePreventScroll);
|
|
174
174
|
(0, _ThemeProvider.useContextTheme)(overlayRef, props.visible);
|
|
175
175
|
var zIndex = (0, _zIndexStacking.useZIndexStacking)('z-index-modal');
|
|
176
|
-
return
|
|
176
|
+
return _ref0 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref0.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
177
177
|
"ref": overlayRef,
|
|
178
178
|
"zIndex": zIndex
|
|
179
179
|
}, _ref2))));
|
|
180
180
|
}
|
|
181
181
|
function Panel(props) {
|
|
182
182
|
var _ref3 = arguments[0],
|
|
183
|
-
|
|
183
|
+
_ref1;
|
|
184
184
|
var SPanel = _animation.Slide;
|
|
185
185
|
var Children = props.Children,
|
|
186
186
|
styles = props.styles,
|
|
@@ -193,87 +193,87 @@ function Panel(props) {
|
|
|
193
193
|
var sidebarRef = _react["default"].useRef(null);
|
|
194
194
|
(0, _useFocusLock.useFocusLock)(sidebarRef, true, 'auto', !visible, true);
|
|
195
195
|
var hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
|
|
196
|
-
_logger["default"].warn(!hasLabel,
|
|
197
|
-
return
|
|
196
|
+
_logger["default"].warn(!hasLabel, '\'aria-label\' or \'aria-labelledby\' are required for SidePanel component', props['data-ui-name'] || Panel.displayName);
|
|
197
|
+
return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_outsideClick["default"], _ref1.cn("OutsideClick", {
|
|
198
198
|
"onOutsideClick": onOutsideClick,
|
|
199
199
|
"excludeRefs": [sidebarRef]
|
|
200
|
-
})), /*#__PURE__*/_react["default"].createElement(SPanel,
|
|
200
|
+
})), /*#__PURE__*/_react["default"].createElement(SPanel, _ref1.cn("SPanel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
201
201
|
"visible": visible,
|
|
202
202
|
"initialAnimation": true,
|
|
203
203
|
"slideOrigin": placement,
|
|
204
204
|
"ref": sidebarRef,
|
|
205
205
|
"role": 'dialog',
|
|
206
206
|
"aria-modal": 'true'
|
|
207
|
-
}, _ref3))), /*#__PURE__*/_react["default"].createElement(_zIndexStacking.ZIndexStackingContextProvider,
|
|
207
|
+
}, _ref3))), /*#__PURE__*/_react["default"].createElement(_zIndexStacking.ZIndexStackingContextProvider, _ref1.cn("ZIndexStackingContextProvider", {
|
|
208
208
|
"designToken": 'z-index-modal'
|
|
209
|
-
}), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider,
|
|
209
|
+
}), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider, _ref1.cn("PortalProvider", {
|
|
210
210
|
"value": sidebarRef
|
|
211
|
-
}), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children,
|
|
211
|
+
}), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SidePanel.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})))))));
|
|
212
212
|
}
|
|
213
213
|
function Footer(props) {
|
|
214
214
|
var _ref4 = arguments[0],
|
|
215
|
-
|
|
215
|
+
_ref10;
|
|
216
216
|
var SFooter = _flexBox.Flex;
|
|
217
|
-
return
|
|
217
|
+
return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref10.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
218
218
|
"tag": 'footer'
|
|
219
219
|
}, _ref4))));
|
|
220
220
|
}
|
|
221
|
-
function Close(
|
|
221
|
+
function Close(_ref16) {
|
|
222
222
|
var _ref5 = arguments[0],
|
|
223
|
-
|
|
224
|
-
var styles =
|
|
225
|
-
hasChildren =
|
|
226
|
-
Children =
|
|
227
|
-
getI18nText =
|
|
223
|
+
_ref11;
|
|
224
|
+
var styles = _ref16.styles,
|
|
225
|
+
hasChildren = _ref16.children,
|
|
226
|
+
Children = _ref16.Children,
|
|
227
|
+
getI18nText = _ref16.getI18nText;
|
|
228
228
|
var SClose = _button["default"];
|
|
229
|
-
return
|
|
229
|
+
return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref11.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
230
230
|
"aria-label": getI18nText('close'),
|
|
231
231
|
"use": 'tertiary',
|
|
232
232
|
"theme": 'muted',
|
|
233
233
|
"size": 'l',
|
|
234
234
|
"addonLeft": hasChildren ? undefined : _l["default"]
|
|
235
|
-
}, _ref5))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children,
|
|
235
|
+
}, _ref5))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : undefined);
|
|
236
236
|
}
|
|
237
237
|
Close.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
|
238
238
|
function Title(props) {
|
|
239
239
|
var _ref6 = arguments[0],
|
|
240
|
-
|
|
240
|
+
_ref12;
|
|
241
241
|
var STitle = _typography.Text;
|
|
242
|
-
return
|
|
242
|
+
return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref12.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
243
243
|
"tag": 'h6'
|
|
244
244
|
}, _ref6))));
|
|
245
245
|
}
|
|
246
246
|
function Back(props) {
|
|
247
247
|
var _ref7 = arguments[0],
|
|
248
|
-
|
|
248
|
+
_ref13;
|
|
249
249
|
var SBack = _button.ButtonLink;
|
|
250
250
|
var SBackText = _button.ButtonLink.Text;
|
|
251
251
|
var Children = props.Children,
|
|
252
252
|
styles = props.styles;
|
|
253
|
-
return
|
|
253
|
+
return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref13.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
254
254
|
"color": 'text-hint',
|
|
255
255
|
"size": 100,
|
|
256
256
|
"addonLeft": _m["default"]
|
|
257
|
-
}, _ref7))), /*#__PURE__*/_react["default"].createElement(SBackText,
|
|
257
|
+
}, _ref7))), /*#__PURE__*/_react["default"].createElement(SBackText, _ref13.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {}))));
|
|
258
258
|
}
|
|
259
259
|
function Body(props) {
|
|
260
260
|
var _ref8 = arguments[0],
|
|
261
|
-
|
|
261
|
+
_ref14;
|
|
262
262
|
var SBody = _flexBox.Box;
|
|
263
|
-
return
|
|
263
|
+
return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref14.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
|
|
264
264
|
}
|
|
265
265
|
function Header(props) {
|
|
266
266
|
var _ref9 = arguments[0],
|
|
267
|
-
|
|
267
|
+
_ref15;
|
|
268
268
|
var SHeader = _flexBox.Box;
|
|
269
269
|
var Children = props.Children,
|
|
270
270
|
styles = props.styles,
|
|
271
271
|
title = props.title;
|
|
272
|
-
return
|
|
272
|
+
return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref15.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
273
273
|
"tag": 'header'
|
|
274
274
|
}, _ref9))), title && /*#__PURE__*/_react["default"].createElement(SidePanel.Title, {
|
|
275
275
|
children: title
|
|
276
|
-
}), /*#__PURE__*/_react["default"].createElement(Children,
|
|
276
|
+
}), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {})));
|
|
277
277
|
}
|
|
278
278
|
var SidePanel = (0, _core.createComponent)(RootSidePanel, {
|
|
279
279
|
Overlay: Overlay,
|
|
@@ -285,6 +285,5 @@ var SidePanel = (0, _core.createComponent)(RootSidePanel, {
|
|
|
285
285
|
Back: Back,
|
|
286
286
|
Title: Title
|
|
287
287
|
});
|
|
288
|
-
var _default = SidePanel;
|
|
289
|
-
exports["default"] = _default;
|
|
288
|
+
var _default = exports["default"] = SidePanel;
|
|
290
289
|
//# sourceMappingURL=SidePanel.js.map
|
package/lib/cjs/SidePanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidePanel.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_interopRequireWildcard","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_button","_useCssVariable","_useFocusLock","_ThemeProvider","_logger","_i18nEnhance","_intergalacticDynamicLocales","_zIndexStacking","style","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/core/lib/utils/fire';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport logger from '@semcore/core/lib/utils/logger';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n duration: duration + duration / 2,\n disableEnforceFocus: !this.isUsedOverlay(),\n onOutsideClick: this.handleOutsideClick,\n onKeyDown: this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode() ? (\n <Children />\n ) : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n props['data-ui-name'] || Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode ? (\n <Children />\n ) : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color={'text-hint'} size={100} addonLeft={ArrowLeft}>\n {/*<ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon>*/}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SidePanel.js","names":["_core","require","_animation","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_keyboardFocusEnhance","_findComponent","_fire","_logger","_ThemeProvider","_useFocusLock","_usePreventScroll","_useCssVariable","_zIndexStacking","_flexBox","_m","_l","_outsideClick","_portal","_typography","_react","_intergalacticDynamicLocales","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","RootSidePanel","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","React","createRef","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","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","ZIndexStackingContextProvider","PortalProvider","Close","_ref4","_ref10","SFooter","Flex","_ref16","_ref5","_ref11","hasChildren","children","SClose","Button","undefined","CloseIcon","enhance","keyboardFocusEnhance","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 } from '@semcore/animation';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport OutsideClick from '@semcore/outside-click';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/side-panel.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n 'duration': duration + duration / 2,\n 'disableEnforceFocus': !this.isUsedOverlay(),\n 'onOutsideClick': this.handleOutsideClick,\n 'onKeyDown': this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode()\n ? (\n <Children />\n )\n : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n '\\'aria-label\\' or \\'aria-labelledby\\' are required for SidePanel component',\n props['data-ui-name'] || Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode\n ? (\n <Children />\n )\n : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color='text-hint' size={100} addonLeft={ArrowLeft}>\n {/* <ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon> */}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n */\n duration?: number;\n /**\n * The property responsible for the visibility of the component\n */\n visible?: boolean;\n /**\n * Callback for the component closure\n */\n onClose?: OnCloseType;\n /**\n * Property for displaying the close button\n * @default true\n */\n closable?: boolean;\n /**\n * Position of a dropdown window\n * @default right\n */\n placement?: SidePanelPlacement;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
|
|
|
13
13
|
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
14
14
|
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
15
15
|
var _nl = _interopRequireDefault(require("./nl.json"));
|
|
16
|
+
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
16
17
|
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
18
|
+
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
17
19
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
18
20
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
19
21
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
20
|
-
var
|
|
21
|
-
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
22
|
-
var localizedMessages = {
|
|
22
|
+
var localizedMessages = exports.localizedMessages = {
|
|
23
23
|
de: _de["default"],
|
|
24
24
|
en: _en["default"],
|
|
25
25
|
es: _es["default"],
|
|
@@ -35,5 +35,4 @@ var localizedMessages = {
|
|
|
35
35
|
pl: _pl["default"],
|
|
36
36
|
sv: _sv["default"]
|
|
37
37
|
};
|
|
38
|
-
exports.localizedMessages = localizedMessages;
|
|
39
38
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|