@semcore/side-panel 16.1.12 → 17.0.0-prerelease.18

package/lib/es6/SidePanel.js

@@ -1,8 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps9 } from "@semcore/core";
@@ -14,12 +9,11 @@ import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { FadeInOut, Slide } from '@semcore/animation';
+import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';
 import Button, { ButtonLink } from '@semcore/button';
 import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
-import { isAdvanceMode as _isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
+import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
 import fire from '@semcore/core/lib/utils/fire';
 import logger from '@semcore/core/lib/utils/logger';
 import { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';
@@ -27,130 +21,110 @@ import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
 import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
 import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
 import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
-import { Flex, Box } from '@semcore/flex-box';
 import ArrowLeft from '@semcore/icon/ArrowLeft/m';
 import CloseIcon from '@semcore/icon/Close/l';
-import OutsideClick from '@semcore/outside-click';
-import Portal, { PortalProvider } from '@semcore/portal';
 import { Text } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_1jesk_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_1jesk_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_1jesk_gg_._placement_right_1jesk_gg_,.___SPanel_1jesk_gg_._placement_top_1jesk_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1jesk_gg_._placement_top_1jesk_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1jesk_gg_._placement_right_1jesk_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1jesk_gg_._placement_bottom_1jesk_gg_,.___SPanel_1jesk_gg_._placement_left_1jesk_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1jesk_gg_._placement_bottom_1jesk_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1jesk_gg_._placement_left_1jesk_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1jesk_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1jesk_gg_ .___SAddon_1jesk_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1jesk_gg_{max-width:100%}.___SBack_1jesk_gg_ .___SInner_1jesk_gg_{display:flex}.___SBack_1jesk_gg_ .___SBackText_1jesk_gg_,.___STitle_1jesk_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1jesk_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_1jesk_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_1jesk_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1jesk_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__*/"1jesk_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_1tmb0_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_1tmb0_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_1tmb0_gg_._placement_right_1tmb0_gg_,.___SPanel_1tmb0_gg_._placement_top_1tmb0_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1tmb0_gg_._placement_top_1tmb0_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1tmb0_gg_._placement_right_1tmb0_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1tmb0_gg_._placement_bottom_1tmb0_gg_,.___SPanel_1tmb0_gg_._placement_left_1tmb0_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1tmb0_gg_._placement_bottom_1tmb0_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1tmb0_gg_._placement_left_1tmb0_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1tmb0_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1tmb0_gg_ .___SAddon_1tmb0_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1tmb0_gg_{max-width:100%}.___SBack_1tmb0_gg_ .___SInner_1tmb0_gg_{display:flex}.___SBack_1tmb0_gg_ .___SBackText_1tmb0_gg_,.___STitle_1tmb0_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1tmb0_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_1tmb0_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_1tmb0_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1tmb0_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__*/"1tmb0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SOverlay": "___SOverlay_1jesk_gg_",
-  "__SPanel": "___SPanel_1jesk_gg_",
-  "_placement_top": "_placement_top_1jesk_gg_",
-  "_placement_right": "_placement_right_1jesk_gg_",
-  "_placement_bottom": "_placement_bottom_1jesk_gg_",
-  "_placement_left": "_placement_left_1jesk_gg_",
-  "__STitle": "___STitle_1jesk_gg_",
-  "__SHeader": "___SHeader_1jesk_gg_",
-  "__SFooter": "___SFooter_1jesk_gg_",
-  "__SBody": "___SBody_1jesk_gg_",
-  "__SClose": "___SClose_1jesk_gg_",
-  "__SAddon": "___SAddon_1jesk_gg_",
-  "__SBack": "___SBack_1jesk_gg_",
-  "__SInner": "___SInner_1jesk_gg_",
-  "__SBackText": "___SBackText_1jesk_gg_"
+  "__SOverlay": "___SOverlay_1tmb0_gg_",
+  "__SPanel": "___SPanel_1tmb0_gg_",
+  "_placement_top": "_placement_top_1tmb0_gg_",
+  "_placement_right": "_placement_right_1tmb0_gg_",
+  "_placement_bottom": "_placement_bottom_1tmb0_gg_",
+  "_placement_left": "_placement_left_1tmb0_gg_",
+  "__STitle": "___STitle_1tmb0_gg_",
+  "__SHeader": "___SHeader_1tmb0_gg_",
+  "__SFooter": "___SFooter_1tmb0_gg_",
+  "__SBody": "___SBody_1tmb0_gg_",
+  "__SClose": "___SClose_1tmb0_gg_",
+  "__SAddon": "___SAddon_1tmb0_gg_",
+  "__SBack": "___SBack_1tmb0_gg_",
+  "__SInner": "___SInner_1tmb0_gg_",
+  "__SBackText": "___SBackText_1tmb0_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-var RootSidePanel = /*#__PURE__*/function (_Component) {
-  function RootSidePanel() {
-    var _this;
-    _classCallCheck(this, RootSidePanel);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootSidePanel, [].concat(args));
-    _defineProperty(_this, "sidebarRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "handleSidebarKeyDown", function (e) {
+class RootSidePanel extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "sidebarRef", /*#__PURE__*/React.createRef());
+    _defineProperty(this, "handleSidebarKeyDown", e => {
       if (e.key === 'Escape') {
         e.stopPropagation();
-        fire(_this, 'onClose', 'onEscape', e);
+        fire(this, 'onClose', 'onEscape', e);
       }
     });
-    _defineProperty(_this, "handleIconCloseClick", function (e) {
-      fire(_this, 'onClose', 'onCloseClick', e);
+    _defineProperty(this, "handleIconCloseClick", e => {
+      fire(this, 'onClose', 'onCloseClick', e);
     });
-    _defineProperty(_this, "handleOutsideClick", function (e) {
-      fire(_this, 'onClose', 'onOutsideClick', e);
+    _defineProperty(this, "handleOutsideClick", e => {
+      fire(this, 'onClose', 'onOutsideClick', e);
     });
-    return _this;
   }
-  _inherits(RootSidePanel, _Component);
-  return _createClass(RootSidePanel, [{
-    key: "isAdvanceMode",
-    value: function isAdvanceMode() {
-      return _isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
-    }
-  }, {
-    key: "isUsedOverlay",
-    value: function isUsedOverlay() {
-      return !this.isAdvanceMode() || _isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName]);
-    }
-  }, {
-    key: "getOverlayProps",
-    value: function getOverlayProps() {
-      var _this$asProps = this.asProps,
-        visible = _this$asProps.visible,
-        duration = _this$asProps.duration,
-        animationsDisabled = _this$asProps.animationsDisabled,
-        disablePreventScroll = _this$asProps.disablePreventScroll;
-      return {
-        visible: visible,
-        duration: duration,
-        animationsDisabled: animationsDisabled,
-        disablePreventScroll: disablePreventScroll
-      };
-    }
-  }, {
-    key: "getPanelProps",
-    value: function getPanelProps() {
-      var _this$asProps2 = this.asProps,
-        placement = _this$asProps2.placement,
-        visible = _this$asProps2.visible,
-        closable = _this$asProps2.closable,
-        duration = _this$asProps2.duration,
-        animationsDisabled = _this$asProps2.animationsDisabled,
-        ariaLabel = _this$asProps2['aria-label'],
-        ariaLabelledBy = _this$asProps2['aria-labelledby'];
-      return {
-        visible: visible,
-        placement: placement,
-        closable: closable,
-        'duration': duration + duration / 2,
-        'disableEnforceFocus': !this.isUsedOverlay(),
-        'onOutsideClick': this.handleOutsideClick,
-        'onKeyDown': this.handleSidebarKeyDown,
-        animationsDisabled: animationsDisabled,
-        'aria-label': ariaLabel,
-        'aria-labelledby': ariaLabelledBy
-      };
-    }
-  }, {
-    key: "getCloseProps",
-    value: function getCloseProps() {
-      return {
-        onClick: this.handleIconCloseClick,
-        getI18nText: this.asProps.getI18nText
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps;
-      var _this$asProps3 = this.asProps,
-        Children = _this$asProps3.Children,
-        disablePortal = _this$asProps3.disablePortal,
-        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking;
-      return /*#__PURE__*/React.createElement(Portal, {
-        disablePortal: disablePortal,
-        ignorePortalsStacking: ignorePortalsStacking
-      }, this.isAdvanceMode() ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(SidePanel.Overlay, null, /*#__PURE__*/React.createElement(SidePanel.Panel, _assignProps({}, _ref))));
-    }
-  }]);
-}(Component);
+  isAdvanceMode() {
+    return isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
+  }
+  isUsedOverlay() {
+    return !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName]);
+  }
+  getOverlayProps() {
+    const {
+      visible,
+      duration,
+      animationsDisabled,
+      disablePreventScroll
+    } = this.asProps;
+    return {
+      visible,
+      duration,
+      animationsDisabled,
+      disablePreventScroll
+    };
+  }
+  getPanelProps() {
+    const {
+      placement,
+      visible,
+      closable,
+      duration,
+      animationsDisabled,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledBy
+    } = this.asProps;
+    return {
+      visible,
+      placement,
+      closable,
+      'duration': duration + duration / 2,
+      'disableEnforceFocus': !this.isUsedOverlay(),
+      'onOutsideClick': this.handleOutsideClick,
+      'onKeyDown': this.handleSidebarKeyDown,
+      animationsDisabled,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledBy
+    };
+  }
+  getCloseProps() {
+    return {
+      onClick: this.handleIconCloseClick,
+      getI18nText: this.asProps.getI18nText
+    };
+  }
+  render() {
+    var _ref = this.asProps;
+    const {
+      Children,
+      disablePortal,
+      ignorePortalsStacking
+    } = this.asProps;
+    return /*#__PURE__*/React.createElement(Portal, {
+      disablePortal: disablePortal,
+      ignorePortalsStacking: ignorePortalsStacking
+    }, this.isAdvanceMode() ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(SidePanel.Overlay, null, /*#__PURE__*/React.createElement(SidePanel.Panel, _assignProps({}, _ref))));
+  }
+}
 _defineProperty(RootSidePanel, "displayName", 'SidePanel');
 _defineProperty(RootSidePanel, "style", style);
 _defineProperty(RootSidePanel, "enhance", [cssVariableEnhance({
@@ -167,43 +141,49 @@ _defineProperty(RootSidePanel, "defaultProps", {
 function Overlay(props) {
   var _ref2 = arguments[0],
     _ref0;
-  var SOverlay = FadeInOut;
-  var overlayRef = React.useRef(null);
+  const SOverlay = FadeInOut;
+  const overlayRef = React.useRef(null);
   usePreventScroll(props.visible, props.disablePreventScroll);
   useContextTheme(overlayRef, props.visible);
-  var zIndex = useZIndexStacking('z-index-modal');
-  return _ref0 = sstyled(props.styles), /*#__PURE__*/React.createElement(SOverlay, _ref0.cn("SOverlay", _objectSpread({}, _assignProps2({
-    "ref": overlayRef,
-    "zIndex": zIndex
-  }, _ref2))));
+  const zIndex = useZIndexStacking('z-index-modal');
+  return _ref0 = sstyled(props.styles), /*#__PURE__*/React.createElement(SOverlay, _ref0.cn("SOverlay", {
+    ..._assignProps2({
+      "ref": overlayRef,
+      "zIndex": zIndex
+    }, _ref2)
+  }));
 }
 function Panel(props) {
   var _ref3 = arguments[0],
     _ref1;
-  var SPanel = Slide;
-  var Children = props.Children,
-    styles = props.styles,
-    visible = props.visible,
-    closable = props.closable,
-    placement = props.placement,
-    onOutsideClick = props.onOutsideClick,
-    forcedAdvancedMode = props.forcedAdvancedMode;
-  var advancedMode = forcedAdvancedMode || _isAdvanceMode(Children, [SidePanel.Header.displayName, SidePanel.Body.displayName, SidePanel.Footer.displayName]);
-  var sidebarRef = React.useRef(null);
+  const SPanel = Slide;
+  const {
+    Children,
+    styles,
+    visible,
+    closable,
+    placement,
+    onOutsideClick,
+    forcedAdvancedMode
+  } = props;
+  const advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SidePanel.Header.displayName, SidePanel.Body.displayName, SidePanel.Footer.displayName]);
+  const sidebarRef = React.useRef(null);
   useFocusLock(sidebarRef, true, 'auto', !visible, true);
-  var hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
+  const hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
   logger.warn(!hasLabel, '\'aria-label\' or \'aria-labelledby\' are required for SidePanel component', props['data-ui-name'] || Panel.displayName);
   return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(OutsideClick, _ref1.cn("OutsideClick", {
     "onOutsideClick": onOutsideClick,
     "excludeRefs": [sidebarRef]
-  })), /*#__PURE__*/React.createElement(SPanel, _ref1.cn("SPanel", _objectSpread({}, _assignProps3({
-    "visible": visible,
-    "initialAnimation": true,
-    "slideOrigin": placement,
-    "ref": sidebarRef,
-    "role": 'dialog',
-    "aria-modal": 'true'
-  }, _ref3))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref1.cn("ZIndexStackingContextProvider", {
+  })), /*#__PURE__*/React.createElement(SPanel, _ref1.cn("SPanel", {
+    ..._assignProps3({
+      "visible": visible,
+      "initialAnimation": true,
+      "slideOrigin": placement,
+      "ref": sidebarRef,
+      "role": 'dialog',
+      "aria-modal": 'true'
+    }, _ref3)
+  }), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref1.cn("ZIndexStackingContextProvider", {
     "designToken": 'z-index-modal'
   }), /*#__PURE__*/React.createElement(PortalProvider, _ref1.cn("PortalProvider", {
     "value": sidebarRef
@@ -212,78 +192,94 @@ function Panel(props) {
 function Footer(props) {
   var _ref4 = arguments[0],
     _ref10;
-  var SFooter = Flex;
-  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref10.cn("SFooter", _objectSpread({}, _assignProps4({
-    "tag": 'footer'
-  }, _ref4))));
+  const SFooter = Flex;
+  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref10.cn("SFooter", {
+    ..._assignProps4({
+      "tag": 'footer'
+    }, _ref4)
+  }));
 }
-function Close(_ref16) {
+function Close({
+  styles,
+  children: hasChildren,
+  Children,
+  getI18nText
+}) {
   var _ref5 = arguments[0],
     _ref11;
-  var styles = _ref16.styles,
-    hasChildren = _ref16.children,
-    Children = _ref16.Children,
-    getI18nText = _ref16.getI18nText;
-  var SClose = Button;
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref11.cn("SClose", _objectSpread({}, _assignProps5({
-    "aria-label": getI18nText('close'),
-    "use": 'tertiary',
-    "theme": 'muted',
-    "size": 'l',
-    "addonLeft": hasChildren ? undefined : CloseIcon,
-    "data-hide-focus-hover-popper": 'true'
-  }, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : undefined);
+  const SClose = Button;
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref11.cn("SClose", {
+    ..._assignProps5({
+      "aria-label": getI18nText('close'),
+      "use": 'tertiary',
+      "theme": 'muted',
+      "size": 'l',
+      "addonLeft": hasChildren ? undefined : CloseIcon,
+      "data-hide-focus-hover-popper": 'true'
+    }, _ref5)
+  }), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : undefined);
 }
-Close.enhance = [keyboardFocusEnhance()];
 function Title(props) {
   var _ref6 = arguments[0],
     _ref12;
-  var STitle = Text;
-  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref12.cn("STitle", _objectSpread({}, _assignProps6({
-    "tag": 'h6'
-  }, _ref6))));
+  const STitle = Text;
+  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref12.cn("STitle", {
+    ..._assignProps6({
+      "tag": 'h6'
+    }, _ref6)
+  }));
 }
 function Back(props) {
   var _ref7 = arguments[0],
     _ref13;
-  var SBack = ButtonLink;
-  var SBackText = ButtonLink.Text;
-  var Children = props.Children,
-    styles = props.styles;
-  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref13.cn("SBack", _objectSpread({}, _assignProps7({
-    "color": 'text-hint',
-    "size": 100,
-    "addonLeft": ArrowLeft
-  }, _ref7))), /*#__PURE__*/React.createElement(SBackText, _ref13.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {}))));
+  const SBack = ButtonLink;
+  const SBackText = ButtonLink.Text;
+  const {
+    Children,
+    styles
+  } = props;
+  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref13.cn("SBack", {
+    ..._assignProps7({
+      "color": 'text-hint',
+      "size": 100,
+      "addonLeft": ArrowLeft
+    }, _ref7)
+  }), /*#__PURE__*/React.createElement(SBackText, _ref13.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {}))));
 }
 function Body(props) {
   var _ref8 = arguments[0],
     _ref14;
-  var SBody = Box;
-  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref14.cn("SBody", _objectSpread({}, _assignProps8({}, _ref8))));
+  const SBody = Box;
+  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref14.cn("SBody", {
+    ..._assignProps8({}, _ref8)
+  }));
 }
 function Header(props) {
   var _ref9 = arguments[0],
     _ref15;
-  var SHeader = Box;
-  var Children = props.Children,
-    styles = props.styles,
-    title = props.title;
-  return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref15.cn("SHeader", _objectSpread({}, _assignProps9({
-    "tag": 'header'
-  }, _ref9))), title && /*#__PURE__*/React.createElement(SidePanel.Title, {
+  const SHeader = Box;
+  const {
+    Children,
+    styles,
+    title
+  } = props;
+  return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref15.cn("SHeader", {
+    ..._assignProps9({
+      "tag": 'header'
+    }, _ref9)
+  }), title && /*#__PURE__*/React.createElement(SidePanel.Title, {
     children: title
   }), /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {})));
 }
-var SidePanel = createComponent(RootSidePanel, {
-  Overlay: Overlay,
-  Panel: Panel,
-  Close: Close,
-  Header: Header,
-  Footer: Footer,
-  Body: Body,
-  Back: Back,
-  Title: Title
+const SidePanel = createComponent(RootSidePanel, {
+  Overlay,
+  Panel,
+  Close,
+  Header,
+  Footer,
+  Body,
+  Back,
+  Title
 });
 export default SidePanel;
 //# sourceMappingURL=SidePanel.js.map

package/lib/es6/SidePanel.js.map

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

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n  trigger: OnCloseTriggerType,\n  e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n  BoxProps & {\n    /** Animation display duration in ms\n     * @default 350\n     */\n    duration?: number;\n    /**\n     * The property responsible for the visibility of the component\n     */\n    visible?: boolean;\n    /**\n     * Callback for the component closure\n     */\n    onClose?: OnCloseType;\n    /**\n     * Property for displaying the close button\n     * @default true\n     */\n    closable?: boolean;\n    /**\n     * Position of a dropdown window\n     * @default right\n     */\n    placement?: SidePanelPlacement;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n  BoxProps & {\n    /** Callback that is triggered when click outside is occured */\n    onOutsideClick?: (e?: React.SyntheticEvent) => void;\n  };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n  getOverlayProps?: PropGetterFn;\n  getPanelProps?: PropGetterFn;\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n  title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n  Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n  Back: typeof Box;\n  Body: typeof Box;\n  Footer: typeof Flex;\n  Title: typeof Text;\n  Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n  Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n  Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, Box, BoxProps, Flex, PortalProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n  trigger: OnCloseTriggerType,\n  e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\nexport type SidePanelProps = PortalProps &\n  BoxProps & {\n    /** Animation display duration in ms\n     * @default 350\n     */\n    duration?: number;\n    /**\n     * The property responsible for the visibility of the component\n     */\n    visible?: boolean;\n    /**\n     * Callback for the component closure\n     */\n    onClose?: OnCloseType;\n    /**\n     * Property for displaying the close button\n     * @default true\n     */\n    closable?: boolean;\n    /**\n     * Position of a dropdown window\n     * @default right\n     */\n    placement?: SidePanelPlacement;\n    /**\n     * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n     * @default false\n     */\n    disablePreventScroll?: boolean;\n  };\n\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\nexport type SidePanelPanelProps = SlideProps &\n  BoxProps & {\n    /** Callback that is triggered when click outside is occured */\n    onOutsideClick?: (e?: React.SyntheticEvent) => void;\n  };\n\nexport type SidePanelContext = {\n  getOverlayProps?: PropGetterFn;\n  getPanelProps?: PropGetterFn;\n  getCloseProps?: PropGetterFn;\n};\n\nexport type SidePanelHeaderProps = BoxProps & {\n  title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n  Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n  Back: typeof Box;\n  Body: typeof Box;\n  Footer: typeof Flex;\n  Title: typeof Text;\n  Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n  Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n  Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -12,20 +12,20 @@ import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-export var localizedMessages = {
-  de: de,
-  en: en,
-  es: es,
-  fr: fr,
-  it: it,
-  ja: ja,
-  ko: ko,
-  nl: nl,
-  pt: pt,
-  tr: tr,
-  vi: vi,
-  zh: zh,
-  pl: pl,
-  sv: sv
+export const localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map