@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -1,516 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-
-var _dec, _class, _class2, _temp;
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { isNonNullable } from "../../../lib/utils";
-import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
-import { DatePickerLocaleHelper } from "../../../components/DatePicker/locale";
-import { locale } from "../../../lib/locale/decorators";
-import { RenderLayer } from "../../RenderLayer";
-import { DropdownContainer } from "../../DropdownContainer";
-import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from "../../icons/16px";
-import { isMobile } from "../../../lib/client";
-import { cx } from "../../../lib/theming/Emotion";
-import { getDOMRect } from "../../../lib/dom/getDOMRect";
-import { styles } from "../DateSelect.styles";
-var itemHeight = 24;
-var visibleYearsCount = 11;
-var itemsToMoveCount = -5;
-var monthsCount = 12;
-var defaultMinYear = 1900;
-var defaultMaxYear = 2100;
-
-var calculatePos = function calculatePos(pos, minPos, maxPos) {
-  if (maxPos <= pos) {
-    return maxPos;
-  }
-
-  if (minPos >= pos) {
-    return minPos;
-  }
-
-  return pos;
-};
-
-export var DateSelectDataTids = {
-  caption: 'DateSelect__caption',
-  menuItem: 'DateSelect__menuItem'
-};
-export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
-  _inheritsLoose(DateSelect, _React$PureComponent);
-
-  function DateSelect() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _this.state = {
-      botCapped: false,
-      current: 0,
-      height: 0,
-      opened: false,
-      pos: 0,
-      top: 0,
-      topCapped: false,
-      nodeTop: Infinity
-    };
-    _this.root = null;
-    _this.itemsContainer = null;
-    _this.longClickTimer = 0;
-    _this.setPositionRepeatTimer = 0;
-    _this.yearStep = 3;
-    _this.touchStartY = null;
-
-    _this.open = function () {
-      if (_this.props.disabled) {
-        return;
-      }
-
-      if (_this.state.opened) {
-        return;
-      }
-
-      _this.setPosition(0);
-
-      _this.setState({
-        opened: true,
-        current: 0
-      });
-    };
-
-    _this.close = function () {
-      if (!_this.state.opened) {
-        return;
-      }
-
-      _this.setState({
-        opened: false
-      });
-    };
-
-    _this.refRoot = function (element) {
-      _this.root = element;
-    };
-
-    _this.setNodeTop = function () {
-      var root = _this.root;
-
-      if (!root) {
-        return;
-      }
-
-      if (_this.timeout) {
-        clearTimeout(_this.timeout);
-      }
-
-      _this.timeout = setTimeout(function () {
-        return _this.setState({
-          nodeTop: getDOMRect(root).top
-        });
-      });
-    };
-
-    _this.refItemsContainer = function (element) {
-      if (!_this.itemsContainer && element) {
-        element.addEventListener('wheel', _this.handleWheel, {
-          passive: false
-        });
-      }
-
-      if (_this.itemsContainer && !element) {
-        _this.itemsContainer.removeEventListener('wheel', _this.handleWheel);
-      }
-
-      if (isMobile) {
-        if (!_this.itemsContainer && element) {
-          element.addEventListener('touchstart', _this.handleTouchStart);
-          element.addEventListener('touchmove', _this.handleTouchMove);
-        }
-
-        if (_this.itemsContainer && !element) {
-          _this.itemsContainer.removeEventListener('touchstart', _this.handleTouchStart);
-
-          _this.itemsContainer.removeEventListener('touchmove', _this.handleTouchMove);
-        }
-      }
-
-      _this.itemsContainer = element;
-    };
-
-    _this.handleLongClickUp = function (event) {
-      event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {
-          return _this.setPosition(_this.state.pos - itemHeight);
-        }, 100);
-      }, 200);
-    };
-
-    _this.handleLongClickDown = function (event) {
-      event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {
-          return _this.setPosition(_this.state.pos + itemHeight);
-        }, 100);
-      }, 200);
-    };
-
-    _this.handleLongClickStop = function () {
-      clearTimeout(_this.longClickTimer);
-      clearTimeout(_this.setPositionRepeatTimer);
-    };
-
-    _this.getAnchor = function () {
-      return _this.root;
-    };
-
-    _this.handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
-        return;
-      }
-
-      event.preventDefault();
-      event.stopPropagation();
-      var deltaY = event.deltaY;
-
-      if (event.deltaMode === 1) {
-        deltaY *= itemHeight;
-      } else if (event.deltaMode === 2) {
-        deltaY *= itemHeight * 4;
-      }
-
-      var pos = _this.state.pos + deltaY;
-
-      _this.setPosition(pos);
-    };
-
-    _this.handleTouchStart = function (event) {
-      if (!(event instanceof TouchEvent)) {
-        return;
-      }
-
-      _this.touchStartY = event.targetTouches[0].clientY;
-    };
-
-    _this.handleTouchMove = function (event) {
-      if (!(event instanceof TouchEvent)) {
-        return;
-      }
-
-      var clientY = event.changedTouches[0].clientY;
-      var pixelRatio = window.devicePixelRatio;
-      var deltaY = ((_this.touchStartY || 0) - clientY) / pixelRatio;
-      var pos = _this.state.pos + deltaY + deltaY / itemHeight;
-      _this.touchStartY = clientY;
-
-      _this.setPosition(pos);
-    };
-
-    _this.handleItemClick = function (shift) {
-      return function (e) {
-        var value = _this.props.value + shift;
-
-        if (_this.props.onValueChange) {
-          _this.props.onValueChange(value);
-        }
-
-        _this.setState({
-          opened: false
-        });
-      };
-    };
-
-    _this.handleKey = function (e) {
-      if (_this.state.opened && isKeyEscape(e)) {
-        e.preventDefault();
-
-        _this.close();
-
-        e.stopPropagation();
-      }
-    };
-
-    _this.handleUp = function (event) {
-      event.preventDefault();
-
-      _this.setPosition(_this.state.pos - itemHeight * _this.yearStep);
-    };
-
-    _this.handleDown = function (event) {
-      event.preventDefault();
-
-      _this.setPosition(_this.state.pos + itemHeight * _this.yearStep);
-    };
-
-    return _this;
-  }
-
-  var _proto = DateSelect.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate() {
-    this.setNodeTop();
-  };
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.listener = LayoutEvents.addListener(this.setNodeTop);
-    this.setNodeTop();
-    window.addEventListener('keydown', this.handleKey);
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.listener) {
-      this.listener.remove();
-    }
-
-    if (this.timeout) {
-      clearTimeout(this.timeout);
-    }
-
-    if (this.longClickTimer) {
-      clearTimeout(this.longClickTimer);
-    }
-
-    if (this.setPositionRepeatTimer) {
-      clearTimeout(this.setPositionRepeatTimer);
-    }
-
-    window.removeEventListener('keydown', this.handleKey);
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _cx, _cx2;
-
-    var _this$props = this.props,
-        width = _this$props.width,
-        disabled = _this$props.disabled;
-    var rootProps = {
-      className: cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.disabled()] = Boolean(disabled), _cx)),
-      style: {
-        width: width
-      },
-      ref: this.refRoot
-    };
-    return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
-      "data-tid": DateSelectDataTids.caption,
-      className: styles.caption(),
-      onClick: this.open
-    }, this.getItem(0), /*#__PURE__*/React.createElement("div", {
-      className: cx((_cx2 = {}, _cx2[styles.arrow(this.theme)] = true, _cx2[styles.arrowDisabled()] = Boolean(disabled), _cx2))
-    }, /*#__PURE__*/React.createElement(ArrowTriangleUpDownIcon, {
-      size: 12
-    }))), this.state.opened && this.renderMenu());
-  };
-
-  _proto.disableItems = function disableItems(index) {
-    var value = this.props.value + index;
-
-    if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {
-      return value > this.props.maxValue || value < this.props.minValue;
-    }
-
-    if (isNonNullable(this.props.minValue)) {
-      return value < this.props.minValue;
-    }
-
-    if (isNonNullable(this.props.maxValue)) {
-      return value > this.props.maxValue;
-    }
-  };
-
-  _proto.renderMenu = function renderMenu() {
-    var _this3 = this,
-        _cx3;
-
-    var _this$state = this.state,
-        top = _this$state.top,
-        height = _this$state.height,
-        nodeTop = _this$state.nodeTop;
-    var shift = this.state.pos % itemHeight;
-
-    if (shift < 0) {
-      shift += itemHeight;
-    }
-
-    var from = (this.state.pos - shift + top) / itemHeight;
-    var to = from + Math.ceil((height + shift) / itemHeight);
-    var items = [];
-
-    var _loop = function _loop(i) {
-      var _cx4;
-
-      var disableItems = _this3.disableItems(i) || false;
-      var className = cx((_cx4 = {}, _cx4[styles.menuItem(_this3.theme)] = true, _cx4[styles.menuItemSelected(_this3.theme)] = i === 0, _cx4[styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cx4[styles.menuItemDisabled(_this3.theme)] = disableItems, _cx4));
-      var clickHandler = {
-        onMouseDown: preventDefault,
-        onClick: _this3.handleItemClick(i)
-      };
-      items.push( /*#__PURE__*/React.createElement("div", _extends({
-        "data-tid": DateSelectDataTids.menuItem,
-        "data-prop-disabled": disableItems,
-        key: i,
-        className: className,
-        onMouseEnter: function onMouseEnter() {
-          return _this3.setState({
-            current: i
-          });
-        },
-        onMouseLeave: function onMouseLeave() {
-          return _this3.setState({
-            current: null
-          });
-        }
-      }, clickHandler), _this3.getItem(i)));
-    };
-
-    for (var i = from; i < to; ++i) {
-      _loop(i);
-    }
-
-    var style = {
-      top: top - 5,
-      left: 0,
-      right: 0
-    };
-    var shiftStyle = {
-      position: 'relative',
-      top: -shift
-    };
-    var holderClass = cx((_cx3 = {}, _cx3[styles.menuHolder(this.theme)] = true, _cx3[styles.isTopCapped()] = this.state.topCapped, _cx3[styles.isBotCapped()] = this.state.botCapped, _cx3));
-    var dropdownOffset = -itemHeight;
-
-    if (nodeTop < -top) {
-      var overflowOffsetDelta = this.state.topCapped ? 6 : 17;
-      dropdownOffset -= nodeTop + top - overflowOffsetDelta;
-    }
-
-    return /*#__PURE__*/React.createElement(RenderLayer, {
-      onClickOutside: this.close,
-      onFocusOutside: this.close,
-      active: true
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownContainer, {
-      getParent: this.getAnchor,
-      offsetY: dropdownOffset,
-      offsetX: -10
-    }, /*#__PURE__*/React.createElement("div", {
-      className: holderClass,
-      style: style
-    }, !this.state.topCapped && /*#__PURE__*/React.createElement("div", {
-      className: cx(styles.menu(this.theme), styles.menuUp()),
-      onClick: this.handleUp,
-      onMouseDown: this.handleLongClickUp,
-      onMouseUp: this.handleLongClickStop,
-      onMouseLeave: this.handleLongClickStop,
-      onTouchStart: this.handleLongClickUp,
-      onTouchEnd: this.handleLongClickStop
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronUpIcon, null))), /*#__PURE__*/React.createElement("div", {
-      className: styles.itemsHolder(),
-      style: {
-        height: height
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: this.refItemsContainer,
-      style: shiftStyle
-    }, items)), !this.state.botCapped && /*#__PURE__*/React.createElement("div", {
-      className: cx(styles.menu(this.theme), styles.menuDown()),
-      onClick: this.handleDown,
-      onMouseDown: this.handleLongClickDown,
-      onMouseUp: this.handleLongClickStop,
-      onMouseLeave: this.handleLongClickStop,
-      onTouchStart: this.handleLongClickDown,
-      onTouchEnd: this.handleLongClickStop
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null)))))));
-  };
-
-  _proto.getItem = function getItem(index) {
-    var value = this.props.value + index;
-
-    if (this.props.type === 'month') {
-      return this.locale.months[value];
-    }
-
-    return value;
-  };
-
-  _proto.setPosition = function setPosition(pos) {
-    var top = itemsToMoveCount * itemHeight;
-    var height = visibleYearsCount * itemHeight;
-
-    if (this.props.type === 'month') {
-      top = -this.props.value * itemHeight;
-      height = monthsCount * itemHeight;
-    }
-
-    var minPos = this.getMinPos() - top;
-    var maxPos = this.getMaxPos() - top - height + itemHeight;
-    var calculatedPos = calculatePos(pos, minPos, maxPos);
-    var topCapped = calculatedPos <= minPos;
-    var botCapped = calculatedPos >= maxPos;
-    this.setState({
-      pos: calculatedPos,
-      top: top,
-      height: height,
-      topCapped: topCapped,
-      botCapped: botCapped
-    });
-  };
-
-  _proto.getMinPos = function getMinPos() {
-    if (this.props.type === 'month') {
-      return -this.props.value * itemHeight;
-    } else if (this.props.type === 'year') {
-      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;
-    }
-
-    return -Infinity; // Be defensive.
-  };
-
-  _proto.getMaxPos = function getMaxPos() {
-    if (this.props.type === 'month') {
-      return (visibleYearsCount - this.props.value) * itemHeight;
-    } else if (this.props.type === 'year') {
-      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;
-    }
-
-    return Infinity; // Be defensive.
-  };
-
-  return DateSelect;
-}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = {
-  disabled: PropTypes.bool,
-  type: PropTypes.string,
-  value: PropTypes.number.isRequired,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  onValueChange: PropTypes.func,
-  minValue: PropTypes.number,
-  maxValue: PropTypes.number
-}, _class2.defaultProps = {
-  type: 'year',
-  minMonth: 0,
-  maxMonth: 11,
-  width: 'auto'
-}, _temp)) || _class);
-
-function preventDefault(e) {
-  e.preventDefault();
-}

package/internal/DateSelect/DateSelect/DateSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ThemeContext","ArrowTriangleUpDownIcon","ArrowChevronDownIcon","ArrowChevronUpIcon","isMobile","cx","getDOMRect","styles","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","DateSelect","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","longClickTimer","setPositionRepeatTimer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","addListener","componentWillUnmount","remove","render","theme","renderMain","width","rootProps","className","Boolean","style","ref","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menu","menuUp","itemsHolder","menuDown","type","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { styles } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n  disabled?: boolean | null;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport interface DateSelectState {\n  botCapped: boolean;\n  current: Nullable<number>;\n  height: number;\n  opened: boolean;\n  pos: number;\n  top: number;\n  topCapped: boolean;\n  nodeTop: number;\n}\n\nconst calculatePos = (pos: number, minPos: number, maxPos: number) => {\n  if (maxPos <= pos) {\n    return maxPos;\n  }\n\n  if (minPos >= pos) {\n    return minPos;\n  }\n\n  return pos;\n};\n\nexport const DateSelectDataTids = {\n  caption: 'DateSelect__caption',\n  menuItem: 'DateSelect__menuItem',\n} as const;\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    type: PropTypes.string,\n\n    value: PropTypes.number.isRequired,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    onValueChange: PropTypes.func,\n\n    minValue: PropTypes.number,\n\n    maxValue: PropTypes.number,\n  };\n\n  public static defaultProps = {\n    type: 'year',\n    minMonth: 0,\n    maxMonth: 11,\n    width: 'auto',\n  };\n\n  public state = {\n    botCapped: false,\n    current: 0,\n    height: 0,\n    opened: false,\n    pos: 0,\n    top: 0,\n    topCapped: false,\n    nodeTop: Infinity,\n  };\n\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private root: HTMLElement | null = null;\n  private itemsContainer: HTMLElement | null = null;\n  private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private timeout: NodeJS.Timeout | undefined;\n  private longClickTimer = 0;\n  private setPositionRepeatTimer = 0;\n  private yearStep = 3;\n  private touchStartY: Nullable<number> = null;\n\n  public componentDidUpdate() {\n    this.setNodeTop();\n  }\n\n  public componentDidMount() {\n    this.listener = LayoutEvents.addListener(this.setNodeTop);\n    this.setNodeTop();\n    window.addEventListener('keydown', this.handleKey);\n  }\n\n  public componentWillUnmount() {\n    if (this.listener) {\n      this.listener.remove();\n    }\n    if (this.timeout) {\n      clearTimeout(this.timeout);\n    }\n    if (this.longClickTimer) {\n      clearTimeout(this.longClickTimer);\n    }\n    if (this.setPositionRepeatTimer) {\n      clearTimeout(this.setPositionRepeatTimer);\n    }\n    window.removeEventListener('keydown', this.handleKey);\n  }\n\n  /**\n   * @public\n   */\n  public open = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.state.opened) {\n      return;\n    }\n\n    this.setPosition(0);\n    this.setState({\n      opened: true,\n      current: 0,\n    });\n  };\n\n  /**\n   * @public\n   */\n  public close = () => {\n    if (!this.state.opened) {\n      return;\n    }\n\n    this.setState({ opened: false });\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { width, disabled } = this.props;\n    const rootProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.disabled()]: Boolean(disabled),\n      }),\n      style: { width },\n      ref: this.refRoot,\n    };\n    return (\n      <span {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()} onClick={this.open}>\n          {this.getItem(0)}\n          <div\n            className={cx({\n              [styles.arrow(this.theme)]: true,\n              [styles.arrowDisabled()]: Boolean(disabled),\n            })}\n          >\n            <ArrowTriangleUpDownIcon size={12} />\n          </div>\n        </div>\n        {this.state.opened && this.renderMenu()}\n      </span>\n    );\n  }\n\n  private refRoot = (element: HTMLElement | null) => {\n    this.root = element;\n  };\n\n  private setNodeTop = () => {\n    const root = this.root;\n    if (!root) {\n      return;\n    }\n    if (this.timeout) {\n      clearTimeout(this.timeout);\n    }\n    this.timeout = setTimeout(() =>\n      this.setState({\n        nodeTop: getDOMRect(root).top,\n      }),\n    );\n  };\n\n  private disableItems(index: number) {\n    const value = this.props.value + index;\n    if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {\n      return value > this.props.maxValue || value < this.props.minValue;\n    }\n\n    if (isNonNullable(this.props.minValue)) {\n      return value < this.props.minValue;\n    }\n\n    if (isNonNullable(this.props.maxValue)) {\n      return value > this.props.maxValue;\n    }\n  }\n\n  private renderMenu(): React.ReactNode {\n    const { top, height, nodeTop } = this.state;\n\n    let shift = this.state.pos % itemHeight;\n    if (shift < 0) {\n      shift += itemHeight;\n    }\n\n    const from = (this.state.pos - shift + top) / itemHeight;\n    const to = from + Math.ceil((height + shift) / itemHeight);\n    const items = [];\n\n    for (let i = from; i < to; ++i) {\n      const disableItems = this.disableItems(i) || false;\n      const className = cx({\n        [styles.menuItem(this.theme)]: true,\n        [styles.menuItemSelected(this.theme)]: i === 0,\n        [styles.menuItemActive(this.theme)]: i === this.state.current,\n        [styles.menuItemDisabled(this.theme)]: disableItems,\n      });\n      const clickHandler = {\n        onMouseDown: preventDefault,\n        onClick: this.handleItemClick(i),\n      };\n      items.push(\n        <div\n          data-tid={DateSelectDataTids.menuItem}\n          data-prop-disabled={disableItems}\n          key={i}\n          className={className}\n          onMouseEnter={() => this.setState({ current: i })}\n          onMouseLeave={() => this.setState({ current: null })}\n          {...clickHandler}\n        >\n          {this.getItem(i)}\n        </div>,\n      );\n    }\n    const style: {\n      left?: number | string;\n      right?: number | string;\n      top: number;\n      width?: number | string;\n    } = {\n      top: top - 5,\n      left: 0,\n      right: 0,\n    };\n\n    const shiftStyle: React.CSSProperties = {\n      position: 'relative',\n      top: -shift,\n    };\n\n    const holderClass = cx({\n      [styles.menuHolder(this.theme)]: true,\n      [styles.isTopCapped()]: this.state.topCapped,\n      [styles.isBotCapped()]: this.state.botCapped,\n    });\n\n    let dropdownOffset = -itemHeight;\n    if (nodeTop < -top) {\n      const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n      dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n    }\n\n    return (\n      <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n        <div>\n          <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\n            <div className={holderClass} style={style}>\n              {!this.state.topCapped && (\n                <div\n                  className={cx(styles.menu(this.theme), styles.menuUp())}\n                  onClick={this.handleUp}\n                  onMouseDown={this.handleLongClickUp}\n                  onMouseUp={this.handleLongClickStop}\n                  onMouseLeave={this.handleLongClickStop}\n                  onTouchStart={this.handleLongClickUp}\n                  onTouchEnd={this.handleLongClickStop}\n                >\n                  <span>\n                    <ArrowChevronUpIcon />\n                  </span>\n                </div>\n              )}\n              <div className={styles.itemsHolder()} style={{ height }}>\n                <div ref={this.refItemsContainer} style={shiftStyle}>\n                  {items}\n                </div>\n              </div>\n              {!this.state.botCapped && (\n                <div\n                  className={cx(styles.menu(this.theme), styles.menuDown())}\n                  onClick={this.handleDown}\n                  onMouseDown={this.handleLongClickDown}\n                  onMouseUp={this.handleLongClickStop}\n                  onMouseLeave={this.handleLongClickStop}\n                  onTouchStart={this.handleLongClickDown}\n                  onTouchEnd={this.handleLongClickStop}\n                >\n                  <span>\n                    <ArrowChevronDownIcon />\n                  </span>\n                </div>\n              )}\n            </div>\n          </DropdownContainer>\n        </div>\n      </RenderLayer>\n    );\n  }\n\n  private refItemsContainer = (element: HTMLElement | null) => {\n    if (!this.itemsContainer && element) {\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\n    }\n    if (this.itemsContainer && !element) {\n      this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n    }\n\n    if (isMobile) {\n      if (!this.itemsContainer && element) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.handleTouchMove);\n      }\n      if (this.itemsContainer && !element) {\n        this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n        this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n      }\n    }\n\n    this.itemsContainer = element;\n  };\n\n  private handleLongClickUp = (event: React.MouseEvent | React.TouchEvent) => {\n    event.preventDefault();\n    this.longClickTimer = window.setTimeout(() => {\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n    }, 200);\n  };\n\n  private handleLongClickDown = (event: React.MouseEvent | React.TouchEvent) => {\n    event.preventDefault();\n    this.longClickTimer = window.setTimeout(() => {\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n    }, 200);\n  };\n\n  private handleLongClickStop = () => {\n    clearTimeout(this.longClickTimer);\n    clearTimeout(this.setPositionRepeatTimer);\n  };\n\n  private getAnchor = () => this.root;\n\n  private handleWheel = (event: Event) => {\n    if (!(event instanceof WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n\n    let deltaY = event.deltaY;\n    if (event.deltaMode === 1) {\n      deltaY *= itemHeight;\n    } else if (event.deltaMode === 2) {\n      deltaY *= itemHeight * 4;\n    }\n    const pos = this.state.pos + deltaY;\n    this.setPosition(pos);\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    this.touchStartY = event.targetTouches[0].clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n    const pixelRatio = window.devicePixelRatio;\n\n    const deltaY = ((this.touchStartY || 0) - clientY) / pixelRatio;\n    const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n    this.touchStartY = clientY;\n\n    this.setPosition(pos);\n  };\n\n  private handleItemClick = (shift: number) => {\n    return (e: React.MouseEvent<HTMLElement>) => {\n      const value = this.props.value + shift;\n      if (this.props.onValueChange) {\n        this.props.onValueChange(value);\n      }\n      this.setState({ opened: false });\n    };\n  };\n\n  private handleKey = (e: KeyboardEvent) => {\n    if (this.state.opened && isKeyEscape(e)) {\n      e.preventDefault();\n      this.close();\n      e.stopPropagation();\n    }\n  };\n\n  private handleUp = (event: React.MouseEvent) => {\n    event.preventDefault();\n    this.setPosition(this.state.pos - itemHeight * this.yearStep);\n  };\n\n  private handleDown = (event: React.MouseEvent) => {\n    event.preventDefault();\n    this.setPosition(this.state.pos + itemHeight * this.yearStep);\n  };\n\n  private getItem(index: number) {\n    const value = this.props.value + index;\n    if (this.props.type === 'month') {\n      return this.locale.months[value];\n    }\n    return value;\n  }\n\n  private setPosition(pos: number) {\n    let top = itemsToMoveCount * itemHeight;\n    let height = visibleYearsCount * itemHeight;\n    if (this.props.type === 'month') {\n      top = -this.props.value * itemHeight;\n      height = monthsCount * itemHeight;\n    }\n\n    const minPos = this.getMinPos() - top;\n    const maxPos = this.getMaxPos() - top - height + itemHeight;\n\n    const calculatedPos = calculatePos(pos, minPos, maxPos);\n    const topCapped = calculatedPos <= minPos;\n    const botCapped = calculatedPos >= maxPos;\n\n    this.setState({ pos: calculatedPos, top, height, topCapped, botCapped });\n  }\n\n  private getMinPos() {\n    if (this.props.type === 'month') {\n      return -this.props.value * itemHeight;\n    } else if (this.props.type === 'year') {\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\n    }\n    return -Infinity; // Be defensive.\n  }\n\n  private getMaxPos() {\n    if (this.props.type === 'month') {\n      return (visibleYearsCount - this.props.value) * itemHeight;\n    } else if (this.props.type === 'year') {\n      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;\n    }\n    return Infinity; // Be defensive.\n  }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n  e.preventDefault();\n}\n"]}

package/internal/DateSelect/DateSelect/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/DateSelect/DateSelect.js",
-  "module": "DateSelect",
-  "types": "../DateSelect.d.ts",
-  "sideEffects": false
-}

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js

@@ -1,55 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.dateSelectTextColorDefault, t.dateSelectFontSize, t.dateSelectLineHeight, t.dateSelectLinkColor);
-  },
-  disabled: function disabled() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
-  },
-  caption: function caption() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
-  },
-  arrow: function arrow(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      float: right;\n      line-height: ", ";\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    "])), t.dateSelectTextColorDisabled, t.dateSelectLineHeight);
-  },
-  arrowDisabled: function arrowDisabled() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 0;\n    "])));
-  },
-  menuHolder: function menuHolder(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: ", ";\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "])), t.dateSelectMenuBg, t.dateSelectPopupBoxShadow, t.dateSelectTextColorDefault, t.dateSelectFontSize);
-  },
-  isTopCapped: function isTopCapped() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
-  },
-  isBotCapped: function isBotCapped() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 5px;\n    "])));
-  },
-  itemsHolder: function itemsHolder() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: relative;\n    "])));
-  },
-  menuItem: function menuItem(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    "])), t.dateSelectTextColorDefault);
-  },
-  menuItemSelected: function menuItemSelected(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
-  },
-  menuItemActive: function menuItemActive(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgActive, t.dateSelectMenuItemFontActive);
-  },
-  menuItemDisabled: function menuItemDisabled(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])), t.dateSelectMenuItemBgDisabled, t.dateSelectTextColorDisabled);
-  },
-  menu: function menu(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ", ";\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.dateSelectMenuBg, t.dateSelectTextColorDefault, t.dateSelectMenuItemBgActive, t.dateSelectTextColorInvert);
-  },
-  menuUp: function menuUp() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
-  },
-  menuDown: function menuDown() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
-  }
-});

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DateSelect.styles.ts"],"names":["css","memoizeStyle","styles","root","t","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","disabled","caption","arrow","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"yYAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,0BADb;;;AAIeD,IAAAA,CAAC,CAACE,kBAJjB;AAKiBF,IAAAA,CAAC,CAACG,oBALnB;;;;;;;;AAaaH,IAAAA,CAAC,CAACI,mBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,QApBiC,sBAoBtB;AACT,WAAOT,GAAP;;;;AAID,GAzBgC;;AA2BjCU,EAAAA,OA3BiC,qBA2BvB;AACR,WAAOV,GAAP;;;AAGD,GA/BgC;;AAiCjCW,EAAAA,KAjCiC,iBAiC3BP,CAjC2B,EAiCjB;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACQ,2BADb;;AAGiBR,IAAAA,CAAC,CAACG,oBAHnB;;;;;;;;AAWD,GA7CgC;AA8CjCM,EAAAA,aA9CiC,2BA8CjB;AACd,WAAOb,GAAP;;;AAGD,GAlDgC;;AAoDjCc,EAAAA,UApDiC,sBAoDtBV,CApDsB,EAoDZ;AACnB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACW,gBADlB;AAEgBX,IAAAA,CAAC,CAACY,wBAFlB;;AAIWZ,IAAAA,CAAC,CAACC,0BAJb;AAKeD,IAAAA,CAAC,CAACE,kBALjB;;;;;;AAWD,GAhEgC;;AAkEjCW,EAAAA,WAlEiC,yBAkEnB;AACZ,WAAOjB,GAAP;;;;AAID,GAvEgC;;AAyEjCkB,EAAAA,WAzEiC,yBAyEnB;AACZ,WAAOlB,GAAP;;;AAGD,GA7EgC;;AA+EjCmB,EAAAA,WA/EiC,yBA+EnB;AACZ,WAAOnB,GAAP;;;;AAID,GApFgC;;AAsFjCoB,EAAAA,QAtFiC,oBAsFxBhB,CAtFwB,EAsFd;AACjB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,0BADb;;;;;;;;;AAUD,GAjGgC;;AAmGjCgB,EAAAA,gBAnGiC,4BAmGhBjB,CAnGgB,EAmGN;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACkB,4BADlB;AAEWlB,IAAAA,CAAC,CAACmB,8BAFb;;AAID,GAxGgC;;AA0GjCC,EAAAA,cA1GiC,0BA0GlBpB,CA1GkB,EA0GR;AACvB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACqB,0BADlB;AAEWrB,IAAAA,CAAC,CAACsB,4BAFb;;AAID,GA/GgC;;AAiHjCC,EAAAA,gBAjHiC,4BAiHhBvB,CAjHgB,EAiHN;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACwB,4BADlB;AAEWxB,IAAAA,CAAC,CAACQ,2BAFb;;;AAKD,GAvHgC;;AAyHjCiB,EAAAA,IAzHiC,gBAyH5BzB,CAzH4B,EAyHlB;AACb,WAAOJ,GAAP;;;;;;;;;AASgBI,IAAAA,CAAC,CAACW,gBATlB;AAUWX,IAAAA,CAAC,CAACC,0BAVb;;;AAakBD,IAAAA,CAAC,CAACqB,0BAbpB;AAcarB,IAAAA,CAAC,CAAC0B,yBAdf;;;AAiBD,GA3IgC;;AA6IjCC,EAAAA,MA7IiC,oBA6IxB;AACP,WAAO/B,GAAP;;;;;;AAMD,GApJgC;;AAsJjCgC,EAAAA,QAtJiC,sBAsJtB;AACT,WAAOhC,GAAP;;;;;;AAMD,GA7JgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      display: inline-block;\n      font-size: ${t.dateSelectFontSize};\n      line-height: ${t.dateSelectLineHeight};\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ${t.dateSelectLinkColor};\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  arrow(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDisabled};\n      float: right;\n      line-height: ${t.dateSelectLineHeight};\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    `;\n  },\n  arrowDisabled() {\n    return css`\n      opacity: 0;\n    `;\n  },\n\n  menuHolder(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuBg};\n      box-shadow: ${t.dateSelectPopupBoxShadow};\n      box-sizing: content-box;\n      color: ${t.dateSelectTextColorDefault};\n      font-size: ${t.dateSelectFontSize};\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    `;\n  },\n\n  isTopCapped() {\n    return css`\n      margin-top: 0;\n      padding-top: 5px;\n    `;\n  },\n\n  isBotCapped() {\n    return css`\n      padding-bottom: 5px;\n    `;\n  },\n\n  itemsHolder() {\n    return css`\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  menuItem(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    `;\n  },\n\n  menuItemSelected(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgSelected};\n      color: ${t.dateSelectMenuItemFontSelected};\n    `;\n  },\n\n  menuItemActive(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgActive};\n      color: ${t.dateSelectMenuItemFontActive};\n    `;\n  },\n\n  menuItemDisabled(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgDisabled};\n      color: ${t.dateSelectTextColorDisabled};\n      pointer-events: none;\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ${t.dateSelectMenuBg};\n      color: ${t.dateSelectTextColorDefault};\n\n      &:hover {\n        background: ${t.dateSelectMenuItemBgActive};\n        color: ${t.dateSelectTextColorInvert};\n      }\n    `;\n  },\n\n  menuUp() {\n    return css`\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    `;\n  },\n\n  menuDown() {\n    return css`\n      span {\n        position: relative;\n        top: -1px;\n      }\n    `;\n  },\n});\n"]}

package/internal/DateSelect/DateSelect.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/DateSelect/DateSelect.styles.js",
-  "module": "DateSelect.styles",
-  "types": "../DateSelect.styles.d.ts",
-  "sideEffects": false
-}