@semcore/side-panel 3.32.0 → 3.33.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/CHANGELOG.md +3 -3
- package/lib/cjs/SidePanel.js +16 -15
- package/lib/cjs/SidePanel.js.map +1 -1
- package/lib/es6/SidePanel.js +16 -16
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.
|
|
5
|
+
## [3.33.0] - 2024-05-16
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version minor update due to children dependencies update (`@semcore/utils` [4.
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.25.0 ~> 4.26.1], `@semcore/animation` [2.24.0 ~> 2.25.0], `@semcore/flex-box` [5.24.0 ~> 5.25.0], `@semcore/portal` [3.24.0 ~> 3.25.0], `@semcore/outside-click` [3.22.0 ~> 3.23.0], `@semcore/icon` [4.33.0 ~> 4.34.0], `@semcore/core` [2.22.0 ~> 2.23.0]).
|
|
10
10
|
|
|
11
|
-
## [3.
|
|
11
|
+
## [3.32.0] - 2024-05-16
|
|
12
12
|
|
|
13
13
|
### Changed
|
|
14
14
|
|
package/lib/cjs/SidePanel.js
CHANGED
|
@@ -13,6 +13,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
13
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
15
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
16
17
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
17
18
|
var _react = _interopRequireDefault(require("react"));
|
|
18
19
|
var _flexBox = require("@semcore/flex-box");
|
|
@@ -30,21 +31,21 @@ var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
|
30
31
|
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
31
32
|
var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
|
|
32
33
|
/*__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
33
|
-
var style = ( /*__reshadow_css_start__*/
|
|
34
|
-
"__SOverlay": "
|
|
35
|
-
"__SPanel": "
|
|
36
|
-
"_placement_top": "
|
|
37
|
-
"_placement_right": "
|
|
38
|
-
"_placement_bottom": "
|
|
39
|
-
"_placement_left": "
|
|
40
|
-
"__SClose": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"__SBackText": "
|
|
43
|
-
"__STitle": "
|
|
44
|
-
"__SHeader": "
|
|
45
|
-
"__SFooter": "
|
|
46
|
-
"__SBody": "
|
|
47
|
-
"__SBack": "
|
|
34
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_mfkn3_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_mfkn3_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_mfkn3_gg_._placement_right_mfkn3_gg_,.___SPanel_mfkn3_gg_._placement_top_mfkn3_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_mfkn3_gg_._placement_top_mfkn3_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_mfkn3_gg_._placement_right_mfkn3_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_mfkn3_gg_._placement_bottom_mfkn3_gg_,.___SPanel_mfkn3_gg_._placement_left_mfkn3_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_mfkn3_gg_._placement_bottom_mfkn3_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_mfkn3_gg_._placement_left_mfkn3_gg_{height:100vh;margin-right:auto;top:0}.___SClose_mfkn3_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_mfkn3_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_mfkn3_gg_.__keyboardFocused_mfkn3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_mfkn3_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_mfkn3_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_mfkn3_gg_,.___STitle_mfkn3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_mfkn3_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_mfkn3_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_mfkn3_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-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_mfkn3_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_mfkn3_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "mfkn3_gg_") /*__reshadow_css_end__*/, {
|
|
35
|
+
"__SOverlay": "___SOverlay_mfkn3_gg_",
|
|
36
|
+
"__SPanel": "___SPanel_mfkn3_gg_",
|
|
37
|
+
"_placement_top": "_placement_top_mfkn3_gg_",
|
|
38
|
+
"_placement_right": "_placement_right_mfkn3_gg_",
|
|
39
|
+
"_placement_bottom": "_placement_bottom_mfkn3_gg_",
|
|
40
|
+
"_placement_left": "_placement_left_mfkn3_gg_",
|
|
41
|
+
"__SClose": "___SClose_mfkn3_gg_",
|
|
42
|
+
"_keyboardFocused": "__keyboardFocused_mfkn3_gg_",
|
|
43
|
+
"__SBackText": "___SBackText_mfkn3_gg_",
|
|
44
|
+
"__STitle": "___STitle_mfkn3_gg_",
|
|
45
|
+
"__SHeader": "___SHeader_mfkn3_gg_",
|
|
46
|
+
"__SFooter": "___SFooter_mfkn3_gg_",
|
|
47
|
+
"__SBody": "___SBody_mfkn3_gg_",
|
|
48
|
+
"__SBack": "___SBack_mfkn3_gg_"
|
|
48
49
|
});
|
|
49
50
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
50
51
|
(0, _inherits2["default"])(RootSidePanel, _Component);
|
package/lib/cjs/SidePanel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidePanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_useCssVariable","_useFocusLock","_ThemeProvider","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","calculateDelayAnimation","name","delay","duration","usedOverlay","overlay","panel","getOverlayProps","_this$asProps","visible","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","Fragment","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","children","SClose","Box","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","SBackText","_ref8","_ref16","SBody","_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 { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\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 ];\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 calculateDelayAnimation(name) {\n const delay = this.asProps.duration / 2;\n const usedOverlay = this.isUsedOverlay();\n\n return {\n overlay: usedOverlay ? [0, delay] : 0,\n panel: usedOverlay ? [delay, 0] : 0,\n }[name];\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n delay: this.calculateDelayAnimation('overlay'),\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const { placement, visible, closable, duration, animationsDisabled } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n duration,\n disableEnforceFocus: !this.isUsedOverlay(),\n delay: this.calculateDelayAnimation('panel'),\n onOutsideClick: this.handleOutsideClick,\n onKeyDown: this.handleSidebarKeyDown,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\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 return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} />);\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 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 >\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 </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close({ styles, children, Children }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose render={Box} tag='button'>\n {children ? <Children /> : <CloseIcon title='Close' />}\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 = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\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}>\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","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_useCssVariable","_useFocusLock","_ThemeProvider","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","calculateDelayAnimation","name","delay","duration","usedOverlay","overlay","panel","getOverlayProps","_this$asProps","visible","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","Fragment","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","children","SClose","Box","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","SBackText","_ref8","_ref16","SBody","_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 { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\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 ];\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 calculateDelayAnimation(name) {\n const delay = this.asProps.duration / 2;\n const usedOverlay = this.isUsedOverlay();\n\n return {\n overlay: usedOverlay ? [0, delay] : 0,\n panel: usedOverlay ? [delay, 0] : 0,\n }[name];\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n delay: this.calculateDelayAnimation('overlay'),\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const { placement, visible, closable, duration, animationsDisabled } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n duration,\n disableEnforceFocus: !this.isUsedOverlay(),\n delay: this.calculateDelayAnimation('panel'),\n onOutsideClick: this.handleOutsideClick,\n onKeyDown: this.handleSidebarKeyDown,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\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 return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} />);\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 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 >\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 </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close({ styles, children, Children }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose render={Box} tag='button'>\n {children ? <Children /> : <CloseIcon title='Close' />}\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 = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\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}>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}
|
package/lib/es6/SidePanel.js
CHANGED
|
@@ -5,7 +5,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
|
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
6
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
9
9
|
import { assignProps as _assignProps9 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps8 } from "@semcore/core";
|
|
11
11
|
import { assignProps as _assignProps7 } from "@semcore/core";
|
|
@@ -32,21 +32,21 @@ import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
|
32
32
|
import { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';
|
|
33
33
|
import { useContextTheme } from '@semcore/utils/lib/ThemeProvider';
|
|
34
34
|
/*__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
36
|
-
"__SOverlay": "
|
|
37
|
-
"__SPanel": "
|
|
38
|
-
"_placement_top": "
|
|
39
|
-
"_placement_right": "
|
|
40
|
-
"_placement_bottom": "
|
|
41
|
-
"_placement_left": "
|
|
42
|
-
"__SClose": "
|
|
43
|
-
"_keyboardFocused": "
|
|
44
|
-
"__SBackText": "
|
|
45
|
-
"__STitle": "
|
|
46
|
-
"__SHeader": "
|
|
47
|
-
"__SFooter": "
|
|
48
|
-
"__SBody": "
|
|
49
|
-
"__SBack": "
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_mfkn3_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_mfkn3_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_mfkn3_gg_._placement_right_mfkn3_gg_,.___SPanel_mfkn3_gg_._placement_top_mfkn3_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_mfkn3_gg_._placement_top_mfkn3_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_mfkn3_gg_._placement_right_mfkn3_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_mfkn3_gg_._placement_bottom_mfkn3_gg_,.___SPanel_mfkn3_gg_._placement_left_mfkn3_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_mfkn3_gg_._placement_bottom_mfkn3_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_mfkn3_gg_._placement_left_mfkn3_gg_{height:100vh;margin-right:auto;top:0}.___SClose_mfkn3_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_mfkn3_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_mfkn3_gg_.__keyboardFocused_mfkn3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_mfkn3_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_mfkn3_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_mfkn3_gg_,.___STitle_mfkn3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_mfkn3_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_mfkn3_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_mfkn3_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-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_mfkn3_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_mfkn3_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "mfkn3_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SOverlay": "___SOverlay_mfkn3_gg_",
|
|
37
|
+
"__SPanel": "___SPanel_mfkn3_gg_",
|
|
38
|
+
"_placement_top": "_placement_top_mfkn3_gg_",
|
|
39
|
+
"_placement_right": "_placement_right_mfkn3_gg_",
|
|
40
|
+
"_placement_bottom": "_placement_bottom_mfkn3_gg_",
|
|
41
|
+
"_placement_left": "_placement_left_mfkn3_gg_",
|
|
42
|
+
"__SClose": "___SClose_mfkn3_gg_",
|
|
43
|
+
"_keyboardFocused": "__keyboardFocused_mfkn3_gg_",
|
|
44
|
+
"__SBackText": "___SBackText_mfkn3_gg_",
|
|
45
|
+
"__STitle": "___STitle_mfkn3_gg_",
|
|
46
|
+
"__SHeader": "___SHeader_mfkn3_gg_",
|
|
47
|
+
"__SFooter": "___SFooter_mfkn3_gg_",
|
|
48
|
+
"__SBody": "___SBody_mfkn3_gg_",
|
|
49
|
+
"__SBack": "___SBack_mfkn3_gg_"
|
|
50
50
|
});
|
|
51
51
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
52
52
|
_inherits(RootSidePanel, _Component);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/side-panel",
|
|
3
3
|
"description": "Semrush SidePanel Component",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.33.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/animation": "2.
|
|
14
|
-
"@semcore/flex-box": "5.
|
|
15
|
-
"@semcore/portal": "3.
|
|
16
|
-
"@semcore/typography": "5.
|
|
17
|
-
"@semcore/outside-click": "3.
|
|
18
|
-
"@semcore/icon": "4.
|
|
12
|
+
"@semcore/utils": "4.26.1-prerelease.1",
|
|
13
|
+
"@semcore/animation": "2.25.0-prerelease.1",
|
|
14
|
+
"@semcore/flex-box": "5.25.0-prerelease.1",
|
|
15
|
+
"@semcore/portal": "3.25.0-prerelease.1",
|
|
16
|
+
"@semcore/typography": "5.33.0-prerelease.1",
|
|
17
|
+
"@semcore/outside-click": "3.23.0-prerelease.1",
|
|
18
|
+
"@semcore/icon": "4.34.0-prerelease.1"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/core": "^2.
|
|
21
|
+
"@semcore/core": "^2.23.0-prerelease.1",
|
|
22
22
|
"react": "16.8 - 18",
|
|
23
23
|
"react-dom": "16.8 - 18"
|
|
24
24
|
},
|