intergalactic 15.123.0 → 15.124.0

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

@@ -0,0 +1,403 @@
+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 _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+var _excluded = ["position"];
+import React from 'react';
+import { findDOMNode } from 'react-dom';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import trottle from 'intergalactic/utils/lib/rafTrottle';
+import { getNodeByRef } from 'intergalactic/utils/lib/ref';
+import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import BarRoot, { setAreaValue } from './ScrollBar';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+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_ri6r7_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_ri6r7_gg_:after,.___SShadowHorizontal_ri6r7_gg_:before,.___SShadowVertical_ri6r7_gg_:after,.___SShadowVertical_ri6r7_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_ri6r7_gg_:after,.___SShadowHorizontal_ri6r7_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_ri6r7_gg_._position_median_ri6r7_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_ri6r7_gg_._position_median_ri6r7_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_ri6r7_gg_._position_start_ri6r7_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_ri6r7_gg_._position_end_ri6r7_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_ri6r7_gg_.__leftOffset_ri6r7_gg_:before{left:var(--leftOffset_ri6r7)}.___SShadowHorizontal_ri6r7_gg_.__rightOffset_ri6r7_gg_:after{right:var(--rightOffset_ri6r7)}.___SShadowVertical_ri6r7_gg_:after,.___SShadowVertical_ri6r7_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_ri6r7_gg_._position_median_ri6r7_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_ri6r7_gg_._position_median_ri6r7_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_ri6r7_gg_._position_start_ri6r7_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_ri6r7_gg_._position_end_ri6r7_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_ri6r7_gg_.__topOffset_ri6r7_gg_:before{top:var(--topOffset_ri6r7)}.___SShadowVertical_ri6r7_gg_.__bottomOffset_ri6r7_gg_:after{bottom:var(--bottomOffset_ri6r7)}.___SContainer_ri6r7_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_ri6r7_gg_::-webkit-scrollbar{display:none}.___SContainer_ri6r7_gg_.__keyboardFocused_ri6r7_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_ri6r7);right:var(--focusRingRightOffset_ri6r7);bottom:var(--focusRingBottomOffset_ri6r7);left:var(--focusRingLeftOffset_ri6r7);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__*/, "ri6r7_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_ri6r7_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_ri6r7_gg_",
+  "_leftOffset": "__leftOffset_ri6r7_gg_",
+  "--leftOffset": "--leftOffset_ri6r7",
+  "_rightOffset": "__rightOffset_ri6r7_gg_",
+  "--rightOffset": "--rightOffset_ri6r7",
+  "__SShadowVertical": "___SShadowVertical_ri6r7_gg_",
+  "_topOffset": "__topOffset_ri6r7_gg_",
+  "--topOffset": "--topOffset_ri6r7",
+  "_bottomOffset": "__bottomOffset_ri6r7_gg_",
+  "--bottomOffset": "--bottomOffset_ri6r7",
+  "__SContainer": "___SContainer_ri6r7_gg_",
+  "_keyboardFocused": "__keyboardFocused_ri6r7_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_ri6r7",
+  "--focusRingRightOffset": "--focusRingRightOffset_ri6r7",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_ri6r7",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_ri6r7",
+  "_position_median": "_position_median_ri6r7_gg_",
+  "_position_start": "_position_start_ri6r7_gg_",
+  "_position_end": "_position_end_ri6r7_gg_"
+});
+var eventCalculate = undefined;
+if (typeof window !== 'undefined') {
+  eventCalculate = new Event('calculate');
+}
+var BoxWithoutPosition = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
+  var position = _ref5.position,
+    props = _objectWithoutProperties(_ref5, _excluded);
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    ref: ref
+  }, props));
+});
+var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
+  _inherits(ScrollAreaRoot, _Component);
+  var _super = _createSuper(ScrollAreaRoot);
+  function ScrollAreaRoot(props) {
+    var _this;
+    _classCallCheck(this, ScrollAreaRoot);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "$wrapper", null);
+    _defineProperty(_assertThisInitialized(_this), "observer", null);
+    _defineProperty(_assertThisInitialized(_this), "horizontalBarRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "verticalBarRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      shadowHorizontal: false,
+      shadowVertical: false
+    });
+    _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(),
+        height = _this$calculateSizeCo.height,
+        width = _this$calculateSizeCo.width;
+      if (height) _this.$container.style.height = height;
+      if (width) _this.$container.style.width = width;
+      _this.$container.dispatchEvent(eventCalculate);
+      _this.setShadowContainer();
+    }));
+    _defineProperty(_assertThisInitialized(_this), "updateBarsAria", trottle(function () {
+      setAreaValue(_this.$container, _this.horizontalBarRef.current, _this.verticalBarRef.current);
+    }));
+    _defineProperty(_assertThisInitialized(_this), "handleScrollContainer", trottle(function () {
+      if (!_this.$container) return;
+      _this.setShadowContainer();
+      _this.updateBarsAria();
+    }));
+    // FIX Chrome bug, when focus state on hide control
+    _defineProperty(_assertThisInitialized(_this), "handleScroll", function (e) {
+      var _e$target;
+      if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.isEqualNode(_this.$wrapper)) {
+        e.target.scrollTop = 0;
+        e.target.scrollLeft = 0;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFocusIn", function (e) {
+      setTimeout(function () {
+        var _this$asProps = _this.asProps,
+          keyboardFocused = _this$asProps.keyboardFocused,
+          leftOffset = _this$asProps.leftOffset,
+          rightOffset = _this$asProps.rightOffset,
+          topOffset = _this$asProps.topOffset,
+          bottomOffset = _this$asProps.bottomOffset;
+        if (_this.$container && typeof _this.$container.scrollTo === 'function') {
+          var viewPort = _this.$container.getBoundingClientRect();
+          var element = e.target.getBoundingClientRect();
+          var offset = {
+            top: topOffset !== null && topOffset !== void 0 ? topOffset : 0,
+            left: leftOffset !== null && leftOffset !== void 0 ? leftOffset : 0,
+            right: rightOffset !== null && rightOffset !== void 0 ? rightOffset : 0,
+            bottom: bottomOffset !== null && bottomOffset !== void 0 ? bottomOffset : 0
+          };
+          if (viewPort) {
+            var outOfViewport = Math.floor(element.top) >= viewPort.bottom - offset.bottom || Math.floor(element.bottom) <= viewPort.top + offset.top || Math.floor(element.left) >= viewPort.right - offset.right || Math.floor(element.right) <= viewPort.left + offset.left;
+            if (outOfViewport && keyboardFocused) {
+              _this.$container.scrollTo({
+                top: element.top + _this.$container.scrollTop - offset.top - viewPort.top,
+                left: element.left + _this.$container.scrollLeft - offset.left - viewPort.left
+              });
+            }
+          }
+        }
+      }, 0);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toggleShadow", function (scroll, maxScroll, orientation) {
+      var roundedScroll = Math.round(scroll);
+      var roundedMaxScroll = Math.round(maxScroll);
+      var shadow = '';
+      // not scroll
+      if (roundedMaxScroll <= 0) {
+        // start scroll
+      } else if (roundedScroll <= 0) {
+        shadow = 'end';
+        // end scroll
+      } else if (roundedScroll >= roundedMaxScroll) {
+        shadow = 'start';
+        // median scroll
+      } else if (roundedScroll > 0) {
+        shadow = 'median';
+      }
+      _this.setState(_defineProperty({}, orientation, shadow));
+    });
+    _defineProperty(_assertThisInitialized(_this), "setShadowContainer", function () {
+      if (!_this.asProps.shadow || !_this.$container || !_this.$wrapper) return;
+      var _this$$container = _this.$container,
+        scrollWidth = _this$$container.scrollWidth,
+        clientWidth = _this$$container.clientWidth,
+        scrollHeight = _this$$container.scrollHeight,
+        clientHeight = _this$$container.clientHeight,
+        scrollLeft = _this$$container.scrollLeft,
+        scrollTop = _this$$container.scrollTop;
+      var maxScrollRight = scrollWidth - clientWidth;
+      var maxScrollBottom = scrollHeight - clientHeight;
+      _this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');
+      _this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');
+    });
+    if (canUseDOM()) {
+      _this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, _this.calculate));
+    }
+    return _this;
+  }
+  _createClass(ScrollAreaRoot, [{
+    key: "$container",
+    get: function get() {
+      return getNodeByRef(this.asProps.container);
+    }
+  }, {
+    key: "$inner",
+    get: function get() {
+      return getNodeByRef(this.asProps.inner);
+    }
+  }, {
+    key: "calculateSizeContainer",
+    value:
+    // for max height/width
+    function calculateSizeContainer() {
+      var _this$asProps2 = this.asProps,
+        wMax = _this$asProps2.wMax,
+        hMax = _this$asProps2.hMax,
+        observeParentSize = _this$asProps2.observeParentSize;
+      var size = {
+        width: '',
+        height: ''
+      };
+      if (!this.$container || !this.$wrapper) return size;
+      var _this$$container2 = this.$container,
+        scrollWidth = _this$$container2.scrollWidth,
+        scrollHeight = _this$$container2.scrollHeight;
+      var style = window.getComputedStyle(this.$wrapper);
+      var parent = this.$wrapper.parentElement;
+      var parentRect = {
+        width: 0,
+        height: 0
+      };
+      if (observeParentSize) {
+        if (parent) {
+          parentRect = parent.getBoundingClientRect();
+        }
+        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 (observeParentSize && wMax && parent.scrollWidth > parentRect.width) {
+          /** even if width is like 100.486px we should round it to 100, not 101 */
+          var diff = Math.round(parent.scrollWidth.toFixed(1)) - Math.round(parentRect.width.toFixed(1));
+          if (diff < maxWidth) {
+            maxWidth = maxWidth - diff;
+            this.$wrapper.style.setProperty('max-width', "".concat(maxWidth, "px"));
+          }
+        }
+        if (scrollWidth > maxWidth) {
+          size.width = "".concat(maxWidth, "px");
+        } else {
+          size.width = '100%';
+        }
+      }
+      if (maxHeight) {
+        if (observeParentSize && hMax && parent.scrollHeight > parentRect.height) {
+          /** even if height is like 100.486px we should round it to 100, not 101 */
+          var _diff = Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));
+          if (_diff < maxHeight) {
+            maxHeight = maxHeight - _diff;
+            this.$wrapper.style.setProperty('max-height', "".concat(maxHeight, "px"));
+          }
+        }
+        if (scrollHeight > maxHeight) {
+          size.height = "".concat(maxHeight, "px");
+        } else {
+          size.height = '100%';
+        }
+      }
+      return size;
+    }
+  }, {
+    key: "getContainerProps",
+    value: function getContainerProps() {
+      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,
+        $refInner: inner,
+        onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer)
+      };
+    }
+  }, {
+    key: "getBarProps",
+    value: function getBarProps() {
+      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,
+        uid: uid,
+        horizontalBarRef: this.horizontalBarRef,
+        verticalBarRef: this.verticalBarRef,
+        leftOffset: leftOffset,
+        rightOffset: rightOffset
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$$inner;
+      this.calculate();
+      this.updateBarsAria();
+      if (this.$inner) {
+        var _this$observer;
+        (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.observe(this.$inner);
+      }
+      if (this.$container) {
+        var _this$observer2;
+        (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.observe(this.$container);
+      }
+      (_this$$inner = this.$inner) === null || _this$$inner === void 0 ? void 0 : _this$$inner.addEventListener('focusin', this.handleFocusIn);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.calculate();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$observer3, _this$$inner2;
+      (_this$observer3 = this.observer) === null || _this$observer3 === void 0 ? void 0 : _this$observer3.disconnect();
+      (_this$$inner2 = this.$inner) === null || _this$$inner2 === void 0 ? void 0 : _this$$inner2.removeEventListener('focusin', this.handleFocusIn);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var SScrollArea = Box;
+      var SShadowVertical = BoxWithoutPosition;
+      var SShadowHorizontal = BoxWithoutPosition;
+      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;
+      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SScrollArea, _ref3.cn("SScrollArea", _objectSpread({}, _assignProps({
+        "ref": this.refWrapper,
+        "onScroll": this.handleScroll,
+        "__excludeProps": ['tabIndex']
+      }, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScrollArea.Container, {
+        tabIndex: tabIndex
+      }, /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))), (orientation === undefined || orientation === 'horizontal') && /*#__PURE__*/React.createElement(ScrollArea.Bar, {
+        orientation: "horizontal"
+      }), (orientation === undefined || orientation === 'vertical') && /*#__PURE__*/React.createElement(ScrollArea.Bar, {
+        orientation: "vertical"
+      })), shadowVertical && /*#__PURE__*/React.createElement(SShadowVertical, _ref3.cn("SShadowVertical", {
+        "position": shadowVertical,
+        "topOffset": topOffset ? "".concat(topOffset, "px") : undefined,
+        "bottomOffset": bottomOffset ? "".concat(bottomOffset, "px") : undefined
+      })), shadowHorizontal && /*#__PURE__*/React.createElement(SShadowHorizontal, _ref3.cn("SShadowHorizontal", {
+        "position": shadowHorizontal,
+        "leftOffset": leftOffset ? "".concat(leftOffset, "px") : undefined,
+        "rightOffset": rightOffset ? "".concat(rightOffset, "px") : undefined
+      })));
+    }
+  }]);
+  return ScrollAreaRoot;
+}(Component);
+_defineProperty(ScrollAreaRoot, "displayName", 'ScrollArea');
+_defineProperty(ScrollAreaRoot, "style", style);
+_defineProperty(ScrollAreaRoot, "enhance", [uniqueIDEnhancement(), keyboardFocusEnhance()]);
+_defineProperty(ScrollAreaRoot, "defaultProps", function () {
+  return {
+    container: /*#__PURE__*/React.createRef(),
+    inner: /*#__PURE__*/React.createRef(),
+    tabIndex: 0,
+    observeParentSize: false
+  };
+});
+function ContainerRoot(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SContainer = Box;
+  var Children = props.Children,
+    styles = props.styles,
+    $refInner = props.$refInner,
+    _props$focusRingTopOf = props.focusRingTopOffset,
+    focusRingTopOffset = _props$focusRingTopOf === void 0 ? 0 : _props$focusRingTopOf,
+    _props$focusRingRight = props.focusRingRightOffset,
+    focusRingRightOffset = _props$focusRingRight === void 0 ? 0 : _props$focusRingRight,
+    _props$focusRingBotto = props.focusRingBottomOffset,
+    focusRingBottomOffset = _props$focusRingBotto === void 0 ? 0 : _props$focusRingBotto,
+    _props$focusRingLeftO = props.focusRingLeftOffset,
+    focusRingLeftOffset = _props$focusRingLeftO === void 0 ? 0 : _props$focusRingLeftO;
+  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SContainer, _ref4.cn("SContainer", _objectSpread({}, _assignProps2({
+    "tabIndex": 0,
+    "focusRingTopOffset": focusRingTopOffset,
+    "focusRingRightOffset": focusRingRightOffset,
+    "focusRingBottomOffset": focusRingBottomOffset,
+    "focusRingLeftOffset": focusRingLeftOffset
+  }, _ref2))), /*#__PURE__*/React.createElement("div", _ref4.cn("div", {
+    "ref": $refInner
+  }), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))));
+}
+ContainerRoot.enhance = [keyboardFocusEnhance()];
+var ScrollArea = createComponent(ScrollAreaRoot, {
+  Container: ContainerRoot,
+  Bar: BarRoot
+});
+
+// TODO: remove named ScrollArea export
+export { eventCalculate, ScrollArea };
+export default ScrollArea;
+//# sourceMappingURL=ScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":["React","findDOMNode","createComponent","Component","sstyled","Root","Box","trottle","getNodeByRef","isAdvanceMode","callAllEventHandlers","BarRoot","setAreaValue","keyboardFocusEnhance","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","eventCalculate","undefined","window","Event","BoxWithoutPosition","forwardRef","_ref5","ref","position","props","_objectWithoutProperties","_excluded","createElement","_extends","ScrollAreaRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","shadowHorizontal","shadowVertical","node","$wrapper","element","propertyKey","value","propertyValue","concat","setProperty","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","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","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","_this$asProps2","wMax","hMax","observeParentSize","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","toFixed","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","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","_assignProps2","enhance"],"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    observeParentSize: false,\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 { wMax, hMax, observeParentSize } = this.asProps;\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\n    let parentRect = { width: 0, height: 0 };\n\n    if (observeParentSize) {\n      if (parent) {\n        parentRect = parent.getBoundingClientRect();\n      }\n\n      if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n      if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n    }\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 (observeParentSize && wMax && parent.scrollWidth > parentRect.width) {\n        /** even if width is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollWidth.toFixed(1)) - Math.round(parentRect.width.toFixed(1));\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 (observeParentSize && hMax && parent.scrollHeight > parentRect.height) {\n        /** even if height is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\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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"}