@semcore/side-panel 3.53.1 → 16.0.0-prerelease.2

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.0.0] - 2025-03-26
+
+### Added
+
+- Major version.
+
 ## [3.53.1] - 2025-03-20
 
 ### Changed

package/lib/cjs/SidePanel.js

@@ -13,45 +13,44 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
 var _animation = require("@semcore/animation");
 var _portal = _interopRequireWildcard(require("@semcore/portal"));
 var _outsideClick = _interopRequireDefault(require("@semcore/outside-click"));
 var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
-var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
-var _findComponent = require("@semcore/utils/lib/findComponent");
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _usePreventScroll = _interopRequireDefault(require("@semcore/utils/lib/use/usePreventScroll"));
+var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
+var _findComponent = require("@semcore/core/lib/utils/findComponent");
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
+var _usePreventScroll = _interopRequireDefault(require("@semcore/core/lib/utils/use/usePreventScroll"));
 var _typography = require("@semcore/typography");
 var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
 var _button = _interopRequireWildcard(require("@semcore/button"));
-var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
-var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
-var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
-var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
+var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
+var _ThemeProvider = require("@semcore/core/lib/utils/ThemeProvider");
+var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-var _zIndexStacking = require("@semcore/utils/lib/zIndexStacking");
+var _zIndexStacking = require("@semcore/core/lib/utils/zIndexStacking");
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_sdf55_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_sdf55_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_sdf55_gg_._placement_right_sdf55_gg_,.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_sdf55_gg_._placement_right_sdf55_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_,.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{height:100vh;margin-right:auto;top:0}.___SClose_sdf55_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_sdf55_gg_ .___SAddon_sdf55_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_sdf55_gg_{max-width:100%}.___SBack_sdf55_gg_ .___SInner_sdf55_gg_{display:flex}.___SBack_sdf55_gg_ .___SBackText_sdf55_gg_,.___STitle_sdf55_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_sdf55_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_sdf55_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_sdf55_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_sdf55_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__*/, "sdf55_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_sdf55_gg_",
-  "__SPanel": "___SPanel_sdf55_gg_",
-  "_placement_top": "_placement_top_sdf55_gg_",
-  "_placement_right": "_placement_right_sdf55_gg_",
-  "_placement_bottom": "_placement_bottom_sdf55_gg_",
-  "_placement_left": "_placement_left_sdf55_gg_",
-  "__STitle": "___STitle_sdf55_gg_",
-  "__SHeader": "___SHeader_sdf55_gg_",
-  "__SFooter": "___SFooter_sdf55_gg_",
-  "__SBody": "___SBody_sdf55_gg_",
-  "__SClose": "___SClose_sdf55_gg_",
-  "__SAddon": "___SAddon_sdf55_gg_",
-  "__SBack": "___SBack_sdf55_gg_",
-  "__SInner": "___SInner_sdf55_gg_",
-  "__SBackText": "___SBackText_sdf55_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOverlay_vg6wl_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_vg6wl_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_vg6wl_gg_._placement_right_vg6wl_gg_,.___SPanel_vg6wl_gg_._placement_top_vg6wl_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_vg6wl_gg_._placement_top_vg6wl_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_vg6wl_gg_._placement_right_vg6wl_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_vg6wl_gg_._placement_bottom_vg6wl_gg_,.___SPanel_vg6wl_gg_._placement_left_vg6wl_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_vg6wl_gg_._placement_bottom_vg6wl_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_vg6wl_gg_._placement_left_vg6wl_gg_{height:100vh;margin-right:auto;top:0}.___SClose_vg6wl_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_vg6wl_gg_ .___SAddon_vg6wl_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_vg6wl_gg_{max-width:100%}.___SBack_vg6wl_gg_ .___SInner_vg6wl_gg_{display:flex}.___SBack_vg6wl_gg_ .___SBackText_vg6wl_gg_,.___STitle_vg6wl_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_vg6wl_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_vg6wl_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_vg6wl_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_vg6wl_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__*/, "vg6wl_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_vg6wl_gg_",
+  "__SPanel": "___SPanel_vg6wl_gg_",
+  "_placement_top": "_placement_top_vg6wl_gg_",
+  "_placement_right": "_placement_right_vg6wl_gg_",
+  "_placement_bottom": "_placement_bottom_vg6wl_gg_",
+  "_placement_left": "_placement_left_vg6wl_gg_",
+  "__STitle": "___STitle_vg6wl_gg_",
+  "__SHeader": "___SHeader_vg6wl_gg_",
+  "__SFooter": "___SFooter_vg6wl_gg_",
+  "__SBody": "___SBody_vg6wl_gg_",
+  "__SClose": "___SClose_vg6wl_gg_",
+  "__SAddon": "___SAddon_vg6wl_gg_",
+  "__SBack": "___SBack_vg6wl_gg_",
+  "__SInner": "___SInner_vg6wl_gg_",
+  "__SBackText": "___SBackText_vg6wl_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSidePanel, _Component);
@@ -274,7 +273,7 @@ function Header(props) {
     children: title
   }), /*#__PURE__*/_react["default"].createElement(Children, _ref17.cn("Children", {})));
 }
-var SidePanel = (0, _core["default"])(RootSidePanel, {
+var SidePanel = (0, _core.createComponent)(RootSidePanel, {
   Overlay: Overlay,
   Panel: Panel,
   Close: Close,

package/lib/cjs/SidePanel.js.map

@@ -1 +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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"}
+{"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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"}

package/lib/es6/SidePanel.js

@@ -5,7 +5,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps9 } from "@semcore/core";
 import { assignProps as _assignProps8 } from "@semcore/core";
 import { assignProps as _assignProps7 } from "@semcore/core";
@@ -16,43 +16,43 @@ import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import { Flex, Box } from '@semcore/flex-box';
 import { FadeInOut, Slide } from '@semcore/animation';
 import Portal, { PortalProvider } from '@semcore/portal';
 import OutsideClick from '@semcore/outside-click';
 import CloseIcon from '@semcore/icon/Close/l';
-import fire from '@semcore/utils/lib/fire';
-import { isAdvanceMode as _isAdvanceMode } from '@semcore/utils/lib/findComponent';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
+import fire from '@semcore/core/lib/utils/fire';
+import { isAdvanceMode as _isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
+import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
+import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
 import { Text } from '@semcore/typography';
 import ArrowLeft from '@semcore/icon/ArrowLeft/m';
 import Button, { ButtonLink } from '@semcore/button';
-import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
-import { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';
-import { useContextTheme } from '@semcore/utils/lib/ThemeProvider';
-import logger from '@semcore/utils/lib/logger';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
+import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
+import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
+import { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';
+import logger from '@semcore/core/lib/utils/logger';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/utils/lib/zIndexStacking';
+import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_sdf55_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_sdf55_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_sdf55_gg_._placement_right_sdf55_gg_,.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_sdf55_gg_._placement_right_sdf55_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_,.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{height:100vh;margin-right:auto;top:0}.___SClose_sdf55_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_sdf55_gg_ .___SAddon_sdf55_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_sdf55_gg_{max-width:100%}.___SBack_sdf55_gg_ .___SInner_sdf55_gg_{display:flex}.___SBack_sdf55_gg_ .___SBackText_sdf55_gg_,.___STitle_sdf55_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_sdf55_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_sdf55_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_sdf55_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_sdf55_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__*/, "sdf55_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_sdf55_gg_",
-  "__SPanel": "___SPanel_sdf55_gg_",
-  "_placement_top": "_placement_top_sdf55_gg_",
-  "_placement_right": "_placement_right_sdf55_gg_",
-  "_placement_bottom": "_placement_bottom_sdf55_gg_",
-  "_placement_left": "_placement_left_sdf55_gg_",
-  "__STitle": "___STitle_sdf55_gg_",
-  "__SHeader": "___SHeader_sdf55_gg_",
-  "__SFooter": "___SFooter_sdf55_gg_",
-  "__SBody": "___SBody_sdf55_gg_",
-  "__SClose": "___SClose_sdf55_gg_",
-  "__SAddon": "___SAddon_sdf55_gg_",
-  "__SBack": "___SBack_sdf55_gg_",
-  "__SInner": "___SInner_sdf55_gg_",
-  "__SBackText": "___SBackText_sdf55_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_vg6wl_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_vg6wl_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_vg6wl_gg_._placement_right_vg6wl_gg_,.___SPanel_vg6wl_gg_._placement_top_vg6wl_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_vg6wl_gg_._placement_top_vg6wl_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_vg6wl_gg_._placement_right_vg6wl_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_vg6wl_gg_._placement_bottom_vg6wl_gg_,.___SPanel_vg6wl_gg_._placement_left_vg6wl_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_vg6wl_gg_._placement_bottom_vg6wl_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_vg6wl_gg_._placement_left_vg6wl_gg_{height:100vh;margin-right:auto;top:0}.___SClose_vg6wl_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_vg6wl_gg_ .___SAddon_vg6wl_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_vg6wl_gg_{max-width:100%}.___SBack_vg6wl_gg_ .___SInner_vg6wl_gg_{display:flex}.___SBack_vg6wl_gg_ .___SBackText_vg6wl_gg_,.___STitle_vg6wl_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_vg6wl_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_vg6wl_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_vg6wl_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_vg6wl_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__*/, "vg6wl_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_vg6wl_gg_",
+  "__SPanel": "___SPanel_vg6wl_gg_",
+  "_placement_top": "_placement_top_vg6wl_gg_",
+  "_placement_right": "_placement_right_vg6wl_gg_",
+  "_placement_bottom": "_placement_bottom_vg6wl_gg_",
+  "_placement_left": "_placement_left_vg6wl_gg_",
+  "__STitle": "___STitle_vg6wl_gg_",
+  "__SHeader": "___SHeader_vg6wl_gg_",
+  "__SFooter": "___SFooter_vg6wl_gg_",
+  "__SBody": "___SBody_vg6wl_gg_",
+  "__SClose": "___SClose_vg6wl_gg_",
+  "__SAddon": "___SAddon_vg6wl_gg_",
+  "__SBack": "___SBack_vg6wl_gg_",
+  "__SInner": "___SInner_vg6wl_gg_",
+  "__SBackText": "___SBackText_vg6wl_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   _inherits(RootSidePanel, _Component);

package/lib/es6/SidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.js","names":["React","createComponent","Component","Root","sstyled","Flex","Box","FadeInOut","Slide","Portal","PortalProvider","OutsideClick","CloseIcon","fire","isAdvanceMode","keyboardFocusEnhance","usePreventScroll","Text","ArrowLeft","Button","ButtonLink","cssVariableEnhance","useFocusLock","useContextTheme","logger","i18nEnhance","localizedMessages","ZIndexStackingContextProvider","useZIndexStacking","style","_sstyled","insert","RootSidePanel","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","key","stopPropagation","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref11","SPanel","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref12","SFooter","_assignProps4","_ref18","_ref5","_ref13","hasChildren","children","SClose","_assignProps5","undefined","enhance","Title","_ref6","_ref14","STitle","_assignProps6","Back","_ref7","_ref15","SBack","SBackText","_assignProps7","_ref8","_ref16","SBody","_assignProps8","_ref9","_ref17","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/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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"}
+{"version":3,"file":"SidePanel.js","names":["React","createComponent","Component","Root","sstyled","Flex","Box","FadeInOut","Slide","Portal","PortalProvider","OutsideClick","CloseIcon","fire","isAdvanceMode","keyboardFocusEnhance","usePreventScroll","Text","ArrowLeft","Button","ButtonLink","cssVariableEnhance","useFocusLock","useContextTheme","logger","i18nEnhance","localizedMessages","ZIndexStackingContextProvider","useZIndexStacking","style","_sstyled","insert","RootSidePanel","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","key","stopPropagation","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref11","SPanel","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref12","SFooter","_assignProps4","_ref18","_ref5","_ref13","hasChildren","children","SClose","_assignProps5","undefined","enhance","Title","_ref6","_ref14","STitle","_assignProps6","Back","_ref7","_ref15","SBack","SBackText","_assignProps7","_ref8","_ref16","SBody","_assignProps8","_ref9","_ref17","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport logger from '@semcore/core/lib/utils/logger';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n  ZIndexStackingContextProvider,\n  useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n  static displayName = 'SidePanel';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    i18nEnhance(localizedMessages),\n  ];\n  static defaultProps = {\n    placement: 'right',\n    closable: true,\n    disablePreventScroll: false,\n  };\n\n  sidebarRef = React.createRef();\n\n  handleSidebarKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  isAdvanceMode() {\n    return isAdvanceMode(this.asProps.Children, [\n      SidePanel.Overlay.displayName,\n      SidePanel.Panel.displayName,\n    ]);\n  }\n\n  isUsedOverlay() {\n    return (\n      !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n    );\n  }\n\n  getOverlayProps() {\n    const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      visible,\n      duration,\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getPanelProps() {\n    const {\n      placement,\n      visible,\n      closable,\n      duration,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    } = this.asProps;\n\n    return {\n      visible,\n      placement,\n      closable,\n      duration: duration + duration / 2,\n      disableEnforceFocus: !this.isUsedOverlay(),\n      onOutsideClick: this.handleOutsideClick,\n      onKeyDown: this.handleSidebarKeyDown,\n      animationsDisabled,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    };\n  }\n\n  getCloseProps() {\n    return {\n      onClick: this.handleIconCloseClick,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {this.isAdvanceMode() ? (\n          <Children />\n        ) : (\n          <SidePanel.Overlay>\n            <Root render={SidePanel.Panel} />\n          </SidePanel.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(props.visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, props.visible);\n  const zIndex = useZIndexStacking('z-index-modal');\n  return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n  const SPanel = Root;\n  const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n    props;\n  const advancedMode =\n    forcedAdvancedMode ||\n    isAdvanceMode(Children, [\n      SidePanel.Header.displayName,\n      SidePanel.Body.displayName,\n      SidePanel.Footer.displayName,\n    ]);\n\n  const sidebarRef = React.useRef(null);\n\n  useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n  const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n  logger.warn(\n    !hasLabel,\n    \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n    props['data-ui-name'] || Panel.displayName,\n  );\n\n  return sstyled(styles)(\n    <>\n      {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n      <SPanel\n        render={Slide}\n        visible={visible}\n        initialAnimation={true}\n        slideOrigin={placement}\n        ref={sidebarRef}\n        role='dialog'\n        aria-modal='true'\n      >\n        <ZIndexStackingContextProvider designToken='z-index-modal'>\n          <PortalProvider value={sidebarRef}>\n            {closable && <SidePanel.Close />}\n            {advancedMode ? (\n              <Children />\n            ) : (\n              <SidePanel.Body>\n                <Children />\n              </SidePanel.Body>\n            )}\n          </PortalProvider>\n        </ZIndexStackingContextProvider>\n      </SPanel>\n    </>,\n  );\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n  const SClose = Root;\n  return sstyled(styles)(\n    <SClose\n      render={Button}\n      aria-label={getI18nText('close')}\n      use='tertiary'\n      theme='muted'\n      size='l'\n      addonLeft={hasChildren ? undefined : CloseIcon}\n    >\n      {hasChildren ? <Children /> : undefined}\n    </SClose>,\n  );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = ButtonLink.Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={ButtonLink} color={'text-hint'} size={100} addonLeft={ArrowLeft}>\n      {/*<ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon>*/}\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title } = props;\n  return sstyled(styles)(\n    <SHeader render={Box} tag='header'>\n      {title && <SidePanel.Title children={title} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n  Overlay,\n  Panel,\n  Close,\n  Header,\n  Footer,\n  Body,\n  Back,\n  Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}

package/lib/esm/SidePanel.mjs

@@ -1,88 +1,87 @@
-import m from "@babel/runtime/helpers/esm/objectSpread2";
+import v from "@babel/runtime/helpers/esm/objectSpread2";
 import B from "@babel/runtime/helpers/esm/classCallCheck";
 import O from "@babel/runtime/helpers/esm/createClass";
 import p from "@babel/runtime/helpers/esm/assertThisInitialized";
 import T from "@babel/runtime/helpers/esm/inherits";
 import I from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as z } from "@semcore/utils/lib/core/index";
-import A, { assignProps as c, Component as F, sstyled as f } from "@semcore/core";
-import i from "react";
-import { Flex as R, Box as C } from "@semcore/flex-box";
-import { FadeInOut as M, Slide as N } from "@semcore/animation";
-import L, { PortalProvider as D } from "@semcore/portal";
-import H from "@semcore/outside-click";
-import $ from "@semcore/icon/Close/l";
-import S from "@semcore/utils/lib/fire";
-import { isAdvanceMode as y } from "@semcore/utils/lib/findComponent";
-import K from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import U from "@semcore/utils/lib/use/usePreventScroll";
-import { Text as Z } from "@semcore/typography";
-import j from "@semcore/icon/ArrowLeft/m";
-import q, { ButtonLink as P } from "@semcore/button";
-import { cssVariableEnhance as V } from "@semcore/utils/lib/useCssVariable";
-import { useFocusLock as G } from "@semcore/utils/lib/use/useFocusLock";
-import { useContextTheme as J } from "@semcore/utils/lib/ThemeProvider";
-import Q from "@semcore/utils/lib/logger";
-import W from "@semcore/utils/lib/enhances/i18nEnhance";
-import { localizedMessages as X } from "./translations/__intergalactic-dynamic-locales.mjs";
-import { useZIndexStacking as Y, ZIndexStackingContextProvider as ee } from "@semcore/utils/lib/zIndexStacking";
-var ae = (
+import m from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as c, createComponent as z, assignProps as s, Component as A } from "@semcore/core";
+import l from "react";
+import { Flex as F, Box as P } from "@semcore/flex-box";
+import { FadeInOut as R, Slide as M } from "@semcore/animation";
+import N, { PortalProvider as L } from "@semcore/portal";
+import D from "@semcore/outside-click";
+import H from "@semcore/icon/Close/l";
+import S from "@semcore/core/lib/utils/fire";
+import { isAdvanceMode as y } from "@semcore/core/lib/utils/findComponent";
+import $ from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
+import K from "@semcore/core/lib/utils/use/usePreventScroll";
+import { Text as U } from "@semcore/typography";
+import Z from "@semcore/icon/ArrowLeft/m";
+import j, { ButtonLink as w } from "@semcore/button";
+import { cssVariableEnhance as q } from "@semcore/core/lib/utils/useCssVariable";
+import { useFocusLock as V } from "@semcore/core/lib/utils/use/useFocusLock";
+import { useContextTheme as G } from "@semcore/core/lib/utils/ThemeProvider";
+import J from "@semcore/core/lib/utils/logger";
+import Q from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { localizedMessages as W } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { useZIndexStacking as X, ZIndexStackingContextProvider as Y } from "@semcore/core/lib/utils/zIndexStacking";
+var ee = (
   /*__reshadow_css_start__*/
-  (z.insert(
+  (c.insert(
     /*__inner_css_start__*/
-    ".___SOverlay_sdf55_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_sdf55_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_sdf55_gg_._placement_right_sdf55_gg_,.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_sdf55_gg_._placement_top_sdf55_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_sdf55_gg_._placement_right_sdf55_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_,.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_sdf55_gg_._placement_bottom_sdf55_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_sdf55_gg_._placement_left_sdf55_gg_{height:100vh;margin-right:auto;top:0}.___SClose_sdf55_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_sdf55_gg_ .___SAddon_sdf55_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_sdf55_gg_{max-width:100%}.___SBack_sdf55_gg_ .___SInner_sdf55_gg_{display:flex}.___SBack_sdf55_gg_ .___SBackText_sdf55_gg_,.___STitle_sdf55_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_sdf55_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_sdf55_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_sdf55_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_sdf55_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)}",
-    "sdf55_gg_"
+    ".___SOverlay_vg6wl_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_vg6wl_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_vg6wl_gg_._placement_right_vg6wl_gg_,.___SPanel_vg6wl_gg_._placement_top_vg6wl_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_vg6wl_gg_._placement_top_vg6wl_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_vg6wl_gg_._placement_right_vg6wl_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_vg6wl_gg_._placement_bottom_vg6wl_gg_,.___SPanel_vg6wl_gg_._placement_left_vg6wl_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_vg6wl_gg_._placement_bottom_vg6wl_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_vg6wl_gg_._placement_left_vg6wl_gg_{height:100vh;margin-right:auto;top:0}.___SClose_vg6wl_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_vg6wl_gg_ .___SAddon_vg6wl_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_vg6wl_gg_{max-width:100%}.___SBack_vg6wl_gg_ .___SInner_vg6wl_gg_{display:flex}.___SBack_vg6wl_gg_ .___SBackText_vg6wl_gg_,.___STitle_vg6wl_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_vg6wl_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_vg6wl_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_vg6wl_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_vg6wl_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)}",
+    "vg6wl_gg_"
   ), {
-    __SOverlay: "___SOverlay_sdf55_gg_",
-    __SPanel: "___SPanel_sdf55_gg_",
-    _placement_top: "_placement_top_sdf55_gg_",
-    _placement_right: "_placement_right_sdf55_gg_",
-    _placement_bottom: "_placement_bottom_sdf55_gg_",
-    _placement_left: "_placement_left_sdf55_gg_",
-    __STitle: "___STitle_sdf55_gg_",
-    __SHeader: "___SHeader_sdf55_gg_",
-    __SFooter: "___SFooter_sdf55_gg_",
-    __SBody: "___SBody_sdf55_gg_",
-    __SClose: "___SClose_sdf55_gg_",
-    __SAddon: "___SAddon_sdf55_gg_",
-    __SBack: "___SBack_sdf55_gg_",
-    __SInner: "___SInner_sdf55_gg_",
-    __SBackText: "___SBackText_sdf55_gg_"
+    __SOverlay: "___SOverlay_vg6wl_gg_",
+    __SPanel: "___SPanel_vg6wl_gg_",
+    _placement_top: "_placement_top_vg6wl_gg_",
+    _placement_right: "_placement_right_vg6wl_gg_",
+    _placement_bottom: "_placement_bottom_vg6wl_gg_",
+    _placement_left: "_placement_left_vg6wl_gg_",
+    __STitle: "___STitle_vg6wl_gg_",
+    __SHeader: "___SHeader_vg6wl_gg_",
+    __SFooter: "___SFooter_vg6wl_gg_",
+    __SBody: "___SBody_vg6wl_gg_",
+    __SClose: "___SClose_vg6wl_gg_",
+    __SAddon: "___SAddon_vg6wl_gg_",
+    __SBack: "___SBack_vg6wl_gg_",
+    __SInner: "___SInner_vg6wl_gg_",
+    __SBackText: "___SBackText_vg6wl_gg_"
   })
-), v = /* @__PURE__ */ function(a) {
+), f = /* @__PURE__ */ function(a) {
   T(e, a);
   var o = I(e);
   function e() {
     var t;
     B(this, e);
-    for (var r = arguments.length, l = new Array(r), n = 0; n < r; n++)
-      l[n] = arguments[n];
-    return t = o.call.apply(o, [this].concat(l)), g(p(t), "sidebarRef", /* @__PURE__ */ i.createRef()), g(p(t), "handleSidebarKeyDown", function(_) {
+    for (var r = arguments.length, n = new Array(r), i = 0; i < r; i++)
+      n[i] = arguments[i];
+    return t = o.call.apply(o, [this].concat(n)), m(p(t), "sidebarRef", /* @__PURE__ */ l.createRef()), m(p(t), "handleSidebarKeyDown", function(_) {
       _.key === "Escape" && (_.stopPropagation(), S(p(t), "onClose", "onEscape", _));
-    }), g(p(t), "handleIconCloseClick", function(_) {
+    }), m(p(t), "handleIconCloseClick", function(_) {
       S(p(t), "onClose", "onCloseClick", _);
-    }), g(p(t), "handleOutsideClick", function(_) {
+    }), m(p(t), "handleOutsideClick", function(_) {
       S(p(t), "onClose", "onOutsideClick", _);
     }), t;
   }
   return O(e, [{
     key: "isAdvanceMode",
     value: function() {
-      return y(this.asProps.Children, [s.Overlay.displayName, s.Panel.displayName]);
+      return y(this.asProps.Children, [g.Overlay.displayName, g.Panel.displayName]);
     }
   }, {
     key: "isUsedOverlay",
     value: function() {
-      return !this.isAdvanceMode() || y(this.asProps.Children, [s.Overlay.displayName]);
+      return !this.isAdvanceMode() || y(this.asProps.Children, [g.Overlay.displayName]);
     }
   }, {
     key: "getOverlayProps",
     value: function() {
-      var r = this.asProps, l = r.visible, n = r.duration, _ = r.animationsDisabled, d = r.disablePreventScroll;
+      var r = this.asProps, n = r.visible, i = r.duration, _ = r.animationsDisabled, d = r.disablePreventScroll;
       return {
-        visible: l,
-        duration: n,
+        visible: n,
+        duration: i,
         animationsDisabled: _,
         disablePreventScroll: d
       };
@@ -90,10 +89,10 @@ var ae = (
   }, {
     key: "getPanelProps",
     value: function() {
-      var r = this.asProps, l = r.placement, n = r.visible, _ = r.closable, d = r.duration, h = r.animationsDisabled, x = r["aria-label"], b = r["aria-labelledby"];
+      var r = this.asProps, n = r.placement, i = r.visible, _ = r.closable, d = r.duration, h = r.animationsDisabled, x = r["aria-label"], b = r["aria-labelledby"];
       return {
-        visible: n,
-        placement: l,
+        visible: i,
+        placement: n,
         closable: _,
         duration: d + d / 2,
         disableEnforceFocus: !this.isUsedOverlay(),
@@ -115,109 +114,109 @@ var ae = (
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, l = this.asProps, n = l.Children, _ = l.disablePortal, d = l.ignorePortalsStacking;
-      return /* @__PURE__ */ i.createElement(L, {
+      var r = this.asProps, n = this.asProps, i = n.Children, _ = n.disablePortal, d = n.ignorePortalsStacking;
+      return /* @__PURE__ */ l.createElement(N, {
         disablePortal: _,
         ignorePortalsStacking: d
-      }, this.isAdvanceMode() ? /* @__PURE__ */ i.createElement(n, null) : /* @__PURE__ */ i.createElement(s.Overlay, null, /* @__PURE__ */ i.createElement(s.Panel, c({}, r))));
+      }, this.isAdvanceMode() ? /* @__PURE__ */ l.createElement(i, null) : /* @__PURE__ */ l.createElement(g.Overlay, null, /* @__PURE__ */ l.createElement(g.Panel, s({}, r))));
     }
   }]), e;
-}(F);
-g(v, "displayName", "SidePanel");
-g(v, "style", ae);
-g(v, "enhance", [V({
+}(A);
+m(f, "displayName", "SidePanel");
+m(f, "style", ee);
+m(f, "enhance", [q({
   variable: "--intergalactic-duration-modal",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), W(X)]);
-g(v, "defaultProps", {
+}), Q(W)]);
+m(f, "defaultProps", {
   placement: "right",
   closable: !0,
   disablePreventScroll: !1
 });
-function te(a) {
-  var o = arguments[0], e, t = M, r = i.useRef(null);
-  U(a.visible, a.disablePreventScroll), J(r, a.visible);
-  var l = Y("z-index-modal");
-  return e = f(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SOverlay", m({}, c({
+function ae(a) {
+  var o = arguments[0], e, t = R, r = l.useRef(null);
+  K(a.visible, a.disablePreventScroll), G(r, a.visible);
+  var n = X("z-index-modal");
+  return e = c(a.styles), /* @__PURE__ */ l.createElement(t, e.cn("SOverlay", v({}, s({
     ref: r,
-    zIndex: l
+    zIndex: n
   }, o))));
 }
-function k(a) {
-  var o = arguments[0], e, t = N, r = a.Children, l = a.styles, n = a.visible, _ = a.closable, d = a.placement, h = a.onOutsideClick, x = a.forcedAdvancedMode, b = x || y(r, [s.Header.displayName, s.Body.displayName, s.Footer.displayName]), u = i.useRef(null);
-  G(u, !0, "auto", !n, !0);
-  var w = !!(a["aria-label"] || a["aria-labelledby"]);
-  return Q.warn(!w, "'aria-label' or 'aria-labelledby' are required for SidePanel component", a["data-ui-name"] || k.displayName), e = f(l), /* @__PURE__ */ i.createElement(i.Fragment, null, n && /* @__PURE__ */ i.createElement(H, e.cn("OutsideClick", {
+function C(a) {
+  var o = arguments[0], e, t = M, r = a.Children, n = a.styles, i = a.visible, _ = a.closable, d = a.placement, h = a.onOutsideClick, x = a.forcedAdvancedMode, b = x || y(r, [g.Header.displayName, g.Body.displayName, g.Footer.displayName]), u = l.useRef(null);
+  V(u, !0, "auto", !i, !0);
+  var E = !!(a["aria-label"] || a["aria-labelledby"]);
+  return J.warn(!E, "'aria-label' or 'aria-labelledby' are required for SidePanel component", a["data-ui-name"] || C.displayName), e = c(n), /* @__PURE__ */ l.createElement(l.Fragment, null, i && /* @__PURE__ */ l.createElement(D, e.cn("OutsideClick", {
     onOutsideClick: h,
     excludeRefs: [u]
-  })), /* @__PURE__ */ i.createElement(t, e.cn("SPanel", m({}, c({
-    visible: n,
+  })), /* @__PURE__ */ l.createElement(t, e.cn("SPanel", v({}, s({
+    visible: i,
     initialAnimation: !0,
     slideOrigin: d,
     ref: u,
     role: "dialog",
     "aria-modal": "true"
-  }, o))), /* @__PURE__ */ i.createElement(ee, e.cn("ZIndexStackingContextProvider", {
+  }, o))), /* @__PURE__ */ l.createElement(Y, e.cn("ZIndexStackingContextProvider", {
     designToken: "z-index-modal"
-  }), /* @__PURE__ */ i.createElement(D, e.cn("PortalProvider", {
+  }), /* @__PURE__ */ l.createElement(L, e.cn("PortalProvider", {
     value: u
-  }), _ && /* @__PURE__ */ i.createElement(s.Close, null), b ? /* @__PURE__ */ i.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ i.createElement(s.Body, null, /* @__PURE__ */ i.createElement(r, e.cn("Children", {})))))));
+  }), _ && /* @__PURE__ */ l.createElement(g.Close, null), b ? /* @__PURE__ */ l.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ l.createElement(g.Body, null, /* @__PURE__ */ l.createElement(r, e.cn("Children", {})))))));
 }
-function re(a) {
-  var o = arguments[0], e, t = R;
-  return e = f(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SFooter", m({}, c({
+function te(a) {
+  var o = arguments[0], e, t = F;
+  return e = c(a.styles), /* @__PURE__ */ l.createElement(t, e.cn("SFooter", v({}, s({
     tag: "footer"
   }, o))));
 }
-function E(a) {
-  var o = arguments[0], e, t = a.styles, r = a.children, l = a.Children, n = a.getI18nText, _ = q;
-  return e = f(t), /* @__PURE__ */ i.createElement(_, e.cn("SClose", m({}, c({
-    "aria-label": n("close"),
+function k(a) {
+  var o = arguments[0], e, t = a.styles, r = a.children, n = a.Children, i = a.getI18nText, _ = j;
+  return e = c(t), /* @__PURE__ */ l.createElement(_, e.cn("SClose", v({}, s({
+    "aria-label": i("close"),
     use: "tertiary",
     theme: "muted",
     size: "l",
-    addonLeft: r ? void 0 : $
-  }, o))), r ? /* @__PURE__ */ i.createElement(l, e.cn("Children", {})) : void 0);
+    addonLeft: r ? void 0 : H
+  }, o))), r ? /* @__PURE__ */ l.createElement(n, e.cn("Children", {})) : void 0);
 }
-E.enhance = [K()];
-function ie(a) {
-  var o = arguments[0], e, t = Z;
-  return e = f(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("STitle", m({}, c({
+k.enhance = [$()];
+function re(a) {
+  var o = arguments[0], e, t = U;
+  return e = c(a.styles), /* @__PURE__ */ l.createElement(t, e.cn("STitle", v({}, s({
     tag: "h6"
   }, o))));
 }
-function ne(a) {
-  var o = arguments[0], e, t = P, r = P.Text, l = a.Children, n = a.styles;
-  return e = f(n), /* @__PURE__ */ i.createElement(t, e.cn("SBack", m({}, c({
+function le(a) {
+  var o = arguments[0], e, t = w, r = w.Text, n = a.Children, i = a.styles;
+  return e = c(i), /* @__PURE__ */ l.createElement(t, e.cn("SBack", v({}, s({
     color: "text-hint",
     size: 100,
-    addonLeft: j
-  }, o))), /* @__PURE__ */ i.createElement(r, e.cn("SBackText", {}), /* @__PURE__ */ i.createElement(l, e.cn("Children", {}))));
+    addonLeft: Z
+  }, o))), /* @__PURE__ */ l.createElement(r, e.cn("SBackText", {}), /* @__PURE__ */ l.createElement(n, e.cn("Children", {}))));
 }
-function le(a) {
-  var o = arguments[0], e, t = C;
-  return e = f(a.styles), /* @__PURE__ */ i.createElement(t, e.cn("SBody", m({}, c({}, o))));
+function ie(a) {
+  var o = arguments[0], e, t = P;
+  return e = c(a.styles), /* @__PURE__ */ l.createElement(t, e.cn("SBody", v({}, s({}, o))));
 }
-function oe(a) {
-  var o = arguments[0], e, t = C, r = a.Children, l = a.styles, n = a.title;
-  return e = f(l), /* @__PURE__ */ i.createElement(t, e.cn("SHeader", m({}, c({
+function ne(a) {
+  var o = arguments[0], e, t = P, r = a.Children, n = a.styles, i = a.title;
+  return e = c(n), /* @__PURE__ */ l.createElement(t, e.cn("SHeader", v({}, s({
     tag: "header"
-  }, o))), n && /* @__PURE__ */ i.createElement(s.Title, {
-    children: n
-  }), /* @__PURE__ */ i.createElement(r, e.cn("Children", {})));
+  }, o))), i && /* @__PURE__ */ l.createElement(g.Title, {
+    children: i
+  }), /* @__PURE__ */ l.createElement(r, e.cn("Children", {})));
 }
-var s = A(v, {
-  Overlay: te,
-  Panel: k,
-  Close: E,
-  Header: oe,
-  Footer: re,
-  Body: le,
-  Back: ne,
-  Title: ie
+var g = z(f, {
+  Overlay: ae,
+  Panel: C,
+  Close: k,
+  Header: ne,
+  Footer: te,
+  Body: ie,
+  Back: le,
+  Title: re
 });
 export {
-  s as default
+  g as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/side-panel",
   "description": "Semrush SidePanel Component",
-  "version": "3.53.1",
+  "version": "16.0.0-prerelease.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,19 +14,16 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "5.42.1",
-    "@semcore/utils": "4.48.1",
-    "@semcore/animation": "2.41.1",
-    "@semcore/flex-box": "5.41.1",
-    "@semcore/portal": "3.41.1",
-    "@semcore/typography": "5.52.1",
-    "@semcore/outside-click": "3.39.1",
-    "@semcore/icon": "4.60.1"
+    "@semcore/animation": "16.0.0-prerelease.2",
+    "@semcore/button": "16.0.0-prerelease.2",
+    "@semcore/flex-box": "16.0.0-prerelease.2",
+    "@semcore/portal": "16.0.0-prerelease.2",
+    "@semcore/outside-click": "16.0.0-prerelease.2",
+    "@semcore/typography": "16.0.0-prerelease.2",
+    "@semcore/icon": "16.0.0-prerelease.2"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.2"
   },
   "repository": {
     "type": "git",