intergalactic 15.87.0-prerelease.3 → 15.88.0

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

@@ -0,0 +1,271 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+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/core";
+import { assignProps as _assignProps9 } from "@semcore/core";
+import { assignProps as _assignProps8 } from "@semcore/core";
+import { assignProps as _assignProps7 } from "@semcore/core";
+import { assignProps as _assignProps6 } from "@semcore/core";
+import { assignProps as _assignProps5 } from "@semcore/core";
+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 React from 'react';
+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 { Text } from '@semcore/typography';
+import ArrowLeft from '@semcore/icon/ArrowLeft/m';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
+import { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';
+import { useContextTheme } from '@semcore/utils/lib/ThemeProvider';
+/*__reshadow-styles__:"./style/side-panel.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_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) {
+  _inherits(RootSidePanel, _Component);
+  var _super = _createSuper(RootSidePanel);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "sidebarRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "handleSidebarKeyDown", function (e) {
+      if (e.key === 'Escape') {
+        e.stopPropagation();
+        fire(_assertThisInitialized(_this), 'onClose', 'onEscape', e);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleIconCloseClick", function (e) {
+      fire(_assertThisInitialized(_this), 'onClose', 'onCloseClick', e);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleOutsideClick", function (e) {
+      fire(_assertThisInitialized(_this), 'onClose', 'onOutsideClick', e);
+    });
+    return _this;
+  }
+  _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: "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.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))));
+    }
+  }]);
+  return RootSidePanel;
+}(Component);
+_defineProperty(RootSidePanel, "displayName", 'SidePanel');
+_defineProperty(RootSidePanel, "style", style);
+_defineProperty(RootSidePanel, "enhance", [cssVariableEnhance({
+  variable: '--intergalactic-duration-modal',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+})]);
+_defineProperty(RootSidePanel, "defaultProps", {
+  placement: 'right',
+  closable: true,
+  disablePreventScroll: false
+});
+function Overlay(props) {
+  var _ref2 = arguments[0],
+    _ref10;
+  var SOverlay = FadeInOut;
+  var overlayRef = React.useRef(null);
+  usePreventScroll(props.visible, props.disablePreventScroll);
+  useContextTheme(overlayRef, props.visible);
+  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SOverlay, _ref10.cn("SOverlay", _objectSpread({}, _assignProps2({
+    "ref": overlayRef
+  }, _ref2))));
+}
+function Panel(props) {
+  var _ref3 = arguments[0],
+    _ref11;
+  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);
+  useFocusLock(sidebarRef, true, 'auto', !visible, true);
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(OutsideClick, _ref11.cn("OutsideClick", {
+    "onOutsideClick": onOutsideClick,
+    "excludeRefs": [sidebarRef]
+  })), /*#__PURE__*/React.createElement(SPanel, _ref11.cn("SPanel", _objectSpread({}, _assignProps3({
+    "visible": visible,
+    "initialAnimation": true,
+    "slideOrigin": placement,
+    "ref": sidebarRef
+  }, _ref3))), /*#__PURE__*/React.createElement(PortalProvider, _ref11.cn("PortalProvider", {
+    "value": sidebarRef
+  }), closable && /*#__PURE__*/React.createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : /*#__PURE__*/React.createElement(SidePanel.Body, null, /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {}))))));
+}
+function Footer(props) {
+  var _ref4 = arguments[0],
+    _ref12;
+  var SFooter = Flex;
+  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, _assignProps4({}, _ref4))));
+}
+function Close(_ref18) {
+  var _ref5 = arguments[0],
+    _ref13;
+  var styles = _ref18.styles,
+    children = _ref18.children,
+    Children = _ref18.Children;
+  var SClose = Box;
+  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, _assignProps5({
+    "tag": 'button'
+  }, _ref5))), children ? /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {})) : /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
+    "title": 'Close'
+  })));
+}
+Close.enhance = [keyboardFocusEnhance()];
+function Title(props) {
+  var _ref6 = arguments[0],
+    _ref14;
+  var STitle = Text;
+  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, _assignProps6({
+    "tag": 'h6'
+  }, _ref6))));
+}
+function Back(props) {
+  var _ref7 = arguments[0],
+    _ref15;
+  var SBack = Box;
+  var SBackText = Text;
+  var Children = props.Children,
+    styles = props.styles;
+  return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref15.cn("SBack", _objectSpread({}, _assignProps7({}, _ref7))), /*#__PURE__*/React.createElement(ArrowLeft, _ref15.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref15.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {}))));
+}
+function Body(props) {
+  var _ref8 = arguments[0],
+    _ref16;
+  var SBody = Box;
+  return _ref16 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref16.cn("SBody", _objectSpread({}, _assignProps8({}, _ref8))));
+}
+function Header(props) {
+  var _ref9 = arguments[0],
+    _ref17;
+  var SHeader = Box;
+  var Children = props.Children,
+    styles = props.styles,
+    title = props.title;
+  return _ref17 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref17.cn("SHeader", _objectSpread({}, _assignProps9({}, _ref9))), title && /*#__PURE__*/React.createElement(SidePanel.Title, {
+    children: title
+  }), /*#__PURE__*/React.createElement(Children, _ref17.cn("Children", {})));
+}
+var SidePanel = createComponent(RootSidePanel, {
+  Overlay: Overlay,
+  Panel: Panel,
+  Close: Close,
+  Header: Header,
+  Footer: Footer,
+  Body: Body,
+  Back: Back,
+  Title: Title
+});
+export default SidePanel;
+//# sourceMappingURL=SidePanel.js.map

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

@@ -0,0 +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","cssVariableEnhance","useFocusLock","useContextTheme","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","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","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","overlayRef","useRef","styles","cn","_objectSpread","_assignProps2","_ref3","_ref11","SPanel","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","Fragment","_assignProps3","Close","_ref4","_ref12","SFooter","_assignProps4","_ref18","_ref5","_ref13","children","SClose","_assignProps5","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 { 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/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/libs/side-panel/lib/es6/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/es6/index.js

@@ -0,0 +1,2 @@
+export { default } from './SidePanel';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SidePanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}

package/libs/side-panel/lib/types/index.d.ts

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

package/libs/skeleton/lib/cjs/Charts/Area.js

@@ -0,0 +1,44 @@
+"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 _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../Skeleton");
+/*__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_1vxtk_gg_{height:200px;width:100%;background-image:var(--bgPattern_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgPosition_1vxtk_gg_{background-position:var(--bgPosition_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgSize_1vxtk_gg_{background-size:var(--bgSize_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgRepeat_1vxtk_gg_{background-repeat:var(--bgRepeat_1vxtk)}" /*__inner_css_end__*/, "1vxtk_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_1vxtk_gg_",
+  "--bgPattern": "--bgPattern_1vxtk",
+  "_bgPosition": "__bgPosition_1vxtk_gg_",
+  "--bgPosition": "--bgPosition_1vxtk",
+  "_bgSize": "__bgSize_1vxtk_gg_",
+  "--bgSize": "--bgSize_1vxtk",
+  "_bgRepeat": "__bgRepeat_1vxtk_gg_",
+  "--bgRepeat": "--bgRepeat_1vxtk"
+});
+var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var AreaChartSkeleton = function AreaChartSkeleton(props) {
+  var _ref = arguments[0],
+    _ref2,
+    _props$type;
+  var SChartSkeleton = _Skeleton.Skeleton;
+  var patternBase64 = {
+    linear: areaLinearSvg,
+    monotone: areaMonotoneSvg
+  }[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear'];
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "bgRepeat": 'repeat-x',
+    "bgPosition": 'left bottom',
+    "bgSize": 'auto 50%',
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
+};
+var _default = (0, _core["default"])(AreaChartSkeleton);
+exports["default"] = _default;
+//# sourceMappingURL=Area.js.map

package/libs/skeleton/lib/cjs/Charts/Area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Area.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nconst AreaChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n    props.type ?? 'linear'\n  ];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left bottom'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,yVAElB;AACD,IAAMC,eAAe,iRAEpB;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EACnC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAzB,KAAA,CAAA0B,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,gBAAe,EAAClB,iBAAiB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}

package/libs/skeleton/lib/cjs/Charts/Bar.js

@@ -0,0 +1,54 @@
+"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 _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../Skeleton");
+/*__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_1vxtk_gg_{height:200px;width:100%;background-image:var(--bgPattern_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgPosition_1vxtk_gg_{background-position:var(--bgPosition_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgSize_1vxtk_gg_{background-size:var(--bgSize_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgRepeat_1vxtk_gg_{background-repeat:var(--bgRepeat_1vxtk)}" /*__inner_css_end__*/, "1vxtk_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_1vxtk_gg_",
+  "--bgPattern": "--bgPattern_1vxtk",
+  "_bgPosition": "__bgPosition_1vxtk_gg_",
+  "--bgPosition": "--bgPosition_1vxtk",
+  "_bgSize": "__bgSize_1vxtk_gg_",
+  "--bgSize": "--bgSize_1vxtk",
+  "_bgRepeat": "__bgRepeat_1vxtk_gg_",
+  "--bgRepeat": "--bgRepeat_1vxtk"
+});
+var barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
+var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+var BarChartSkeleton = function BarChartSkeleton(props) {
+  var _ref = arguments[0],
+    _ref2,
+    _props$layout;
+  var SChartSkeleton = _Skeleton.Skeleton;
+  var layout = (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : 'horizontal';
+  var patternBase64 = {
+    vertical: barVerticalSvg,
+    horizontal: barHorizontalSvg
+  }[layout];
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "bgRepeat": {
+      vertical: 'repeat-y',
+      horizontal: 'repeat-x'
+    }[layout],
+    "bgPosition": {
+      vertical: 'left top',
+      horizontal: 'left bottom'
+    }[layout],
+    "bgSize": {
+      vertical: 'contain',
+      horizontal: 'auto 50%'
+    }[layout],
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(patternBase64, ")")
+  }, _ref))));
+};
+var _default = (0, _core["default"])(BarChartSkeleton);
+exports["default"] = _default;
+//# sourceMappingURL=Bar.js.map

package/libs/skeleton/lib/cjs/Charts/Bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-vertical.svg'))\n`;\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-horizontal.svg'))\n`;\n\nconst BarChartSkeleton = (props) => {\n  const SChartSkeleton = Root;\n  const layout = props.layout ?? 'horizontal';\n  const patternBase64 = { vertical: barVerticalSvg, horizontal: barHorizontalSvg }[layout];\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n      bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n      bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n      bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n    />,\n  );\n};\n\nexport default createComponent(BarChartSkeleton);\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,cAAc,69BAEnB;AACD,IAAMC,gBAAgB,izBAErB;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EAClC,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,cAAc;IAAEa,UAAU,EAAEZ;EAAiB,CAAC,CAACS,MAAM,CAAC;EACxF,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAzB,KAAA,CAAA0B,WAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,gBAAe,EAAClB,gBAAgB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}

package/libs/skeleton/lib/cjs/Charts/Bubble.js

@@ -0,0 +1,38 @@
+"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 _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../Skeleton");
+/*__reshadow-styles__:"../style/chart.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_1vxtk_gg_{height:200px;width:100%;background-image:var(--bgPattern_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgPosition_1vxtk_gg_{background-position:var(--bgPosition_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgSize_1vxtk_gg_{background-size:var(--bgSize_1vxtk)}.___SChartSkeleton_1vxtk_gg_.__bgRepeat_1vxtk_gg_{background-repeat:var(--bgRepeat_1vxtk)}" /*__inner_css_end__*/, "1vxtk_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_1vxtk_gg_",
+  "--bgPattern": "--bgPattern_1vxtk",
+  "_bgPosition": "__bgPosition_1vxtk_gg_",
+  "--bgPosition": "--bgPosition_1vxtk",
+  "_bgSize": "__bgSize_1vxtk_gg_",
+  "--bgSize": "--bgSize_1vxtk",
+  "_bgRepeat": "__bgRepeat_1vxtk_gg_",
+  "--bgRepeat": "--bgRepeat_1vxtk"
+});
+var bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
+var BubbleChartSkeleton = function BubbleChartSkeleton() {
+  var _ref = arguments[0],
+    _ref2;
+  var SChartSkeleton = _Skeleton.Skeleton;
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "bgRepeat": 'repeat-x',
+    "bgPosition": 'left center',
+    "bgSize": 'auto 50%',
+    "bgPattern": "url(data:image/svg+xml;base64,".concat(bubbleSvg, ")")
+  }, _ref))));
+};
+var _default = (0, _core["default"])(BubbleChartSkeleton);
+exports["default"] = _default;
+//# sourceMappingURL=Bubble.js.map

package/libs/skeleton/lib/cjs/Charts/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bubble-chart.svg'))\n`;\n\nconst BubbleChartSkeleton = () => {\n  const SChartSkeleton = Root;\n  return sstyled(styles)(\n    <SChartSkeleton\n      render={Skeleton}\n      bgRepeat='repeat-x'\n      bgPosition='left center'\n      bgSize='auto 50%'\n      bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n    />,\n  );\n};\n\nexport default createComponent(BubbleChartSkeleton);\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAlB,KAAA,CAAAmB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,gBAAe,EAACZ,mBAAmB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}