intergalactic 15.93.0 → 15.94.0

package/scroll-area/lib/cjs/ScrollArea.js

@@ -30,27 +30,27 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
 var _excluded = ["position"];
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_hxr3z_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_hxr3z_gg_:after,.___SShadowHorizontal_hxr3z_gg_:before,.___SShadowVertical_hxr3z_gg_:after,.___SShadowVertical_hxr3z_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_hxr3z_gg_:after,.___SShadowHorizontal_hxr3z_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_hxr3z_gg_._position_median_hxr3z_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_._position_median_hxr3z_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_._position_start_hxr3z_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_._position_end_hxr3z_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_.__leftOffset_hxr3z_gg_:before{left:var(--leftOffset_hxr3z)}.___SShadowHorizontal_hxr3z_gg_.__rightOffset_hxr3z_gg_:after{right:var(--rightOffset_hxr3z)}.___SShadowVertical_hxr3z_gg_:after,.___SShadowVertical_hxr3z_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_hxr3z_gg_._position_median_hxr3z_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_._position_median_hxr3z_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_._position_start_hxr3z_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_._position_end_hxr3z_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_.__topOffset_hxr3z_gg_:before{top:var(--topOffset_hxr3z)}.___SShadowVertical_hxr3z_gg_.__bottomOffset_hxr3z_gg_:after{bottom:var(--bottomOffset_hxr3z)}.___SContainer_hxr3z_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_hxr3z_gg_::-webkit-scrollbar{display:none}.___SContainer_hxr3z_gg_.__keyboardFocused_hxr3z_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_hxr3z);right:var(--focusRingRightOffset_hxr3z);bottom:var(--focusRingBottomOffset_hxr3z);left:var(--focusRingLeftOffset_hxr3z);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "hxr3z_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_hxr3z_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_hxr3z_gg_",
-  "_leftOffset": "__leftOffset_hxr3z_gg_",
-  "--leftOffset": "--leftOffset_hxr3z",
-  "_rightOffset": "__rightOffset_hxr3z_gg_",
-  "--rightOffset": "--rightOffset_hxr3z",
-  "__SShadowVertical": "___SShadowVertical_hxr3z_gg_",
-  "_topOffset": "__topOffset_hxr3z_gg_",
-  "--topOffset": "--topOffset_hxr3z",
-  "_bottomOffset": "__bottomOffset_hxr3z_gg_",
-  "--bottomOffset": "--bottomOffset_hxr3z",
-  "__SContainer": "___SContainer_hxr3z_gg_",
-  "_keyboardFocused": "__keyboardFocused_hxr3z_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_hxr3z",
-  "--focusRingRightOffset": "--focusRingRightOffset_hxr3z",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_hxr3z",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_hxr3z",
-  "_position_median": "_position_median_hxr3z_gg_",
-  "_position_start": "_position_start_hxr3z_gg_",
-  "_position_end": "_position_end_hxr3z_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_15xg1_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before,.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_15xg1_gg_._position_median_15xg1_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_._position_median_15xg1_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_._position_start_15xg1_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_._position_end_15xg1_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_.__leftOffset_15xg1_gg_:before{left:var(--leftOffset_15xg1)}.___SShadowHorizontal_15xg1_gg_.__rightOffset_15xg1_gg_:after{right:var(--rightOffset_15xg1)}.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_15xg1_gg_._position_median_15xg1_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_._position_median_15xg1_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_._position_start_15xg1_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_._position_end_15xg1_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_.__topOffset_15xg1_gg_:before{top:var(--topOffset_15xg1)}.___SShadowVertical_15xg1_gg_.__bottomOffset_15xg1_gg_:after{bottom:var(--bottomOffset_15xg1)}.___SContainer_15xg1_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_15xg1_gg_::-webkit-scrollbar{display:none}.___SContainer_15xg1_gg_.__keyboardFocused_15xg1_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_15xg1);right:var(--focusRingRightOffset_15xg1);bottom:var(--focusRingBottomOffset_15xg1);left:var(--focusRingLeftOffset_15xg1);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "15xg1_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_15xg1_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_15xg1_gg_",
+  "_leftOffset": "__leftOffset_15xg1_gg_",
+  "--leftOffset": "--leftOffset_15xg1",
+  "_rightOffset": "__rightOffset_15xg1_gg_",
+  "--rightOffset": "--rightOffset_15xg1",
+  "__SShadowVertical": "___SShadowVertical_15xg1_gg_",
+  "_topOffset": "__topOffset_15xg1_gg_",
+  "--topOffset": "--topOffset_15xg1",
+  "_bottomOffset": "__bottomOffset_15xg1_gg_",
+  "--bottomOffset": "--bottomOffset_15xg1",
+  "__SContainer": "___SContainer_15xg1_gg_",
+  "_keyboardFocused": "__keyboardFocused_15xg1_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_15xg1",
+  "--focusRingRightOffset": "--focusRingRightOffset_15xg1",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_15xg1",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_15xg1",
+  "_position_median": "_position_median_15xg1_gg_",
+  "_position_start": "_position_start_15xg1_gg_",
+  "_position_end": "_position_end_15xg1_gg_"
 });
 var eventCalculate = undefined;
 exports.eventCalculate = eventCalculate;
@@ -82,6 +82,13 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refWrapper", function (node) {
       _this.$wrapper = (0, _reactDom.findDOMNode)(node);
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setStyleSizeProperty", function (element, propertyKey, value) {
+      var propertyValue = value;
+      if (typeof value === 'number') {
+        propertyValue = value < 1 ? "".concat(100 * value, "%") : "".concat(value, "px");
+      }
+      element.style.setProperty(propertyKey, propertyValue);
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calculate", (0, _rafTrottle["default"])(function () {
       if (!_this.$container) return;
       var _this$calculateSizeCo = _this.calculateSizeContainer(),
@@ -189,6 +196,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
     value:
     // for max height/width
     function calculateSizeContainer() {
+      var _parent$getBoundingCl;
       var size = {
         width: '',
         height: ''
@@ -198,9 +206,26 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         scrollWidth = _this$$container2.scrollWidth,
         scrollHeight = _this$$container2.scrollHeight;
       var style = window.getComputedStyle(this.$wrapper);
+      var parent = this.$wrapper.parentElement;
+      var parentRect = (_parent$getBoundingCl = parent === null || parent === void 0 ? void 0 : parent.getBoundingClientRect()) !== null && _parent$getBoundingCl !== void 0 ? _parent$getBoundingCl : {
+        width: 0,
+        height: 0
+      };
+      var _this$asProps2 = this.asProps,
+        wMax = _this$asProps2.wMax,
+        hMax = _this$asProps2.hMax;
+      if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);
+      if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);
       var maxWidth = Number.parseInt(style.getPropertyValue('max-width'));
       var maxHeight = Number.parseInt(style.getPropertyValue('max-height'));
       if (maxWidth) {
+        if (parent.scrollWidth > parentRect.width) {
+          var diff = parent.scrollWidth - parentRect.width;
+          if (diff < maxWidth) {
+            maxWidth = maxWidth - diff;
+            this.$wrapper.style.setProperty('max-width', "".concat(maxWidth, "px"));
+          }
+        }
         if (scrollWidth > maxWidth) {
           size.width = "".concat(maxWidth, "px");
         } else {
@@ -208,6 +233,13 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         }
       }
       if (maxHeight) {
+        if (parent.scrollHeight > parentRect.height) {
+          var _diff = parent.scrollHeight - parentRect.height;
+          if (_diff < maxHeight) {
+            maxHeight = maxHeight - _diff;
+            this.$wrapper.style.setProperty('max-height', "".concat(maxHeight, "px"));
+          }
+        }
         if (scrollHeight > maxHeight) {
           size.height = "".concat(maxHeight, "px");
         } else {
@@ -219,11 +251,11 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getContainerProps",
     value: function getContainerProps() {
-      var _this$asProps2 = this.asProps,
-        container = _this$asProps2.container,
-        inner = _this$asProps2.inner,
-        onScroll = _this$asProps2.onScroll,
-        uid = _this$asProps2.uid;
+      var _this$asProps3 = this.asProps,
+        container = _this$asProps3.container,
+        inner = _this$asProps3.inner,
+        onScroll = _this$asProps3.onScroll,
+        uid = _this$asProps3.uid;
       return {
         id: "igc-".concat(uid, "-scroll-container"),
         ref: container,
@@ -234,12 +266,12 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getBarProps",
     value: function getBarProps() {
-      var _this$asProps3 = this.asProps,
-        container = _this$asProps3.container,
-        orientation = _this$asProps3.orientation,
-        uid = _this$asProps3.uid,
-        leftOffset = _this$asProps3.leftOffset,
-        rightOffset = _this$asProps3.rightOffset;
+      var _this$asProps4 = this.asProps,
+        container = _this$asProps4.container,
+        orientation = _this$asProps4.orientation,
+        uid = _this$asProps4.uid,
+        leftOffset = _this$asProps4.leftOffset,
+        rightOffset = _this$asProps4.rightOffset;
       return {
         container: container,
         orientation: orientation,
@@ -286,16 +318,16 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
       var SScrollArea = _flexBox.Box;
       var SShadowVertical = BoxWithoutPosition;
       var SShadowHorizontal = BoxWithoutPosition;
-      var _this$asProps4 = this.asProps,
-        Children = _this$asProps4.Children,
-        styles = _this$asProps4.styles,
-        orientation = _this$asProps4.orientation,
-        tabIndex = _this$asProps4.tabIndex,
-        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode,
-        leftOffset = _this$asProps4.leftOffset,
-        rightOffset = _this$asProps4.rightOffset,
-        topOffset = _this$asProps4.topOffset,
-        bottomOffset = _this$asProps4.bottomOffset;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        styles = _this$asProps5.styles,
+        orientation = _this$asProps5.orientation,
+        tabIndex = _this$asProps5.tabIndex,
+        forcedAdvancedMode = _this$asProps5.forcedAdvancedMode,
+        leftOffset = _this$asProps5.leftOffset,
+        rightOffset = _this$asProps5.rightOffset,
+        topOffset = _this$asProps5.topOffset,
+        bottomOffset = _this$asProps5.bottomOffset;
       var _this$state = this.state,
         shadowVertical = _this$state.shadowVertical,
         shadowHorizontal = _this$state.shadowHorizontal;

package/scroll-area/lib/cjs/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","element","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps2","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps3","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps4","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","enhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","element","propertyKey","value","propertyValue","concat","setProperty","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","_parent$getBoundingCl","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","_this$asProps2","wMax","hMax","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","enhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const parent = this.$wrapper.parentElement;\n    const parentRect = parent?.getBoundingClientRect() ?? { width: 0, height: 0 };\n    const { wMax, hMax } = this.asProps;\n\n    if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n    if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (parent.scrollWidth > parentRect.width) {\n        const diff = parent.scrollWidth - parentRect.width;\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (parent.scrollHeight > parentRect.height) {\n        const diff = parent.scrollHeight - parentRect.height;\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\n\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}

package/scroll-area/lib/cjs/ScrollBar.js

@@ -21,12 +21,12 @@ var _reactDom = require("react-dom");
 var _flexBox = require("intergalactic/flex-box");
 var _ref5 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_duqeo_gg_{position:absolute;display:flex}.___SScrollBar_duqeo_gg_._orientation_vertical_duqeo_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_duqeo) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_duqeo_gg_._orientation_horizontal_duqeo_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_duqeo) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_duqeo_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "duqeo_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_duqeo_gg_",
-  "_orientation_vertical": "_orientation_vertical_duqeo_gg_",
-  "--offsetSum": "--offsetSum_duqeo",
-  "_orientation_horizontal": "_orientation_horizontal_duqeo_gg_",
-  "__SSlider": "___SSlider_duqeo_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_s15o7_gg_{position:absolute;display:flex}.___SScrollBar_s15o7_gg_._orientation_vertical_s15o7_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_s15o7) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_s15o7_gg_._orientation_horizontal_s15o7_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_s15o7) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_s15o7_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "s15o7_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_s15o7_gg_",
+  "_orientation_vertical": "_orientation_vertical_s15o7_gg_",
+  "--offsetSum": "--offsetSum_s15o7",
+  "_orientation_horizontal": "_orientation_horizontal_s15o7_gg_",
+  "__SSlider": "___SSlider_s15o7_gg_"
 });
 var DEFAULT_SLIDER_SIZE = 50;
 

package/scroll-area/lib/cjs/style/scroll-area.shadow.css

@@ -21,7 +21,6 @@ SShadowHorizontal {
   &:before,
   &:after {
     top: 0;
-    display: block;
     width: 5px;
     height: 100%;
   }
@@ -30,12 +29,14 @@ SShadowHorizontal {
 SShadowHorizontal[position='median'] {
   &:before {
     left: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-left,
     linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
 
   &:after {
     right: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-right,
     linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
@@ -44,6 +45,7 @@ SShadowHorizontal[position='median'] {
 SShadowHorizontal[position='start'] {
   &:before {
     left: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-left,
     linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
@@ -52,6 +54,7 @@ SShadowHorizontal[position='start'] {
 SShadowHorizontal[position='end'] {
   &:after {
     right: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-right,
     linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
@@ -70,7 +73,6 @@ SShadowVertical {
   &:before,
   &:after {
     left: 0;
-    display: block;
     width: 100%;
     height: 5px;
   }
@@ -79,12 +81,14 @@ SShadowVertical {
 SShadowVertical[position='median'] {
   &:before {
     top: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-top,
     linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
 
   &:after {
     bottom: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-bottom,
     linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
@@ -93,6 +97,7 @@ SShadowVertical[position='median'] {
 SShadowVertical[position='start'] {
   &:before {
     top: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-top,
     linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
@@ -101,6 +106,7 @@ SShadowVertical[position='start'] {
 SShadowVertical[position='end'] {
   &:after {
     bottom: 0;
+    display: block;
     background: var(--intergalactic-scroll-area-shadow-bottom,
     linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
   }
@@ -146,4 +152,4 @@ SContainer[keyboardFocused]:focus::after {
   box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
   pointer-events: none;
   z-index: 2;
-}
+}

package/scroll-area/lib/es6/ScrollArea.js

@@ -24,27 +24,27 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_hxr3z_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_hxr3z_gg_:after,.___SShadowHorizontal_hxr3z_gg_:before,.___SShadowVertical_hxr3z_gg_:after,.___SShadowVertical_hxr3z_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_hxr3z_gg_:after,.___SShadowHorizontal_hxr3z_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_hxr3z_gg_._position_median_hxr3z_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_._position_median_hxr3z_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_._position_start_hxr3z_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_._position_end_hxr3z_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_hxr3z_gg_.__leftOffset_hxr3z_gg_:before{left:var(--leftOffset_hxr3z)}.___SShadowHorizontal_hxr3z_gg_.__rightOffset_hxr3z_gg_:after{right:var(--rightOffset_hxr3z)}.___SShadowVertical_hxr3z_gg_:after,.___SShadowVertical_hxr3z_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_hxr3z_gg_._position_median_hxr3z_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_._position_median_hxr3z_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_._position_start_hxr3z_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_._position_end_hxr3z_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_hxr3z_gg_.__topOffset_hxr3z_gg_:before{top:var(--topOffset_hxr3z)}.___SShadowVertical_hxr3z_gg_.__bottomOffset_hxr3z_gg_:after{bottom:var(--bottomOffset_hxr3z)}.___SContainer_hxr3z_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_hxr3z_gg_::-webkit-scrollbar{display:none}.___SContainer_hxr3z_gg_.__keyboardFocused_hxr3z_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_hxr3z);right:var(--focusRingRightOffset_hxr3z);bottom:var(--focusRingBottomOffset_hxr3z);left:var(--focusRingLeftOffset_hxr3z);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "hxr3z_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_hxr3z_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_hxr3z_gg_",
-  "_leftOffset": "__leftOffset_hxr3z_gg_",
-  "--leftOffset": "--leftOffset_hxr3z",
-  "_rightOffset": "__rightOffset_hxr3z_gg_",
-  "--rightOffset": "--rightOffset_hxr3z",
-  "__SShadowVertical": "___SShadowVertical_hxr3z_gg_",
-  "_topOffset": "__topOffset_hxr3z_gg_",
-  "--topOffset": "--topOffset_hxr3z",
-  "_bottomOffset": "__bottomOffset_hxr3z_gg_",
-  "--bottomOffset": "--bottomOffset_hxr3z",
-  "__SContainer": "___SContainer_hxr3z_gg_",
-  "_keyboardFocused": "__keyboardFocused_hxr3z_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_hxr3z",
-  "--focusRingRightOffset": "--focusRingRightOffset_hxr3z",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_hxr3z",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_hxr3z",
-  "_position_median": "_position_median_hxr3z_gg_",
-  "_position_start": "_position_start_hxr3z_gg_",
-  "_position_end": "_position_end_hxr3z_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_15xg1_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before,.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_15xg1_gg_:after,.___SShadowHorizontal_15xg1_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_15xg1_gg_._position_median_15xg1_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_._position_median_15xg1_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_._position_start_15xg1_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_._position_end_15xg1_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_15xg1_gg_.__leftOffset_15xg1_gg_:before{left:var(--leftOffset_15xg1)}.___SShadowHorizontal_15xg1_gg_.__rightOffset_15xg1_gg_:after{right:var(--rightOffset_15xg1)}.___SShadowVertical_15xg1_gg_:after,.___SShadowVertical_15xg1_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_15xg1_gg_._position_median_15xg1_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_._position_median_15xg1_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_._position_start_15xg1_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_._position_end_15xg1_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_15xg1_gg_.__topOffset_15xg1_gg_:before{top:var(--topOffset_15xg1)}.___SShadowVertical_15xg1_gg_.__bottomOffset_15xg1_gg_:after{bottom:var(--bottomOffset_15xg1)}.___SContainer_15xg1_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_15xg1_gg_::-webkit-scrollbar{display:none}.___SContainer_15xg1_gg_.__keyboardFocused_15xg1_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_15xg1);right:var(--focusRingRightOffset_15xg1);bottom:var(--focusRingBottomOffset_15xg1);left:var(--focusRingLeftOffset_15xg1);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "15xg1_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_15xg1_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_15xg1_gg_",
+  "_leftOffset": "__leftOffset_15xg1_gg_",
+  "--leftOffset": "--leftOffset_15xg1",
+  "_rightOffset": "__rightOffset_15xg1_gg_",
+  "--rightOffset": "--rightOffset_15xg1",
+  "__SShadowVertical": "___SShadowVertical_15xg1_gg_",
+  "_topOffset": "__topOffset_15xg1_gg_",
+  "--topOffset": "--topOffset_15xg1",
+  "_bottomOffset": "__bottomOffset_15xg1_gg_",
+  "--bottomOffset": "--bottomOffset_15xg1",
+  "__SContainer": "___SContainer_15xg1_gg_",
+  "_keyboardFocused": "__keyboardFocused_15xg1_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_15xg1",
+  "--focusRingRightOffset": "--focusRingRightOffset_15xg1",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_15xg1",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_15xg1",
+  "_position_median": "_position_median_15xg1_gg_",
+  "_position_start": "_position_start_15xg1_gg_",
+  "_position_end": "_position_end_15xg1_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {
@@ -75,6 +75,13 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "refWrapper", function (node) {
       _this.$wrapper = findDOMNode(node);
     });
+    _defineProperty(_assertThisInitialized(_this), "setStyleSizeProperty", function (element, propertyKey, value) {
+      var propertyValue = value;
+      if (typeof value === 'number') {
+        propertyValue = value < 1 ? "".concat(100 * value, "%") : "".concat(value, "px");
+      }
+      element.style.setProperty(propertyKey, propertyValue);
+    });
     _defineProperty(_assertThisInitialized(_this), "calculate", trottle(function () {
       if (!_this.$container) return;
       var _this$calculateSizeCo = _this.calculateSizeContainer(),
@@ -182,6 +189,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
     value:
     // for max height/width
     function calculateSizeContainer() {
+      var _parent$getBoundingCl;
       var size = {
         width: '',
         height: ''
@@ -191,9 +199,26 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         scrollWidth = _this$$container2.scrollWidth,
         scrollHeight = _this$$container2.scrollHeight;
       var style = window.getComputedStyle(this.$wrapper);
+      var parent = this.$wrapper.parentElement;
+      var parentRect = (_parent$getBoundingCl = parent === null || parent === void 0 ? void 0 : parent.getBoundingClientRect()) !== null && _parent$getBoundingCl !== void 0 ? _parent$getBoundingCl : {
+        width: 0,
+        height: 0
+      };
+      var _this$asProps2 = this.asProps,
+        wMax = _this$asProps2.wMax,
+        hMax = _this$asProps2.hMax;
+      if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);
+      if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);
       var maxWidth = Number.parseInt(style.getPropertyValue('max-width'));
       var maxHeight = Number.parseInt(style.getPropertyValue('max-height'));
       if (maxWidth) {
+        if (parent.scrollWidth > parentRect.width) {
+          var diff = parent.scrollWidth - parentRect.width;
+          if (diff < maxWidth) {
+            maxWidth = maxWidth - diff;
+            this.$wrapper.style.setProperty('max-width', "".concat(maxWidth, "px"));
+          }
+        }
         if (scrollWidth > maxWidth) {
           size.width = "".concat(maxWidth, "px");
         } else {
@@ -201,6 +226,13 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         }
       }
       if (maxHeight) {
+        if (parent.scrollHeight > parentRect.height) {
+          var _diff = parent.scrollHeight - parentRect.height;
+          if (_diff < maxHeight) {
+            maxHeight = maxHeight - _diff;
+            this.$wrapper.style.setProperty('max-height', "".concat(maxHeight, "px"));
+          }
+        }
         if (scrollHeight > maxHeight) {
           size.height = "".concat(maxHeight, "px");
         } else {
@@ -212,11 +244,11 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getContainerProps",
     value: function getContainerProps() {
-      var _this$asProps2 = this.asProps,
-        container = _this$asProps2.container,
-        inner = _this$asProps2.inner,
-        onScroll = _this$asProps2.onScroll,
-        uid = _this$asProps2.uid;
+      var _this$asProps3 = this.asProps,
+        container = _this$asProps3.container,
+        inner = _this$asProps3.inner,
+        onScroll = _this$asProps3.onScroll,
+        uid = _this$asProps3.uid;
       return {
         id: "igc-".concat(uid, "-scroll-container"),
         ref: container,
@@ -227,12 +259,12 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getBarProps",
     value: function getBarProps() {
-      var _this$asProps3 = this.asProps,
-        container = _this$asProps3.container,
-        orientation = _this$asProps3.orientation,
-        uid = _this$asProps3.uid,
-        leftOffset = _this$asProps3.leftOffset,
-        rightOffset = _this$asProps3.rightOffset;
+      var _this$asProps4 = this.asProps,
+        container = _this$asProps4.container,
+        orientation = _this$asProps4.orientation,
+        uid = _this$asProps4.uid,
+        leftOffset = _this$asProps4.leftOffset,
+        rightOffset = _this$asProps4.rightOffset;
       return {
         container: container,
         orientation: orientation,
@@ -279,16 +311,16 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
       var SScrollArea = Box;
       var SShadowVertical = BoxWithoutPosition;
       var SShadowHorizontal = BoxWithoutPosition;
-      var _this$asProps4 = this.asProps,
-        Children = _this$asProps4.Children,
-        styles = _this$asProps4.styles,
-        orientation = _this$asProps4.orientation,
-        tabIndex = _this$asProps4.tabIndex,
-        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode,
-        leftOffset = _this$asProps4.leftOffset,
-        rightOffset = _this$asProps4.rightOffset,
-        topOffset = _this$asProps4.topOffset,
-        bottomOffset = _this$asProps4.bottomOffset;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        styles = _this$asProps5.styles,
+        orientation = _this$asProps5.orientation,
+        tabIndex = _this$asProps5.tabIndex,
+        forcedAdvancedMode = _this$asProps5.forcedAdvancedMode,
+        leftOffset = _this$asProps5.leftOffset,
+        rightOffset = _this$asProps5.rightOffset,
+        topOffset = _this$asProps5.topOffset,
+        bottomOffset = _this$asProps5.bottomOffset;
       var _this$state = this.state,
         shadowVertical = _this$state.shadowVertical,
         shadowHorizontal = _this$state.shadowHorizontal;