intergalactic 15.88.0 → 15.89.0-prerelease.0

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

@@ -1,393 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setAreaValue = exports["default"] = exports.DEFAULT_SLIDER_SIZE = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
-var _flexBox = require("@semcore/flex-box");
-var _ref5 = require("@semcore/utils/lib/ref");
-/*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1lsat_gg_{position:absolute;display:flex}.___SScrollBar_1lsat_gg_._orientation_vertical_1lsat_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1lsat_gg_._orientation_horizontal_1lsat_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_1lsat_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__*/, "1lsat_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_1lsat_gg_",
-  "_orientation_vertical": "_orientation_vertical_1lsat_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1lsat_gg_",
-  "__SSlider": "___SSlider_1lsat_gg_"
-});
-var DEFAULT_SLIDER_SIZE = 50;
-
-// updating DOM directly to avoid react dom rerendering and reconciliation
-exports.DEFAULT_SLIDER_SIZE = DEFAULT_SLIDER_SIZE;
-var setAriaValues = function setAriaValues($container, $horizontalBar, $verticalBar) {
-  if (!$container || !($horizontalBar || $verticalBar)) return;
-  var scrollWidth = $container.scrollWidth,
-    clientWidth = $container.clientWidth,
-    scrollHeight = $container.scrollHeight,
-    clientHeight = $container.clientHeight,
-    scrollLeft = $container.scrollLeft,
-    scrollTop = $container.scrollTop;
-  var maxScrollRight = scrollWidth - clientWidth;
-  var maxScrollBottom = scrollHeight - clientHeight;
-  if ($horizontalBar) {
-    $horizontalBar.setAttribute('aria-valuenow', Math.floor(scrollLeft));
-    $horizontalBar.setAttribute('aria-valuemax', maxScrollRight);
-  }
-  if ($verticalBar) {
-    $verticalBar.setAttribute('aria-valuenow', Math.floor(scrollTop));
-    $verticalBar.setAttribute('aria-valuemax', maxScrollBottom);
-  }
-};
-exports.setAreaValue = setAriaValues;
-var ScrollBarRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ScrollBarRoot, _Component);
-  var _super = (0, _createSuper2["default"])(ScrollBarRoot);
-  function ScrollBarRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ScrollBarRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "$bar", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "$slider", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sliderStyle", {
-      width: DEFAULT_SLIDER_SIZE,
-      height: DEFAULT_SLIDER_SIZE
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "kefScroll", {
-      x: 0,
-      y: 0
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "kefBar", {
-      x: 0,
-      y: 0
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_scroll", {
-      left: 0,
-      top: 0
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_mouse", {
-      pageX: 0,
-      pageY: 0
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      visibleScroll: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refBar", function (node) {
-      var domNode = (0, _reactDom.findDOMNode)(node);
-      _this.$bar = domNode;
-      var orientation = _this.getOrientation();
-      var _this$asProps = _this.asProps,
-        horizontalBarRef = _this$asProps.horizontalBarRef,
-        verticalBarRef = _this$asProps.verticalBarRef;
-      if (orientation === 'horizontal' && horizontalBarRef) horizontalBarRef.current = domNode;
-      if (orientation === 'vertical' && verticalBarRef) verticalBarRef.current = domNode;
-      setAriaValues(_this.$container, horizontalBarRef === null || horizontalBarRef === void 0 ? void 0 : horizontalBarRef.current, verticalBarRef === null || verticalBarRef === void 0 ? void 0 : verticalBarRef.current);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refSlider", function (node) {
-      _this.$slider = (0, _reactDom.findDOMNode)(node);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calculate", function () {
-      if (!_this.$container) return;
-      var visibleScroll = _this.calculateVisibleScroll();
-      _this.setState({
-        visibleScroll: visibleScroll
-      }, function () {
-        if (!_this.$container || !_this.$bar || !_this.$slider) return;
-        var orientation = _this.getOrientation();
-        _this.sliderStyle = _this.calculateSliderStyle();
-        _this.kefBar = _this.calculateKefBar();
-        _this.kefScroll = _this.calculateKefScroll();
-        if (orientation === 'horizontal') {
-          _this.$slider.style.width = "".concat(_this.sliderStyle.width, "px");
-        } else if (orientation === 'vertical') {
-          _this.$slider.style.height = "".concat(_this.sliderStyle.height, "px");
-        }
-        _this.handleScroll();
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleScroll", function () {
-      if (!_this.$container || !_this.$slider) return;
-      var _this$$container = _this.$container,
-        scrollTop = _this$$container.scrollTop,
-        scrollLeft = _this$$container.scrollLeft;
-      var orientation = _this.getOrientation();
-      if (orientation === 'horizontal') {
-        _this.$slider.style.transform = "translateX(".concat(scrollLeft * _this.kefScroll.x, "px)");
-      } else if (orientation === 'vertical') {
-        _this.$slider.style.transform = "translateY(".concat(scrollTop * _this.kefScroll.y, "px)");
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSelectStartDocument", function (e) {
-      return e.preventDefault();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseMoveDocument", function (e) {
-      var pageX = e.pageX,
-        pageY = e.pageY;
-      var _this$_scroll = _this._scroll,
-        left = _this$_scroll.left,
-        top = _this$_scroll.top;
-      var _this$kefScroll = _this.kefScroll,
-        x = _this$kefScroll.x,
-        y = _this$kefScroll.y;
-      var orientation = _this.getOrientation();
-      if (orientation === 'horizontal') {
-        _this.$container.scrollLeft = _this.calculateScrollByDiff(pageX, _this._mouse.pageX, left, x);
-      } else if (orientation === 'vertical') {
-        _this.$container.scrollTop = _this.calculateScrollByDiff(pageY, _this._mouse.pageY, top, y);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseUpDocument", function () {
-      document.removeEventListener('mousemove', _this.handleMouseMoveDocument, true);
-      document.removeEventListener('mouseup', _this.handleMouseUpDocument, true);
-      document.removeEventListener('selectstart', _this.handleSelectStartDocument, true);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseDownSlider", function (e) {
-      // canceling the emergence of a real scroll
-      e.stopPropagation();
-      // save mouse coordinates (relative to the page)
-      _this._mouse = {
-        pageX: e.pageX,
-        pageY: e.pageY
-      };
-      // save the scroll of the container
-      // TODO: what happens if the content increases while we scroll?
-      var _this$$container2 = _this.$container,
-        scrollLeft = _this$$container2.scrollLeft,
-        scrollTop = _this$$container2.scrollTop;
-      _this._scroll = {
-        left: scrollLeft,
-        top: scrollTop
-      };
-      document.addEventListener('mousemove', _this.handleMouseMoveDocument, true);
-      document.addEventListener('mouseup', _this.handleMouseUpDocument, true);
-      document.addEventListener('selectstart', _this.handleSelectStartDocument, true);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseDownBar", function (e) {
-      // cancellation of the ascent as in a real scroll
-      e.stopPropagation();
-      var pageX = e.pageX,
-        pageY = e.pageY;
-      var _window = window,
-        pageXOffset = _window.pageXOffset,
-        pageYOffset = _window.pageYOffset;
-      var _this$$bar$getBoundin = _this.$bar.getBoundingClientRect(),
-        left = _this$$bar$getBoundin.left,
-        top = _this$$bar$getBoundin.top;
-      var orientation = _this.getOrientation();
-      if (orientation === 'horizontal') {
-        _this.$container.scrollLeft = _this.calculateScrollByClick(left, pageXOffset, pageX, _this.kefBar.x, _this.kefScroll.x);
-      } else if (orientation === 'vertical') {
-        _this.$container.scrollTop = _this.calculateScrollByClick(top, pageYOffset, pageY, _this.kefBar.y, _this.kefScroll.y);
-      }
-    });
-    return _this;
-  }
-  (0, _createClass2["default"])(ScrollBarRoot, [{
-    key: "$container",
-    get: function get() {
-      return (0, _ref5.getNodeByRef)(this.asProps.container);
-    }
-  }, {
-    key: "calculateVisibleScroll",
-    value: function calculateVisibleScroll() {
-      var orientation = this.getOrientation();
-      var _this$calculateOrient = this.calculateOrientation(),
-        _this$calculateOrient2 = (0, _slicedToArray2["default"])(_this$calculateOrient, 2),
-        horizontal = _this$calculateOrient2[0],
-        vertical = _this$calculateOrient2[1];
-      if (horizontal && orientation === 'horizontal') {
-        return true;
-      } else if (vertical && orientation === 'vertical') {
-        return true;
-      }
-      return false;
-    }
-  }, {
-    key: "calculateKefScroll",
-    value: function calculateKefScroll() {
-      var _this$$container3 = this.$container,
-        clientWidth = _this$$container3.clientWidth,
-        clientHeight = _this$$container3.clientHeight,
-        scrollWidth = _this$$container3.scrollWidth,
-        scrollHeight = _this$$container3.scrollHeight;
-      var _this$$bar = this.$bar,
-        clientWidthBar = _this$$bar.clientWidth,
-        clientHeightBar = _this$$bar.clientHeight;
-      var _this$sliderStyle = this.sliderStyle,
-        width = _this$sliderStyle.width,
-        height = _this$sliderStyle.height;
-      return {
-        x: (clientWidthBar - width) / (scrollWidth - clientWidth),
-        y: (clientHeightBar - height) / (scrollHeight - clientHeight)
-      };
-    }
-  }, {
-    key: "calculateKefBar",
-    value: function calculateKefBar() {
-      var _this$$bar2 = this.$bar,
-        clientWidth = _this$$bar2.clientWidth,
-        clientHeight = _this$$bar2.clientHeight;
-      var _this$sliderStyle2 = this.sliderStyle,
-        width = _this$sliderStyle2.width,
-        height = _this$sliderStyle2.height;
-      return {
-        x: (clientWidth - width) / clientWidth,
-        y: (clientHeight - height) / clientHeight
-      };
-    }
-  }, {
-    key: "calculateSliderStyle",
-    value: function calculateSliderStyle() {
-      var _this$$bar3 = this.$bar,
-        clientWidth = _this$$bar3.clientWidth,
-        clientHeight = _this$$bar3.clientHeight;
-      var _this$$container4 = this.$container,
-        scrollWidth = _this$$container4.scrollWidth,
-        scrollHeight = _this$$container4.scrollHeight;
-      var calculateDimensions = function calculateDimensions(visibleSize, totalSize) {
-        var ratio = Math.min(visibleSize / totalSize, 1); // percentage of visible area
-        return Math.round(visibleSize * ratio);
-      };
-      return {
-        width: Math.max(calculateDimensions(clientWidth, scrollWidth), DEFAULT_SLIDER_SIZE),
-        height: Math.max(calculateDimensions(clientHeight, scrollHeight), DEFAULT_SLIDER_SIZE)
-      };
-    }
-  }, {
-    key: "calculateScrollByClick",
-    value: function calculateScrollByClick(position, windowOffset, mouseOffset, kefBar, kefScroll) {
-      // bar coordinates relative to the page
-      var barPage = position + windowOffset;
-
-      // click coordinates - bar coordinates * proportion
-      var scroll = (mouseOffset - barPage) * kefBar;
-      return scroll / kefScroll;
-    }
-  }, {
-    key: "calculateScrollByDiff",
-    value: function calculateScrollByDiff(mouseOffset, oldMouseOffset, oldScroll, kefScroll) {
-      // mouse offset (new coordinates - old coordinates)
-      var offsetMouse = mouseOffset - oldMouseOffset;
-
-      // old scroll position * scroll ratio + offset
-      var scroll = oldScroll * kefScroll + offsetMouse;
-      return scroll / kefScroll;
-    }
-  }, {
-    key: "calculateOrientation",
-    value: function calculateOrientation() {
-      if (!this.$container) return [false, false];
-      var _this$$container5 = this.$container,
-        scrollWidth = _this$$container5.scrollWidth,
-        scrollHeight = _this$$container5.scrollHeight,
-        clientWidth = _this$$container5.clientWidth,
-        clientHeight = _this$$container5.clientHeight;
-      return [scrollWidth > clientWidth, scrollHeight > clientHeight];
-    }
-  }, {
-    key: "getOrientation",
-    value: function getOrientation() {
-      if (this.asProps.orientation !== undefined) return this.asProps.orientation;
-      var _this$calculateOrient3 = this.calculateOrientation(),
-        _this$calculateOrient4 = (0, _slicedToArray2["default"])(_this$calculateOrient3, 2),
-        horizontal = _this$calculateOrient4[0],
-        vertical = _this$calculateOrient4[1];
-      if (vertical) return 'vertical';
-      if (horizontal) return 'horizontal';
-    }
-  }, {
-    key: "subscribe",
-    value: function subscribe($node) {
-      if (!$node) return;
-      $node.addEventListener('scroll', this.handleScroll);
-      $node.addEventListener('calculate', this.calculate);
-    }
-  }, {
-    key: "unsubscribe",
-    value: function unsubscribe($node) {
-      if (!$node) return;
-      $node.removeEventListener('scroll', this.handleScroll);
-      $node.removeEventListener('calculate', this.calculate);
-    }
-  }, {
-    key: "getSliderProps",
-    value: function getSliderProps() {
-      return {
-        ref: this.refSlider,
-        onMouseDown: this.handleMouseDownSlider
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.subscribe(this.$container);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.unsubscribe(this.$container);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SScrollBar = _flexBox.Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        uid = _this$asProps2.uid;
-      var visibleScroll = this.state.visibleScroll;
-      if (!visibleScroll) {
-        return null;
-      }
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SScrollBar, _ref3.cn("SScrollBar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'scrollbar',
-        "ref": this.refBar,
-        "aria-valuemin": 0,
-        "aria-controls": "igc-".concat(uid, "-scroll-container"),
-        "aria-orientation": this.getOrientation(),
-        "onMouseDown": this.handleMouseDownBar,
-        "orientation": this.getOrientation()
-      }, _ref))));
-    }
-  }]);
-  return ScrollBarRoot;
-}(_core.Component);
-(0, _defineProperty2["default"])(ScrollBarRoot, "displayName", 'Bar');
-(0, _defineProperty2["default"])(ScrollBarRoot, "style", style);
-(0, _defineProperty2["default"])(ScrollBarRoot, "defaultProps", function () {
-  return {
-    container: /*#__PURE__*/_react["default"].createRef(),
-    children: /*#__PURE__*/_react["default"].createElement(ScrollBar.Slider, null)
-  };
-});
-function Slider(props) {
-  var _ref2 = arguments[0],
-    _ref4;
-  var styles = props.styles;
-  var SSlider = _flexBox.Box;
-  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSlider, _ref4.cn("SSlider", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "onDragStart": function onDragStart() {
-      return false;
-    }
-  }, _ref2))));
-}
-var ScrollBar = (0, _core["default"])(ScrollBarRoot, {
-  Slider: Slider
-});
-var _default = ScrollBar;
-exports["default"] = _default;
-//# sourceMappingURL=ScrollBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollBar.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_ref5","style","sstyled","insert","DEFAULT_SLIDER_SIZE","exports","setAriaValues","$container","$horizontalBar","$verticalBar","scrollWidth","clientWidth","scrollHeight","clientHeight","scrollLeft","scrollTop","maxScrollRight","maxScrollBottom","setAttribute","Math","floor","setAreaValue","ScrollBarRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","width","height","x","y","left","top","pageX","pageY","visibleScroll","node","domNode","findDOMNode","$bar","orientation","getOrientation","_this$asProps","asProps","horizontalBarRef","verticalBarRef","current","$slider","calculateVisibleScroll","setState","sliderStyle","calculateSliderStyle","kefBar","calculateKefBar","kefScroll","calculateKefScroll","handleScroll","_this$$container","transform","e","preventDefault","_this$_scroll","_scroll","_this$kefScroll","calculateScrollByDiff","_mouse","document","removeEventListener","handleMouseMoveDocument","handleMouseUpDocument","handleSelectStartDocument","stopPropagation","_this$$container2","addEventListener","_window","window","pageXOffset","pageYOffset","_this$$bar$getBoundin","getBoundingClientRect","calculateScrollByClick","_createClass2","key","get","getNodeByRef","container","value","_this$calculateOrient","calculateOrientation","_this$calculateOrient2","_slicedToArray2","horizontal","vertical","_this$$container3","_this$$bar","clientWidthBar","clientHeightBar","_this$sliderStyle","_this$$bar2","_this$sliderStyle2","_this$$bar3","_this$$container4","calculateDimensions","visibleSize","totalSize","ratio","min","round","max","position","windowOffset","mouseOffset","barPage","scroll","oldMouseOffset","oldScroll","offsetMouse","_this$$container5","undefined","_this$calculateOrient3","_this$calculateOrient4","subscribe","$node","calculate","unsubscribe","getSliderProps","ref","refSlider","onMouseDown","handleMouseDownSlider","componentDidMount","componentWillUnmount","render","_ref","_ref3","SScrollBar","Box","_this$asProps2","styles","uid","state","createElement","cn","_objectSpread2","assignProps","refBar","handleMouseDownBar","Component","React","createRef","children","ScrollBar","Slider","props","_ref2","arguments[0]","_ref4","SSlider","onDragStart","createComponent","_default"],"sources":["../../src/ScrollBar.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\n\nimport style from './style/scroll-bar.shadow.css';\n\nexport const DEFAULT_SLIDER_SIZE = 50;\n\n// updating DOM directly to avoid react dom rerendering and reconciliation\nconst setAriaValues = ($container, $horizontalBar, $verticalBar) => {\n  if (!$container || !($horizontalBar || $verticalBar)) return;\n  const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n    $container;\n  const maxScrollRight = scrollWidth - clientWidth;\n  const maxScrollBottom = scrollHeight - clientHeight;\n  if ($horizontalBar) {\n    $horizontalBar.setAttribute('aria-valuenow', Math.floor(scrollLeft));\n    $horizontalBar.setAttribute('aria-valuemax', maxScrollRight);\n  }\n  if ($verticalBar) {\n    $verticalBar.setAttribute('aria-valuenow', Math.floor(scrollTop));\n    $verticalBar.setAttribute('aria-valuemax', maxScrollBottom);\n  }\n};\n\nclass ScrollBarRoot extends Component {\n  static displayName = 'Bar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    return {\n      container: React.createRef(),\n      children: <ScrollBar.Slider />,\n    };\n  };\n\n  $bar = null;\n  $slider = null;\n\n  sliderStyle = { width: DEFAULT_SLIDER_SIZE, height: DEFAULT_SLIDER_SIZE };\n\n  kefScroll = { x: 0, y: 0 };\n  kefBar = { x: 0, y: 0 };\n\n  _scroll = { left: 0, top: 0 };\n  _mouse = { pageX: 0, pageY: 0 };\n\n  state = {\n    visibleScroll: false,\n  };\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  refBar = (node) => {\n    const domNode = findDOMNode(node);\n    this.$bar = domNode;\n    const orientation = this.getOrientation();\n    const { horizontalBarRef, verticalBarRef } = this.asProps;\n    if (orientation === 'horizontal' && horizontalBarRef) horizontalBarRef.current = domNode;\n    if (orientation === 'vertical' && verticalBarRef) verticalBarRef.current = domNode;\n\n    setAriaValues(this.$container, horizontalBarRef?.current, verticalBarRef?.current);\n  };\n\n  refSlider = (node) => {\n    this.$slider = findDOMNode(node);\n  };\n\n  calculateVisibleScroll() {\n    const orientation = this.getOrientation();\n    const [horizontal, vertical] = this.calculateOrientation();\n\n    if (horizontal && orientation === 'horizontal') {\n      return true;\n    } else if (vertical && orientation === 'vertical') {\n      return true;\n    }\n\n    return false;\n  }\n\n  calculateKefScroll() {\n    const { clientWidth, clientHeight, scrollWidth, scrollHeight } = this.$container;\n    const { clientWidth: clientWidthBar, clientHeight: clientHeightBar } = this.$bar;\n    const { width, height } = this.sliderStyle;\n    return {\n      x: (clientWidthBar - width) / (scrollWidth - clientWidth),\n      y: (clientHeightBar - height) / (scrollHeight - clientHeight),\n    };\n  }\n\n  calculateKefBar() {\n    const { clientWidth, clientHeight } = this.$bar;\n    const { width, height } = this.sliderStyle;\n    return {\n      x: (clientWidth - width) / clientWidth,\n      y: (clientHeight - height) / clientHeight,\n    };\n  }\n\n  calculateSliderStyle() {\n    const { clientWidth, clientHeight } = this.$bar;\n    const { scrollWidth, scrollHeight } = this.$container;\n\n    const calculateDimensions = (visibleSize, totalSize) => {\n      const ratio = Math.min(visibleSize / totalSize, 1); // percentage of visible area\n      return Math.round(visibleSize * ratio);\n    };\n\n    return {\n      width: Math.max(calculateDimensions(clientWidth, scrollWidth), DEFAULT_SLIDER_SIZE),\n      height: Math.max(calculateDimensions(clientHeight, scrollHeight), DEFAULT_SLIDER_SIZE),\n    };\n  }\n\n  calculateScrollByClick(position, windowOffset, mouseOffset, kefBar, kefScroll) {\n    // bar coordinates relative to the page\n    const barPage = position + windowOffset;\n\n    // click coordinates - bar coordinates * proportion\n    const scroll = (mouseOffset - barPage) * kefBar;\n\n    return scroll / kefScroll;\n  }\n\n  calculateScrollByDiff(mouseOffset, oldMouseOffset, oldScroll, kefScroll) {\n    // mouse offset (new coordinates - old coordinates)\n    const offsetMouse = mouseOffset - oldMouseOffset;\n\n    // old scroll position * scroll ratio + offset\n    const scroll = oldScroll * kefScroll + offsetMouse;\n\n    return scroll / kefScroll;\n  }\n\n  calculateOrientation() {\n    if (!this.$container) return [false, false];\n    const { scrollWidth, scrollHeight, clientWidth, clientHeight } = this.$container;\n    return [scrollWidth > clientWidth, scrollHeight > clientHeight];\n  }\n\n  calculate = () => {\n    if (!this.$container) return;\n\n    const visibleScroll = this.calculateVisibleScroll();\n\n    this.setState({ visibleScroll }, () => {\n      if (!this.$container || !this.$bar || !this.$slider) return;\n      const orientation = this.getOrientation();\n\n      this.sliderStyle = this.calculateSliderStyle();\n      this.kefBar = this.calculateKefBar();\n      this.kefScroll = this.calculateKefScroll();\n\n      if (orientation === 'horizontal') {\n        this.$slider.style.width = `${this.sliderStyle.width}px`;\n      } else if (orientation === 'vertical') {\n        this.$slider.style.height = `${this.sliderStyle.height}px`;\n      }\n      this.handleScroll();\n    });\n  };\n\n  handleScroll = () => {\n    if (!this.$container || !this.$slider) return;\n\n    const { scrollTop, scrollLeft } = this.$container;\n    const orientation = this.getOrientation();\n\n    if (orientation === 'horizontal') {\n      this.$slider.style.transform = `translateX(${scrollLeft * this.kefScroll.x}px)`;\n    } else if (orientation === 'vertical') {\n      this.$slider.style.transform = `translateY(${scrollTop * this.kefScroll.y}px)`;\n    }\n  };\n\n  getOrientation() {\n    if (this.asProps.orientation !== undefined) return this.asProps.orientation;\n    const [horizontal, vertical] = this.calculateOrientation();\n    if (vertical) return 'vertical';\n    if (horizontal) return 'horizontal';\n  }\n\n  handleSelectStartDocument = (e) => e.preventDefault();\n\n  handleMouseMoveDocument = (e) => {\n    const { pageX, pageY } = e;\n    const { left, top } = this._scroll;\n    const { x, y } = this.kefScroll;\n    const orientation = this.getOrientation();\n\n    if (orientation === 'horizontal') {\n      this.$container.scrollLeft = this.calculateScrollByDiff(pageX, this._mouse.pageX, left, x);\n    } else if (orientation === 'vertical') {\n      this.$container.scrollTop = this.calculateScrollByDiff(pageY, this._mouse.pageY, top, y);\n    }\n  };\n\n  handleMouseUpDocument = () => {\n    document.removeEventListener('mousemove', this.handleMouseMoveDocument, true);\n    document.removeEventListener('mouseup', this.handleMouseUpDocument, true);\n    document.removeEventListener('selectstart', this.handleSelectStartDocument, true);\n  };\n\n  handleMouseDownSlider = (e) => {\n    // canceling the emergence of a real scroll\n    e.stopPropagation();\n    // save mouse coordinates (relative to the page)\n    this._mouse = { pageX: e.pageX, pageY: e.pageY };\n    // save the scroll of the container\n    // TODO: what happens if the content increases while we scroll?\n    const { scrollLeft, scrollTop } = this.$container;\n    this._scroll = { left: scrollLeft, top: scrollTop };\n\n    document.addEventListener('mousemove', this.handleMouseMoveDocument, true);\n    document.addEventListener('mouseup', this.handleMouseUpDocument, true);\n    document.addEventListener('selectstart', this.handleSelectStartDocument, true);\n  };\n\n  handleMouseDownBar = (e) => {\n    // cancellation of the ascent as in a real scroll\n    e.stopPropagation();\n\n    const { pageX, pageY } = e;\n    const { pageXOffset, pageYOffset } = window;\n    const { left, top } = this.$bar.getBoundingClientRect();\n    const orientation = this.getOrientation();\n\n    if (orientation === 'horizontal') {\n      this.$container.scrollLeft = this.calculateScrollByClick(\n        left,\n        pageXOffset,\n        pageX,\n        this.kefBar.x,\n        this.kefScroll.x,\n      );\n    } else if (orientation === 'vertical') {\n      this.$container.scrollTop = this.calculateScrollByClick(\n        top,\n        pageYOffset,\n        pageY,\n        this.kefBar.y,\n        this.kefScroll.y,\n      );\n    }\n  };\n\n  subscribe($node) {\n    if (!$node) return;\n    $node.addEventListener('scroll', this.handleScroll);\n    $node.addEventListener('calculate', this.calculate);\n  }\n\n  unsubscribe($node) {\n    if (!$node) return;\n    $node.removeEventListener('scroll', this.handleScroll);\n    $node.removeEventListener('calculate', this.calculate);\n  }\n\n  getSliderProps() {\n    return {\n      ref: this.refSlider,\n      onMouseDown: this.handleMouseDownSlider,\n    };\n  }\n\n  componentDidMount() {\n    this.subscribe(this.$container);\n  }\n\n  componentWillUnmount() {\n    this.unsubscribe(this.$container);\n  }\n\n  render() {\n    const SScrollBar = Root;\n    const { styles, uid } = this.asProps;\n    const { visibleScroll } = this.state;\n\n    if (!visibleScroll) {\n      return null;\n    }\n\n    return sstyled(styles)(\n      <SScrollBar\n        render={Box}\n        role='scrollbar'\n        ref={this.refBar}\n        aria-valuemin={0}\n        aria-controls={`igc-${uid}-scroll-container`}\n        aria-orientation={this.getOrientation()}\n        onMouseDown={this.handleMouseDownBar}\n        orientation={this.getOrientation()}\n      />,\n    );\n  }\n}\n\nfunction Slider(props) {\n  const { styles } = props;\n  const SSlider = Root;\n\n  return sstyled(styles)(<SSlider render={Box} onDragStart={() => false} />);\n}\n\nconst ScrollBar = createComponent(ScrollBarRoot, {\n  Slider,\n});\n\nexport { setAriaValues as setAreaValue };\nexport default ScrollBar;\n"],"mappings":"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"}

package/libs/scroll-area/lib/cjs/index.d.js

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

package/libs/scroll-area/lib/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: typeof Box;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}

package/libs/scroll-area/lib/cjs/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _ScrollArea["default"];
-  }
-});
-var _ScrollArea = _interopRequireWildcard(require("./ScrollArea"));
-Object.keys(_ScrollArea).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ScrollArea[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ScrollArea[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/libs/scroll-area/lib/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_ScrollArea","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './ScrollArea';\nexport * from './ScrollArea';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}