intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/select/lib/es6/translations/zh.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "清除搜索字段",
+  "selectPlaceholder": "选择选项",
+  "triggerHint": "按 T​​ab 转到弹出框",
+  "optionsList": "选项列表"
+}

package/libs/select/lib/types/index.d.ts

@@ -0,0 +1,162 @@
+import React from 'react';
+import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import DropdownMenu, {
+  DropdownMenuContext,
+  DropdownMenuItemProps,
+  DropdownMenuProps,
+  DropdownMenuHandlers,
+  DropdownMenuTriggerProps,
+} from '@semcore/dropdown-menu';
+import { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';
+import Divider from '@semcore/divider';
+import Input, { InputValueProps } from '@semcore/input';
+import { BoxProps } from '@semcore/flex-box';
+
+/** @deprecated */
+export interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}
+export type SelectInputSearch = InputValueProps & {};
+
+export type OptionValue = string | number;
+export type SelectValue = string | number | Array<string | number> | null;
+
+export type SelectOption = {
+  value: OptionValue;
+  children?: React.ReactNode;
+  label?: React.ReactNode;
+};
+
+/** @deprecated */
+export interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}
+export type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &
+  BaseTriggerProps & {
+    /**
+     * Multiple select
+     */
+    multiselect?: boolean;
+    /**
+     * Options array
+     */
+    options?: SelectOption[];
+    /**
+     * The value or values array selected by default when using multiselect
+     * @type SelectValue
+     */
+    defaultValue?: T;
+    /**
+     * The selected value or values array when using multiselect
+     * @type SelectValue
+     */
+    value?: T;
+    /**
+     * Callback on value change
+     * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void
+     */
+    onChange?:
+      | ((value: T, e: React.SyntheticEvent) => boolean | void)
+      | React.Dispatch<React.SetStateAction<T>>;
+    /**
+     * Trigger placeholder at not selected value
+     */
+    placeholder?: React.ReactNode;
+    /**
+     * Trigger state
+     */
+    state?: 'normal' | 'valid' | 'invalid';
+    /**
+     * Disables select
+     */
+    disabled?: boolean;
+    /**
+     * Input name
+     */
+    name?: string;
+    locale?: string;
+    /**
+     * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.
+     * @default true
+     */
+    scrollToSelected?: boolean;
+  };
+
+/** @deprecated */
+export interface ISelectOption extends SelectOption, UnknownProperties {}
+
+/** @deprecated */
+export interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}
+export type SelectOptionProps = DropdownMenuItemProps & {
+  /** Value of the option */
+  value: string | number;
+};
+
+/** @deprecated */
+export interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}
+export type SelectOptionCheckboxProps = SelectOptionProps & {
+  /** Checkbox theme */
+  theme?: string;
+};
+
+declare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {
+  SearchIcon: typeof Input.Addon;
+  Value: typeof Input.Value;
+  Clear: typeof Input.Addon;
+};
+
+/** @deprecated */
+export interface ISelectContext extends SelectContext, UnknownProperties {}
+export type SelectContext = DropdownMenuContext & {
+  getOptionProps: PropGetterFn;
+  getOptionCheckboxProps: PropGetterFn;
+  getDividerProps: PropGetterFn;
+};
+
+/** @deprecated */
+export interface ISelectHandlers extends SelectHandlers, UnknownProperties {}
+export type SelectHandlers = DropdownMenuHandlers & {
+  value: (index: SelectValue) => void;
+};
+
+type IntergalacticSelectComponent = (<
+  Value extends SelectValue,
+  Tag extends Intergalactic.Tag = 'div',
+>(
+  props: Intergalactic.InternalTypings.ComponentProps<
+    Tag,
+    'div',
+    SelectProps<Value>,
+    SelectContext,
+    [handlers: SelectHandlers]
+  >,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+  Intergalactic.InternalTypings.ComponentAdditive<'div'>;
+
+declare const Select: IntergalacticSelectComponent & {
+  Trigger: Intergalactic.Component<
+    'div',
+    DropdownMenuTriggerProps & ButtonTriggerProps,
+    {},
+    [handlers: SelectHandlers]
+  > & {
+    Addon: typeof ButtonTrigger.Addon;
+    Text: typeof ButtonTrigger.Text;
+  };
+  Popper: typeof DropdownMenu.Popper;
+  List: typeof DropdownMenu.List;
+  Menu: typeof DropdownMenu.Menu;
+  Option: Intergalactic.Component<
+    'option',
+    SelectOptionProps,
+    SelectContext,
+    [handlers: SelectHandlers]
+  > & {
+    Addon: typeof DropdownMenu.Item.Addon;
+    Checkbox: Intergalactic.Component<'div', BoxProps & { theme?: string; selected?: boolean }>;
+  };
+  OptionTitle: typeof DropdownMenu.ItemTitle;
+  OptionHint: typeof DropdownMenu.ItemHint;
+  Divider: typeof Divider;
+  InputSearch: typeof InputSearch;
+  Input: typeof InputSearch;
+};
+
+export { InputSearch };
+export default Select;

package/libs/side-panel/lib/cjs/SidePanel.js

@@ -0,0 +1,270 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+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 _core = _interopRequireWildcard(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 _typography = require("@semcore/typography");
+var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
+var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
+/*__reshadow-styles__:"./style/side-panel.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOverlay_1xt63_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1xt63_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_1xt63_gg_._placement_right_1xt63_gg_,.___SPanel_1xt63_gg_._placement_top_1xt63_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1xt63_gg_._placement_top_1xt63_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1xt63_gg_._placement_right_1xt63_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1xt63_gg_._placement_bottom_1xt63_gg_,.___SPanel_1xt63_gg_._placement_left_1xt63_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1xt63_gg_._placement_bottom_1xt63_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1xt63_gg_._placement_left_1xt63_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1xt63_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1xt63_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1xt63_gg_.__keyboardFocused_1xt63_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_1xt63_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_1xt63_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_1xt63_gg_,.___STitle_1xt63_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_1xt63_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_1xt63_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_1xt63_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1xt63_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1xt63_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1xt63_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_1xt63_gg_",
+  "__SPanel": "___SPanel_1xt63_gg_",
+  "_placement_top": "_placement_top_1xt63_gg_",
+  "_placement_right": "_placement_right_1xt63_gg_",
+  "_placement_bottom": "_placement_bottom_1xt63_gg_",
+  "_placement_left": "_placement_left_1xt63_gg_",
+  "__SClose": "___SClose_1xt63_gg_",
+  "_keyboardFocused": "__keyboardFocused_1xt63_gg_",
+  "__SBackText": "___SBackText_1xt63_gg_",
+  "__STitle": "___STitle_1xt63_gg_",
+  "__SHeader": "___SHeader_1xt63_gg_",
+  "__SFooter": "___SFooter_1xt63_gg_",
+  "__SBody": "___SBody_1xt63_gg_",
+  "__SBack": "___SBack_1xt63_gg_"
+});
+var RootSidePanel = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RootSidePanel, _Component);
+  var _super = (0, _createSuper2["default"])(RootSidePanel);
+  function RootSidePanel() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RootSidePanel);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sidebarRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSidebarKeyDown", function (e) {
+      if (e.key === 'Escape') {
+        e.stopPropagation();
+        (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', 'onEscape', e);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleIconCloseClick", function (e) {
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', 'onCloseClick', e);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOutsideClick", function (e) {
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', 'onOutsideClick', e);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(RootSidePanel, [{
+    key: "isAdvanceMode",
+    value: function isAdvanceMode() {
+      return (0, _findComponent.isAdvanceMode)(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
+    }
+  }, {
+    key: "isUsedOverlay",
+    value: function isUsedOverlay() {
+      return !this.isAdvanceMode() || (0, _findComponent.isAdvanceMode)(this.asProps.Children, [SidePanel.Overlay.displayName]);
+    }
+  }, {
+    key: "calculateDelayAnimation",
+    value: function calculateDelayAnimation(name) {
+      var delay = this.asProps.duration / 2;
+      var usedOverlay = this.isUsedOverlay();
+      return {
+        overlay: usedOverlay ? [0, delay] : 0,
+        panel: usedOverlay ? [delay, 0] : 0
+      }[name];
+    }
+  }, {
+    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,
+        delay: this.calculateDelayAnimation('overlay'),
+        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;
+      return {
+        visible: visible,
+        placement: placement,
+        closable: closable,
+        duration: duration,
+        disableEnforceFocus: !this.isUsedOverlay(),
+        delay: this.calculateDelayAnimation('panel'),
+        onOutsideClick: this.handleOutsideClick,
+        onKeyDown: this.handleSidebarKeyDown,
+        animationsDisabled: animationsDisabled
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      return {
+        onClick: this.handleIconCloseClick
+      };
+    }
+  }, {
+    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["default"].createElement(_portal["default"], {
+        disablePortal: disablePortal,
+        ignorePortalsStacking: ignorePortalsStacking
+      }, this.isAdvanceMode() ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(SidePanel.Overlay, null, /*#__PURE__*/_react["default"].createElement(SidePanel.Panel, (0, _core.assignProps)({}, _ref))));
+    }
+  }]);
+  return RootSidePanel;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootSidePanel, "displayName", 'SidePanel');
+(0, _defineProperty2["default"])(RootSidePanel, "style", style);
+(0, _defineProperty2["default"])(RootSidePanel, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
+  variable: '--intergalactic-duration-modal',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+})]);
+(0, _defineProperty2["default"])(RootSidePanel, "defaultProps", {
+  placement: 'right',
+  closable: true,
+  disablePreventScroll: false
+});
+function Overlay(props) {
+  var _ref2 = arguments[0],
+    _ref10;
+  var SOverlay = _animation.FadeInOut;
+  var overlayRef = _react["default"].useRef(null);
+  (0, _usePreventScroll["default"])(props.visible, props.disablePreventScroll);
+  (0, _ThemeProvider.useContextTheme)(overlayRef, props.visible);
+  return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref10.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "ref": overlayRef
+  }, _ref2))));
+}
+function Panel(props) {
+  var _ref3 = arguments[0],
+    _ref11;
+  var SPanel = _animation.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 || (0, _findComponent.isAdvanceMode)(Children, [SidePanel.Header.displayName, SidePanel.Body.displayName, SidePanel.Footer.displayName]);
+  var sidebarRef = _react["default"].useRef(null);
+  (0, _useFocusLock.useFocusLock)(sidebarRef, true, 'auto', !visible, true);
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_outsideClick["default"], _ref11.cn("OutsideClick", {
+    "onOutsideClick": onOutsideClick,
+    "excludeRefs": [sidebarRef]
+  })), /*#__PURE__*/_react["default"].createElement(SPanel, _ref11.cn("SPanel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "visible": visible,
+    "initialAnimation": true,
+    "slideOrigin": placement,
+    "ref": sidebarRef
+  }, _ref3))), /*#__PURE__*/_react["default"].createElement(_portal.PortalProvider, _ref11.cn("PortalProvider", {
+    "value": sidebarRef
+  }), closable && /*#__PURE__*/_react["default"].createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SidePanel.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {}))))));
+}
+function Footer(props) {
+  var _ref4 = arguments[0],
+    _ref12;
+  var SFooter = _flexBox.Flex;
+  return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref12.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))));
+}
+function Close(_ref18) {
+  var _ref5 = arguments[0],
+    _ref13;
+  var styles = _ref18.styles,
+    children = _ref18.children,
+    Children = _ref18.Children;
+  var SClose = _flexBox.Box;
+  return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref13.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'button'
+  }, _ref5))), children ? /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_l["default"], _ref13.cn("CloseIcon", {
+    "title": 'Close'
+  })));
+}
+Close.enhance = [(0, _keyboardFocusEnhance["default"])()];
+function Title(props) {
+  var _ref6 = arguments[0],
+    _ref14;
+  var STitle = _typography.Text;
+  return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref14.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'h6'
+  }, _ref6))));
+}
+function Back(props) {
+  var _ref7 = arguments[0],
+    _ref15;
+  var SBack = _flexBox.Box;
+  var SBackText = _typography.Text;
+  var Children = props.Children,
+    styles = props.styles;
+  return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref15.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref7))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref15.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref15.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {}))));
+}
+function Body(props) {
+  var _ref8 = arguments[0],
+    _ref16;
+  var SBody = _flexBox.Box;
+  return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref16.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
+}
+function Header(props) {
+  var _ref9 = arguments[0],
+    _ref17;
+  var SHeader = _flexBox.Box;
+  var Children = props.Children,
+    styles = props.styles,
+    title = props.title;
+  return _ref17 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref17.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref9))), title && /*#__PURE__*/_react["default"].createElement(SidePanel.Title, {
+    children: title
+  }), /*#__PURE__*/_react["default"].createElement(Children, _ref17.cn("Children", {})));
+}
+var SidePanel = (0, _core["default"])(RootSidePanel, {
+  Overlay: Overlay,
+  Panel: Panel,
+  Close: Close,
+  Header: Header,
+  Footer: Footer,
+  Body: Body,
+  Back: Back,
+  Title: Title
+});
+var _default = SidePanel;
+exports["default"] = _default;
+//# sourceMappingURL=SidePanel.js.map

package/libs/side-panel/lib/cjs/SidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_portal","_outsideClick","_l","_fire","_findComponent","_keyboardFocusEnhance","_usePreventScroll","_typography","_m","_useCssVariable","_useFocusLock","_ThemeProvider","style","sstyled","insert","RootSidePanel","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","key","stopPropagation","fire","_createClass2","value","isAdvanceMode","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","calculateDelayAnimation","name","delay","duration","usedOverlay","overlay","panel","getOverlayProps","_this$asProps","visible","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","assignProps","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","FadeInOut","overlayRef","useRef","usePreventScroll","useContextTheme","styles","cn","_objectSpread2","_ref3","_ref11","SPanel","Slide","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","useFocusLock","Fragment","PortalProvider","Close","_ref4","_ref12","SFooter","Flex","_ref18","_ref5","_ref13","children","SClose","Box","enhance","keyboardFocusEnhance","Title","_ref6","_ref14","STitle","Text","Back","_ref7","_ref15","SBack","SBackText","_ref8","_ref16","SBody","_ref9","_ref17","SHeader","title","createComponent","_default","exports"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\n\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n  static displayName = 'SidePanel';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-modal',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n  static defaultProps = {\n    placement: 'right',\n    closable: true,\n    disablePreventScroll: false,\n  };\n\n  sidebarRef = React.createRef();\n\n  handleSidebarKeyDown = (e) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      fire(this, 'onClose', 'onEscape', e);\n    }\n  };\n\n  handleIconCloseClick = (e) => {\n    fire(this, 'onClose', 'onCloseClick', e);\n  };\n\n  handleOutsideClick = (e) => {\n    fire(this, 'onClose', 'onOutsideClick', e);\n  };\n\n  isAdvanceMode() {\n    return isAdvanceMode(this.asProps.Children, [\n      SidePanel.Overlay.displayName,\n      SidePanel.Panel.displayName,\n    ]);\n  }\n\n  isUsedOverlay() {\n    return (\n      !this.isAdvanceMode() || isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n    );\n  }\n\n  calculateDelayAnimation(name) {\n    const delay = this.asProps.duration / 2;\n    const usedOverlay = this.isUsedOverlay();\n\n    return {\n      overlay: usedOverlay ? [0, delay] : 0,\n      panel: usedOverlay ? [delay, 0] : 0,\n    }[name];\n  }\n\n  getOverlayProps() {\n    const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n    return {\n      visible,\n      duration,\n      delay: this.calculateDelayAnimation('overlay'),\n      animationsDisabled,\n      disablePreventScroll,\n    };\n  }\n\n  getPanelProps() {\n    const { placement, visible, closable, duration, animationsDisabled } = this.asProps;\n\n    return {\n      visible,\n      placement,\n      closable,\n      duration,\n      disableEnforceFocus: !this.isUsedOverlay(),\n      delay: this.calculateDelayAnimation('panel'),\n      onOutsideClick: this.handleOutsideClick,\n      onKeyDown: this.handleSidebarKeyDown,\n      animationsDisabled,\n    };\n  }\n\n  getCloseProps() {\n    return {\n      onClick: this.handleIconCloseClick,\n    };\n  }\n\n  render() {\n    const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return (\n      <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n        {this.isAdvanceMode() ? (\n          <Children />\n        ) : (\n          <SidePanel.Overlay>\n            <Root render={SidePanel.Panel} />\n          </SidePanel.Overlay>\n        )}\n      </Portal>\n    );\n  }\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(props.visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, props.visible);\n  return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} />);\n}\n\nfunction Panel(props) {\n  const SPanel = Root;\n  const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n    props;\n  const advancedMode =\n    forcedAdvancedMode ||\n    isAdvanceMode(Children, [\n      SidePanel.Header.displayName,\n      SidePanel.Body.displayName,\n      SidePanel.Footer.displayName,\n    ]);\n\n  const sidebarRef = React.useRef(null);\n\n  useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n  return sstyled(styles)(\n    <>\n      {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n      <SPanel\n        render={Slide}\n        visible={visible}\n        initialAnimation={true}\n        slideOrigin={placement}\n        ref={sidebarRef}\n      >\n        <PortalProvider value={sidebarRef}>\n          {closable && <SidePanel.Close />}\n          {advancedMode ? (\n            <Children />\n          ) : (\n            <SidePanel.Body>\n              <Children />\n            </SidePanel.Body>\n          )}\n        </PortalProvider>\n      </SPanel>\n    </>,\n  );\n}\n\nfunction Footer(props) {\n  const SFooter = Root;\n  return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close({ styles, children, Children }) {\n  const SClose = Root;\n  return sstyled(styles)(\n    <SClose render={Box} tag='button'>\n      {children ? <Children /> : <CloseIcon title='Close' />}\n    </SClose>,\n  );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const STitle = Root;\n  return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const SBackText = Text;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={Box}>\n      <ArrowLeft />\n      <SBackText>\n        <Children />\n      </SBackText>\n    </SBack>,\n  );\n}\n\nfunction Body(props) {\n  const SBody = Root;\n  return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n  const SHeader = Root;\n  const { Children, styles, title } = props;\n  return sstyled(styles)(\n    <SHeader render={Box}>\n      {title && <SidePanel.Title children={title} />}\n      <Children />\n    </SHeader>,\n  );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n  Overlay,\n  Panel,\n  Close,\n  Header,\n  Footer,\n  Body,\n  Back,\n  Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}

package/libs/side-panel/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/side-panel/lib/cjs/index.d.js.map

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

package/libs/side-panel/lib/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _SidePanel["default"];
+  }
+});
+var _SidePanel = _interopRequireDefault(require("./SidePanel"));
+//# sourceMappingURL=index.js.map

package/libs/side-panel/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_SidePanel","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SidePanel';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA"}