intergalactic 15.38.0-prerelease-46329ccd

package/radio/lib/types/index.d.ts

@@ -0,0 +1,138 @@
+import React from 'react';
+import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
+import { Box, BoxProps, Flex } from 'intergalactic/flex-box';
+import { KeyboardFocusProps } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import { Text } from 'intergalactic/typography';
+
+export type RadioSize = 'm' | 'l';
+export type RadioState = 'normal' | 'invalid';
+export type RadioValue = string | number | boolean;
+
+/** @deprecated */
+export interface IRadioProps extends RadioProps, UnknownProperties {}
+export type RadioProps = BoxProps & {
+  /** Radio item value **/
+  value?: string;
+
+  /** Radio item checked flag **/
+  checked?: boolean;
+
+  /**
+   * The value displaying the state of the component
+   * @default normal
+   */
+  state?: RadioState;
+  /**
+   * Radio button size
+   * @default m
+   **/
+  size?: RadioSize;
+  /** The theme of the radio button that you can send your color to */
+  theme?: string;
+  /** Radio item text **/
+  label?: string;
+  /** Blocks access and changes to the radio item **/
+  disabled?: boolean;
+};
+
+/** @deprecated */
+export interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {
+  /**
+   *  HTML tag name for the displayed item
+   */
+  tag?: React.ElementType | string;
+}
+export type RadioGroupProps<T extends RadioValue = RadioValue> = {
+  /** Radio group name */
+  name?: string;
+  /** Active default value */
+  defaultValue?: T;
+  /** Active value */
+  value?: T;
+  /** Called when the selected element is changed */
+  onChange?:
+    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)
+    | React.Dispatch<React.SetStateAction<T>>;
+  /** Radio button size */
+  size?: RadioSize;
+  /** The theme of the radio button that you can send your color to */
+  theme?: string;
+  /** Blocks access and changes to the form field */
+  disabled?: boolean;
+};
+
+/** @deprecated */
+export interface IRadioValueProps extends RadioValueProps, UnknownProperties {}
+export type RadioValueProps = BoxProps &
+  KeyboardFocusProps & {
+    /** List of elements that can be put on a hidden input */
+    includeInputProps?: string[];
+    /**
+     * @deprecated set `state` on root Radio instead
+     * The value displaying the state of the component
+     * @default normal
+     */
+    state?: RadioState;
+    /**
+     * @deprecated
+     * The theme of the radio button that you can send your color to
+     */
+    theme?: string;
+    /**
+     * @deprecated set `size` on root RadioGroup instead
+     * Radio button size
+     */
+    size?: RadioSize;
+    /**
+     * @deprecated set `value` on root Radio instead
+     * The element value is required for RadioGroup
+     */
+    value?: RadioValue;
+    /**
+     * @deprecated set `defaultValue` on root RadioGroup instead
+     * Default value if `value` property is not provided
+     */
+    defaultValue?: RadioValue;
+    /**
+     * @deprecated set `onChange` on root RadioGroup instead
+     * Called when the value changes
+     */
+    onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
+    /**
+     * @deprecated set `disabled` on root Radio instead
+     * Blocks access and changes to the form field
+     */
+    disabled?: boolean;
+  };
+
+/** @deprecated */
+export interface IRadioCtx extends RadioCtx, UnknownProperties {}
+export type RadioCtx = {
+  getValueProps: PropGetterFn;
+  getTextProps: PropGetterFn;
+};
+
+type IntergalacticRadioGroupComponent = (<
+  Value extends RadioValue,
+  Tag extends Intergalactic.Tag = typeof Flex,
+>(
+  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>>,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+  Intergalactic.InternalTypings.ComponentAdditive<'div'>;
+
+export type RadioValueControlProps = {};
+export type RadioValueMarkProps = {};
+
+declare const RadioGroup: IntergalacticRadioGroupComponent;
+
+export { RadioGroup };
+
+declare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {
+  Value: Intergalactic.Component<'input', RadioValueProps> & {
+    Control: Intergalactic.Component<'input', RadioValueControlProps>;
+    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;
+  };
+  Text: typeof Text;
+};
+
+export default Radio;

package/scroll-area/index.d.ts

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

package/scroll-area/index.js

@@ -0,0 +1 @@
+require('./lib/cjs/index.js');

package/scroll-area/index.mjs

@@ -0,0 +1 @@
+export * from './lib/es6/index.js';

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

@@ -0,0 +1,302 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.eventCalculate = exports["default"] = exports.ScrollArea = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _core = _interopRequireWildcard(require("intergalactic/core"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+var _flexBox = require("intergalactic/flex-box");
+var _rafTrottle = _interopRequireDefault(require("intergalactic/utils/lib/rafTrottle"));
+var _ref6 = require("intergalactic/utils/lib/ref");
+var _findComponent = require("intergalactic/utils/lib/findComponent");
+var _assignProps3 = require("intergalactic/utils/lib/assignProps");
+var _ScrollBar = _interopRequireWildcard(require("./ScrollBar"));
+var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
+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__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_q0eyd_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_q0eyd_gg_:after,.___SShadowHorizontal_q0eyd_gg_:before,.___SShadowVertical_q0eyd_gg_:after,.___SShadowVertical_q0eyd_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_q0eyd_gg_:after,.___SShadowHorizontal_q0eyd_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_q0eyd_gg_._position_median_q0eyd_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_q0eyd_gg_._position_median_q0eyd_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_q0eyd_gg_._position_start_q0eyd_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_q0eyd_gg_._position_end_q0eyd_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%))}.___SShadowVertical_q0eyd_gg_:after,.___SShadowVertical_q0eyd_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_q0eyd_gg_._position_median_q0eyd_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_q0eyd_gg_._position_median_q0eyd_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_q0eyd_gg_._position_start_q0eyd_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_q0eyd_gg_._position_end_q0eyd_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%))}.___SContainer_q0eyd_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_q0eyd_gg_::-webkit-scrollbar{display:none}.___SContainer_q0eyd_gg_.__keyboardFocused_q0eyd_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;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__*/, "q0eyd_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_q0eyd_gg_",
+  "__SContainer": "___SContainer_q0eyd_gg_",
+  "_keyboardFocused": "__keyboardFocused_q0eyd_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_q0eyd_gg_",
+  "__SShadowVertical": "___SShadowVertical_q0eyd_gg_",
+  "_position_median": "_position_median_q0eyd_gg_",
+  "_position_start": "_position_start_q0eyd_gg_",
+  "_position_end": "_position_end_q0eyd_gg_"
+});
+var eventCalculate = undefined;
+exports.eventCalculate = eventCalculate;
+if (typeof window !== 'undefined') {
+  exports.eventCalculate = eventCalculate = new Event('calculate');
+}
+var BoxWithoutPosition = /*#__PURE__*/_react["default"].forwardRef(function (_ref5, ref) {
+  var position = _ref5.position,
+    props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, (0, _extends2["default"])({
+    ref: ref
+  }, props));
+});
+var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ScrollAreaRoot, _Component);
+  var _super = (0, _createSuper2["default"])(ScrollAreaRoot);
+  function ScrollAreaRoot(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ScrollAreaRoot);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "$wrapper", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "observer", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "horizontalBarRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "verticalBarRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      shadowHorizontal: false,
+      shadowVertical: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refWrapper", function (node) {
+      _this.$wrapper = (0, _reactDom.findDOMNode)(node);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calculate", (0, _rafTrottle["default"])(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();
+    }));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateBarsAria", (0, _rafTrottle["default"])(function () {
+      (0, _ScrollBar.setAreaValue)(_this.$container, _this.horizontalBarRef.current, _this.verticalBarRef.current);
+    }));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleScrollContainer", (0, _rafTrottle["default"])(function () {
+      if (!_this.$container) return;
+      _this.setShadowContainer();
+      _this.updateBarsAria();
+    }));
+    // FIX Chrome bug, when focus state on hide control
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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((0, _defineProperty2["default"])({}, orientation, shadow));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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 ((0, _canUseDOM["default"])()) {
+      _this.observer = new ResizeObserver((0, _assignProps3.callAllEventHandlers)(props.onResize, _this.calculate));
+    }
+    return _this;
+  }
+  (0, _createClass2["default"])(ScrollAreaRoot, [{
+    key: "$container",
+    get: function get() {
+      return (0, _ref6.getNodeByRef)(this.asProps.container);
+    }
+  }, {
+    key: "$inner",
+    get: function get() {
+      return (0, _ref6.getNodeByRef)(this.asProps.inner);
+    }
+  }, {
+    key: "calculateSizeContainer",
+    value:
+    // for max height/width
+    function calculateSizeContainer() {
+      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 maxWidth = Number.parseInt(style.getPropertyValue('max-width'));
+      var maxHeight = Number.parseInt(style.getPropertyValue('max-height'));
+      if (maxWidth) {
+        if (scrollWidth > maxWidth) {
+          size.width = "".concat(maxWidth, "px");
+        } else {
+          size.width = '100%';
+        }
+      }
+      if (maxHeight) {
+        if (scrollHeight > maxHeight) {
+          size.height = "".concat(maxHeight, "px");
+        } else {
+          size.height = '100%';
+        }
+      }
+      return size;
+    }
+  }, {
+    key: "getContainerProps",
+    value: function getContainerProps() {
+      var _this$asProps = this.asProps,
+        container = _this$asProps.container,
+        inner = _this$asProps.inner,
+        onScroll = _this$asProps.onScroll,
+        uid = _this$asProps.uid;
+      return {
+        id: "igc-".concat(uid, "-scroll-container"),
+        ref: container,
+        $refInner: inner,
+        onScroll: (0, _assignProps3.callAllEventHandlers)(onScroll, this.handleScrollContainer)
+      };
+    }
+  }, {
+    key: "getBarProps",
+    value: function getBarProps() {
+      var _this$asProps2 = this.asProps,
+        container = _this$asProps2.container,
+        orientation = _this$asProps2.orientation,
+        uid = _this$asProps2.uid;
+      return {
+        container: container,
+        orientation: orientation,
+        uid: uid,
+        horizontalBarRef: this.horizontalBarRef,
+        verticalBarRef: this.verticalBarRef
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      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);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.calculate();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$observer3;
+      (_this$observer3 = this.observer) === null || _this$observer3 === void 0 ? void 0 : _this$observer3.disconnect();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var SScrollArea = _flexBox.Box;
+      var SShadowVertical = BoxWithoutPosition;
+      var SShadowHorizontal = BoxWithoutPosition;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        styles = _this$asProps3.styles,
+        orientation = _this$asProps3.orientation,
+        tabIndex = _this$asProps3.tabIndex,
+        forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
+      var _this$state = this.state,
+        shadowVertical = _this$state.shadowVertical,
+        shadowHorizontal = _this$state.shadowHorizontal;
+      var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SScrollArea, _ref3.cn("SScrollArea", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "ref": this.refWrapper,
+        "onScroll": this.handleScroll,
+        "__excludeProps": ['tabIndex']
+      }, _ref))), shadowVertical && /*#__PURE__*/_react["default"].createElement(SShadowVertical, _ref3.cn("SShadowVertical", {
+        "position": shadowVertical
+      })), shadowHorizontal && /*#__PURE__*/_react["default"].createElement(SShadowHorizontal, _ref3.cn("SShadowHorizontal", {
+        "position": shadowHorizontal
+      })), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ScrollArea.Container, {
+        tabIndex: tabIndex
+      }, /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))), (orientation === undefined || orientation === 'horizontal') && /*#__PURE__*/_react["default"].createElement(ScrollArea.Bar, {
+        orientation: "horizontal"
+      }), (orientation === undefined || orientation === 'vertical') && /*#__PURE__*/_react["default"].createElement(ScrollArea.Bar, {
+        orientation: "vertical"
+      })));
+    }
+  }]);
+  return ScrollAreaRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(ScrollAreaRoot, "displayName", 'ScrollArea');
+(0, _defineProperty2["default"])(ScrollAreaRoot, "style", style);
+(0, _defineProperty2["default"])(ScrollAreaRoot, "enhance", [(0, _uniqueID["default"])()]);
+(0, _defineProperty2["default"])(ScrollAreaRoot, "defaultProps", function () {
+  return {
+    container: /*#__PURE__*/_react["default"].createRef(),
+    inner: /*#__PURE__*/_react["default"].createRef(),
+    tabIndex: 0
+  };
+});
+function ContainerRoot(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SContainer = _flexBox.Box;
+  var Children = props.Children,
+    styles = props.styles,
+    $refInner = props.$refInner;
+  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref4.cn("SContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tabIndex": 0
+  }, _ref2))), /*#__PURE__*/_react["default"].createElement("div", _ref4.cn("div", {
+    "ref": $refInner
+  }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))));
+}
+ContainerRoot.enhance = [(0, _keyboardFocusEnhance["default"])()];
+var ScrollArea = (0, _core["default"])(ScrollAreaRoot, {
+  Container: ContainerRoot,
+  Bar: _ScrollBar["default"]
+});
+
+// TODO: remove named ScrollArea export
+exports.ScrollArea = ScrollArea;
+var _default = ScrollArea;
+exports["default"] = _default;
+//# sourceMappingURL=ScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","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","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_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$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","$inner","_this$observer","observe","_this$observer2","componentDidUpdate","componentWillUnmount","_this$observer3","disconnect","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","enhance","keyboardFocusEnhance","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()];\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  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 } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\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\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = 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        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\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      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\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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"}