@skbkontur/react-ui 0.0.0-69a6fa606f → 0.0.0-6fbd9fadb2

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

@@ -1,129 +1,122 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 
-var styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
+var globalClasses = (0, _Emotion.prefix)('select')({
+  arrow: 'arrow' });exports.globalClasses = globalClasses;
 
-    t.dateSelectFontSize,
-    t.dateSelectLineHeight,
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        font: inherit;\n        font-size: ", ";\n        padding: 0px;\n        padding-right: 2px;\n        position: relative;\n        text-align: left;\n        touch-action: none;\n        border: none;\n        line-height: ", ";\n        background-color: transparent;\n        box-sizing: content-box;\n\n        &:hover {\n          color: ", ";\n        }\n\n        & .", " {\n          transition: fill ", " ", ";\n        }\n\n        &:hover .", " {\n          fill: ", " !important;\n        }\n      "])),
+        t.dateSelectTextColorDefault,
 
 
 
+        t.dateSelectFontSize,
 
 
 
-    t.dateSelectLinkColor);
 
 
-  },
 
-  disabled: function disabled() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
+        t.dateSelectLineHeight,
 
 
 
-  },
 
-  caption: function caption() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+        t.dateSelectLinkColor,
 
 
-  },
+        globalClasses.arrow,
+        t.transitionDuration, t.transitionTimingFunction,
 
-  arrow: function arrow(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
+        globalClasses.arrow,
+        t.dateSelectTextColorDefault);
 
 
+      },
 
+      root2022: function root2022() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        justify-content: space-between;\n      "])));
 
 
 
+      },
 
-  },
-  arrowDisabled: function arrowDisabled() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0;\n    "])));
+      disabled: function disabled() {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: inherit !important; // override root:hover style\n        cursor: default;\n      "])));
 
 
-  },
 
-  menuHolder: function menuHolder(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
+      caption: function caption() {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n      "])));
 
 
+      },
 
+      arrow: function arrow(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
 
-  },
 
-  isTopCapped: function isTopCapped() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
 
 
 
-  },
 
-  isBotCapped: function isBotCapped() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 5px;\n    "])));
 
+      },
+      arrowDisabled: function arrowDisabled() {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        opacity: 0;\n      "])));
 
-  },
 
-  itemsHolder: function itemsHolder() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: relative;\n    "])));
+      },
 
+      menuHolder: function menuHolder(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
 
-  },
 
-  menuItem: function menuItem(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
 
 
 
+      },
 
+      isTopCapped: function isTopCapped() {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-top: 0;\n        padding-top: 5px;\n      "])));
 
 
 
+      },
 
-  },
+      isBotCapped: function isBotCapped() {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-bottom: 5px;\n      "])));
 
-  menuItemSelected: function menuItemSelected(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
-    t.dateSelectMenuItemBgSelected,
-    t.dateSelectMenuItemFontSelected);
 
-  },
+      },
 
-  menuItemActive: function menuItemActive(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
-    t.dateSelectMenuItemBgActive,
-    t.dateSelectMenuItemFontActive);
+      itemsHolder: function itemsHolder() {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        overflow: hidden;\n        position: relative;\n      "])));
 
-  },
 
-  menuItemDisabled: function menuItemDisabled(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])),
-    t.dateSelectMenuItemBgDisabled,
-    t.dateSelectTextColorDisabled);
 
+      },
 
-  },
+      menuItem: function menuItem(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        color: ", ";\n        cursor: pointer;\n        height: 24px;\n        padding: 0;\n        padding-left: 10px;\n        width: 100%;\n        user-select: none;\n        white-space: nowrap;\n        touch-action: none;\n        border: none;\n        font: inherit;\n        line-height: 24px;\n        background-color: transparent;\n      "])),
 
-  menu: function menu(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\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.dateSelectTextColorDefault);
 
 
 
@@ -132,30 +125,69 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    t.dateSelectMenuBg,
-    t.dateSelectTextColorDefault,
 
 
-    t.dateSelectMenuItemBgActive,
-    t.dateSelectTextColorInvert);
 
 
-  },
 
-  menuUp: function menuUp() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
+      },
 
+      menuItemSelected: function menuItemSelected(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n      "])),
+        t.dateSelectMenuItemBgSelected,
+        t.dateSelectMenuItemFontSelected);
 
+      },
 
+      menuItemActive: function menuItemActive(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n      "])),
+        t.dateSelectMenuItemBgActive,
+        t.dateSelectMenuItemFontActive);
 
+      },
 
-  },
+      menuItemDisabled: function menuItemDisabled(t) {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        pointer-events: none;\n      "])),
+        t.dateSelectMenuItemBgDisabled,
+        t.dateSelectTextColorDisabled);
 
-  menuDown: function menuDown() {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
 
+      },
 
+      menu: function menu(t) {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])),
 
 
 
-  } });exports.styles = styles;
+
+
+
+
+
+        t.dateSelectMenuBg,
+        t.dateSelectTextColorDefault,
+
+
+        t.dateSelectMenuItemBgActive,
+        t.dateSelectTextColorInvert);
+
+
+      },
+
+      menuUp: function menuUp() {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        span {\n          position: relative;\n          top: -0.5px;\n        }\n      "])));
+
+
+
+
+
+      },
+
+      menuDown: function menuDown() {
+        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        span {\n          position: relative;\n          top: -1px;\n        }\n      "])));
+
+
+
+
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.styles.ts"],"names":["styles","root","t","css","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":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb;;;AAIeF,IAAAA,CAAC,CAACG,kBAJjB;AAKiBH,IAAAA,CAAC,CAACI,oBALnB;;;;;;;;AAaaJ,IAAAA,CAAC,CAACK,mBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,QApBiC,sBAoBtB;AACT,eAAOL,YAAP;;;;AAID,GAzBgC;;AA2BjCM,EAAAA,OA3BiC,qBA2BvB;AACR,eAAON,YAAP;;;AAGD,GA/BgC;;AAiCjCO,EAAAA,KAjCiC,iBAiC3BR,CAjC2B,EAiCjB;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACS,2BADb;;AAGiBT,IAAAA,CAAC,CAACI,oBAHnB;;;;;;;;AAWD,GA7CgC;AA8CjCM,EAAAA,aA9CiC,2BA8CjB;AACd,eAAOT,YAAP;;;AAGD,GAlDgC;;AAoDjCU,EAAAA,UApDiC,sBAoDtBX,CApDsB,EAoDZ;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACY,gBADlB;AAEgBZ,IAAAA,CAAC,CAACa,wBAFlB;;AAIWb,IAAAA,CAAC,CAACE,0BAJb;AAKeF,IAAAA,CAAC,CAACG,kBALjB;;;;;;AAWD,GAhEgC;;AAkEjCW,EAAAA,WAlEiC,yBAkEnB;AACZ,eAAOb,YAAP;;;;AAID,GAvEgC;;AAyEjCc,EAAAA,WAzEiC,yBAyEnB;AACZ,eAAOd,YAAP;;;AAGD,GA7EgC;;AA+EjCe,EAAAA,WA/EiC,yBA+EnB;AACZ,eAAOf,YAAP;;;;AAID,GApFgC;;AAsFjCgB,EAAAA,QAtFiC,oBAsFxBjB,CAtFwB,EAsFd;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb;;;;;;;;;AAUD,GAjGgC;;AAmGjCgB,EAAAA,gBAnGiC,4BAmGhBlB,CAnGgB,EAmGN;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACmB,4BADlB;AAEWnB,IAAAA,CAAC,CAACoB,8BAFb;;AAID,GAxGgC;;AA0GjCC,EAAAA,cA1GiC,0BA0GlBrB,CA1GkB,EA0GR;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACsB,0BADlB;AAEWtB,IAAAA,CAAC,CAACuB,4BAFb;;AAID,GA/GgC;;AAiHjCC,EAAAA,gBAjHiC,4BAiHhBxB,CAjHgB,EAiHN;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACyB,4BADlB;AAEWzB,IAAAA,CAAC,CAACS,2BAFb;;;AAKD,GAvHgC;;AAyHjCiB,EAAAA,IAzHiC,gBAyH5B1B,CAzH4B,EAyHlB;AACb,eAAOC,YAAP;;;;;;;;;AASgBD,IAAAA,CAAC,CAACY,gBATlB;AAUWZ,IAAAA,CAAC,CAACE,0BAVb;;;AAakBF,IAAAA,CAAC,CAACsB,0BAbpB;AAcatB,IAAAA,CAAC,CAAC2B,yBAdf;;;AAiBD,GA3IgC;;AA6IjCC,EAAAA,MA7IiC,oBA6IxB;AACP,eAAO3B,YAAP;;;;;;AAMD,GApJgC;;AAsJjC4B,EAAAA,QAtJiC,sBAsJtB;AACT,eAAO5B,YAAP;;;;;;AAMD,GA7JgC,EAAb,CAAf,C","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"]}
+{"version":3,"sources":["DateSelect.styles.ts"],"names":["globalClasses","arrow","getStyles","emotion","root","t","css","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","root2022","disabled","caption","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        color: ${t.dateSelectTextColorDefault};\n        cursor: pointer;\n        display: inline-block;\n        font: inherit;\n        font-size: ${t.dateSelectFontSize};\n        padding: 0px;\n        padding-right: 2px;\n        position: relative;\n        text-align: left;\n        touch-action: none;\n        border: none;\n        line-height: ${t.dateSelectLineHeight};\n        background-color: transparent;\n        box-sizing: content-box;\n\n        &:hover {\n          color: ${t.dateSelectLinkColor};\n        }\n\n        & .${globalClasses.arrow} {\n          transition: fill ${t.transitionDuration} ${t.transitionTimingFunction};\n        }\n\n        &:hover .${globalClasses.arrow} {\n          fill: ${t.dateSelectTextColorDefault} !important;\n        }\n      `;\n    },\n\n    root2022() {\n      return emotion.css`\n        display: inline-flex;\n        justify-content: space-between;\n      `;\n    },\n\n    disabled() {\n      return emotion.css`\n        color: inherit !important; // override root:hover style\n        cursor: default;\n      `;\n    },\n\n    caption() {\n      return emotion.css`\n        position: relative;\n      `;\n    },\n\n    arrow(t: Theme) {\n      return emotion.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 emotion.css`\n        opacity: 0;\n      `;\n    },\n\n    menuHolder(t: Theme) {\n      return emotion.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 emotion.css`\n        margin-top: 0;\n        padding-top: 5px;\n      `;\n    },\n\n    isBotCapped() {\n      return emotion.css`\n        padding-bottom: 5px;\n      `;\n    },\n\n    itemsHolder() {\n      return emotion.css`\n        overflow: hidden;\n        position: relative;\n      `;\n    },\n\n    menuItem(t: Theme) {\n      return emotion.css`\n        display: flex;\n        color: ${t.dateSelectTextColorDefault};\n        cursor: pointer;\n        height: 24px;\n        padding: 0;\n        padding-left: 10px;\n        width: 100%;\n        user-select: none;\n        white-space: nowrap;\n        touch-action: none;\n        border: none;\n        font: inherit;\n        line-height: 24px;\n        background-color: transparent;\n      `;\n    },\n\n    menuItemSelected(t: Theme) {\n      return emotion.css`\n        background: ${t.dateSelectMenuItemBgSelected};\n        color: ${t.dateSelectMenuItemFontSelected};\n      `;\n    },\n\n    menuItemActive(t: Theme) {\n      return emotion.css`\n        background: ${t.dateSelectMenuItemBgActive};\n        color: ${t.dateSelectMenuItemFontActive};\n      `;\n    },\n\n    menuItemDisabled(t: Theme) {\n      return emotion.css`\n        background: ${t.dateSelectMenuItemBgDisabled};\n        color: ${t.dateSelectTextColorDisabled};\n        pointer-events: none;\n      `;\n    },\n\n    menu(t: Theme) {\n      return emotion.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 emotion.css`\n        span {\n          position: relative;\n          top: -0.5px;\n        }\n      `;\n    },\n\n    menuDown() {\n      return emotion.css`\n        span {\n          position: relative;\n          top: -1px;\n        }\n      `;\n    },\n  });\n"]}

package/cjs/internal/DateSelect/locale/index.d.ts

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { DateSelectLocale } from './types';
+export * from './types';
+export declare const DateSelectHelper: LocaleHelper<DateSelectLocale>;

package/cjs/internal/DateSelect/locale/index.js

@@ -0,0 +1,11 @@
+"use strict";exports.__esModule = true;var _exportNames = { DateSelectHelper: true };exports.DateSelectHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+
+var _en = require("./locales/en");
+var _ru = require("./locales/ru");
+
+
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+
+var DateSelectHelper = new _LocaleHelper.LocaleHelper({
+  ru_RU: _ru.componentsLocales,
+  en_GB: _en.componentsLocales });exports.DateSelectHelper = DateSelectHelper;

package/cjs/internal/DateSelect/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["DateSelectHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"uHAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,gBAAgB,GAAG,IAAIC,0BAAJ,CAAmC;AACjEC,EAAAA,KAAK,EAALA,qBADiE;AAEjEC,EAAAA,KAAK,EAALA,qBAFiE,EAAnC,CAAzB,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { DateSelectLocale } from './types';\n\nexport * from './types';\n\nexport const DateSelectHelper = new LocaleHelper<DateSelectLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/cjs/internal/DateSelect/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import { DateSelectLocale } from '../types';
+export declare const componentsLocales: DateSelectLocale;

package/cjs/internal/DateSelect/locale/locales/en.js

@@ -0,0 +1,6 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  selectMonthAriaLabel: 'month',
+  selectYearAriaLabel: 'year',
+  selectChosenAriaLabel: 'Chosen' };exports.componentsLocales = componentsLocales;

package/cjs/internal/DateSelect/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,oBAAoB,EAAE,OAD2B;AAEjDC,EAAAA,mBAAmB,EAAE,MAF4B;AAGjDC,EAAAA,qBAAqB,EAAE,QAH0B,EAA5C,C","sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n  selectMonthAriaLabel: 'month',\n  selectYearAriaLabel: 'year',\n  selectChosenAriaLabel: 'Chosen',\n};\n"]}

package/cjs/internal/DateSelect/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import { DateSelectLocale } from '../types';
+export declare const componentsLocales: DateSelectLocale;

package/cjs/internal/DateSelect/locale/locales/ru.js

@@ -0,0 +1,6 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  selectMonthAriaLabel: 'месяц',
+  selectYearAriaLabel: 'год',
+  selectChosenAriaLabel: 'Выбранный' };exports.componentsLocales = componentsLocales;

package/cjs/internal/DateSelect/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,oBAAoB,EAAE,OAD2B;AAEjDC,EAAAA,mBAAmB,EAAE,KAF4B;AAGjDC,EAAAA,qBAAqB,EAAE,WAH0B,EAA5C,C","sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n  selectMonthAriaLabel: 'месяц',\n  selectYearAriaLabel: 'год',\n  selectChosenAriaLabel: 'Выбранный',\n};\n"]}

package/cjs/internal/DateSelect/locale/types.d.ts

@@ -0,0 +1,5 @@
+export interface DateSelectLocale {
+    selectMonthAriaLabel?: string;
+    selectYearAriaLabel?: string;
+    selectChosenAriaLabel?: string;
+}

package/cjs/internal/DateSelect/locale/types.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;

package/cjs/internal/DateSelect/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/cjs/internal/DropdownContainer/DropdownContainer.d.ts

@@ -1,33 +1,36 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../CommonWrapper';
 export interface DropdownContainerPosition {
     top: Nullable<number>;
     bottom: Nullable<number>;
     left: Nullable<number>;
     right: Nullable<number>;
 }
-export interface DropdownContainerProps {
+export interface DropdownContainerProps extends Pick<CommonProps, 'data-tid'>, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     align?: 'left' | 'right';
-    getParent: () => Nullable<HTMLElement>;
+    getParent: () => Nullable<Element>;
     children?: React.ReactNode;
     disablePortal?: boolean;
     offsetY?: number;
     offsetX?: number;
     hasFixedWidth?: boolean;
+    /**
+     * Позволяет вручную задать текущую позицию выпадающего окна
+     */
+    menuPos?: 'top' | 'bottom';
 }
 export interface DropdownContainerState {
     position: Nullable<DropdownContainerPosition>;
     minWidth: number;
     isDocumentElementRoot?: boolean;
 }
+declare type DefaultProps = Required<Pick<DropdownContainerProps, 'align' | 'disablePortal' | 'offsetY' | 'offsetX'>>;
 export declare class DropdownContainer extends React.PureComponent<DropdownContainerProps, DropdownContainerState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-        disablePortal: boolean;
-        offsetX: number;
-        offsetY: number;
-    };
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private emotion;
     private getProps;
     private dom;
     private layoutSub;
@@ -35,10 +38,11 @@ export declare class DropdownContainer extends React.PureComponent<DropdownConta
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
+    renderMain(): JSX.Element;
     private ZIndexRef;
-    private isElement;
     position: () => void;
     private getHeight;
     private getMinWidth;
     private convertToRelativePosition;
 }
+export {};

package/cjs/internal/DropdownContainer/DropdownContainer.js

@@ -1,5 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DropdownContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DropdownContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _globalObject = require("@skbkontur/global-object");
 
+
+var _isInstanceOf = require("../../lib/isInstanceOf");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _RenderContainer = require("../RenderContainer");
 var _ZIndex = require("../ZIndex");
@@ -9,7 +12,17 @@ var _Emotion = require("../../lib/theming/Emotion");
 var _client = require("../../lib/client");
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 
-var _DropdownContainer = require("./DropdownContainer.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}var
+
+var _DropdownContainer = require("./DropdownContainer.styles");
+var _getManualPosition = require("./getManualPosition");var
+
+
+
+
+
+
+
+
 
 
 
@@ -49,6 +62,8 @@ DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsL
 
 
 
+
+
   function DropdownContainer(props) {var _this;
     _this = _React$PureComponent.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(DropdownContainer.defaultProps);_this.
 
@@ -85,6 +100,20 @@ DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsL
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -104,65 +133,61 @@ DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsL
       _this.dom = element;
     };_this.
 
-    isElement = function (node) {
-      return node instanceof Element;
-    };_this.
-
     position = function () {
       var target = _this.props.getParent();
       var dom = _this.dom;
 
-      if (target && _this.isElement(target) && dom) {
+      if (target && (0, _isInstanceOf.isInstanceOf)(target, _globalObject.globalObject.Element) && dom && (0, _globalObject.isBrowser)(_globalObject.globalObject)) {
         var targetRect = (0, _getDOMRect.getDOMRect)(target);
-        var _document = document,body = _document.body,docEl = _document.documentElement;
+        var _globalObject$documen = _globalObject.globalObject.document,body = _globalObject$documen.body,docEl = _globalObject$documen.documentElement;
 
         if (!docEl) {
           throw Error('There is no "documentElement" in "document"');
         }
 
-        var scrollX = window.pageXOffset || docEl.scrollLeft || 0;
-        var scrollY = window.pageYOffset || docEl.scrollTop || 0;
+        var scrollX = _globalObject.globalObject.pageXOffset || docEl.scrollLeft || 0;
+        var scrollY = _globalObject.globalObject.pageYOffset || docEl.scrollTop || 0;
 
         var left = null;
         var right = null;
 
-        if (_this.props.align === 'right') {
+        if (_this.getProps().align === 'right') {
           var docWidth = docEl.offsetWidth || 0;
           right = docWidth - (targetRect.right + scrollX) + _this.getProps().offsetX;
         } else {
           left = targetRect.left + scrollX + _this.getProps().offsetX;
         }
 
-        var _this$props$offsetY = _this.props.offsetY,offsetY = _this$props$offsetY === void 0 ? 0 : _this$props$offsetY;
+        var offsetY = _this.getProps().offsetY || 0;
         var bottom = null;
         var top = targetRect.bottom + scrollY + offsetY;
 
         var distanceToBottom = docEl.clientHeight - targetRect.bottom;
         var dropdownHeight = _this.getHeight();
 
+        var clientHeight = _this.state.isDocumentElementRoot ? docEl.clientHeight : body.scrollHeight;
         if (distanceToBottom < dropdownHeight && targetRect.top > dropdownHeight) {
-          var clientHeight = _this.state.isDocumentElementRoot ? docEl.clientHeight : body.scrollHeight;
-
           top = null;
-          bottom = clientHeight + offsetY - scrollY - targetRect.top;
+          bottom = (0, _getManualPosition.getTopAlignment)({ clientHeight: clientHeight, offsetY: offsetY, scrollY: scrollY, target: target });
         }
 
-        var position = {
+        var position = (0, _extends2.default)({
           top: top,
           left: left,
           right: right,
-          bottom: bottom };
+          bottom: bottom },
+        (0, _getManualPosition.getManualPosition)({ menuPos: _this.props.menuPos, target: target, offsetY: offsetY, clientHeight: clientHeight, scrollY: scrollY }));
 
 
         _this.setState({
           minWidth: _this.getMinWidth(),
-          position: _this.props.disablePortal ? _this.convertToRelativePosition(position) : position });
+          position: _this.getProps().disablePortal ? _this.convertToRelativePosition(position) : position });
 
       }
     };_this.
 
     getHeight = function () {
-      if (!_this.isElement(_this.dom)) {
+      if (!(0, _isInstanceOf.isInstanceOf)(_this.dom, _globalObject.globalObject.Element)) {
         return 0;
       }
       var child = _this.dom.children.item(0);
@@ -176,9 +201,10 @@ DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsL
 
     convertToRelativePosition = function (position) {
       var target = _this.props.getParent();
-      var _this$props = _this.props,_this$props$offsetX = _this$props.offsetX,offsetX = _this$props$offsetX === void 0 ? 0 : _this$props$offsetX,_this$props$offsetY2 = _this$props.offsetY,offsetY = _this$props$offsetY2 === void 0 ? 0 : _this$props$offsetY2;
+      var offsetX = _this.getProps().offsetX || 0;
+      var offsetY = _this.getProps().offsetY || 0;
       var top = position.top,bottom = position.bottom,left = position.left,right = position.right;
-      if (target && _this.isElement(target)) {
+      if ((0, _isInstanceOf.isInstanceOf)(target, _globalObject.globalObject.Element)) {
         var targetHeight = (0, _getDOMRect.getDOMRect)(target).height;
         return {
           top: top !== null ? targetHeight + offsetY : null,
@@ -193,13 +219,16 @@ DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsL
         left: offsetX,
         right: null };
 
-    };_this.state = { position: null, minWidth: 0, isDocumentElementRoot: getIsDocumentElementRoot() };return _this;}var _proto = DropdownContainer.prototype;_proto.componentDidMount = function componentDidMount() {this.position();this.layoutSub = LayoutEvents.addListener(this.position);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSub) {this.layoutSub.remove();}};_proto.render = function render() {var _cx;var style = { position: 'absolute', top: '0' };if (this.state.position) {var _this$state$position = this.state.position,top = _this$state$position.top,bottom = _this$state$position.bottom,left = _this$state$position.left,right = _this$state$position.right;style = (0, _extends2.default)({}, style, { top: top !== null ? top : undefined, bottom: bottom !== null ? bottom : undefined, left: left !== null ? left : undefined, right: right !== null ? right : undefined, minWidth: this.state.minWidth, maxWidth: this.props.hasFixedWidth ? this.state.minWidth : undefined });}var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'DropdownContainer', wrapperRef: this.ZIndexRef, style: style, className: (0, _Emotion.cx)((_cx = {}, _cx[_DropdownContainer.styles.alignRight()] = this.props.align === 'right' && !_client.isIE11, _cx)) }, this.props.children);return this.props.disablePortal ? content : /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return DropdownContainer;}(_react.default.PureComponent);exports.DropdownContainer = DropdownContainer;DropdownContainer.__KONTUR_REACT_UI__ = 'DropdownContainer';DropdownContainer.defaultProps = { align: 'left', disablePortal: false, offsetX: 0, offsetY: -1 };
+    };_this.state = { position: null, minWidth: 0, isDocumentElementRoot: getIsDocumentElementRoot() };return _this;}var _proto = DropdownContainer.prototype;_proto.componentDidMount = function componentDidMount() {this.position();this.layoutSub = LayoutEvents.addListener(this.position);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSub) {this.layoutSub.remove();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$emotion$cx;var style = { position: 'absolute', top: '0' };if (this.state.position) {var _this$state$position = this.state.position,top = _this$state$position.top,bottom = _this$state$position.bottom,left = _this$state$position.left,right = _this$state$position.right;style = (0, _extends2.default)({}, style, { top: top !== null ? top : undefined, bottom: bottom !== null ? bottom : undefined, left: left !== null ? left : undefined, right: right !== null ? right : undefined, minWidth: this.state.minWidth, maxWidth: this.props.hasFixedWidth ? this.state.minWidth : undefined });}var styles = (0, _DropdownContainer.getStyles)(this.emotion);var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { "data-tid": this.props['data-tid'], id: this.props.id, priority: 'DropdownContainer', wrapperRef: this.ZIndexRef, style: style, className: this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.alignRight()] = this.getProps().align === 'right' && !_client.isIE11, _this$emotion$cx)) }, this.props.children);return this.props.disablePortal ? content : /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return DropdownContainer;}(_react.default.PureComponent);exports.DropdownContainer = DropdownContainer;DropdownContainer.__KONTUR_REACT_UI__ = 'DropdownContainer';DropdownContainer.displayName = 'DropdownContainer';DropdownContainer.defaultProps = { align: 'left', disablePortal: false, offsetX: 0, offsetY: -1 };
 
 
 var getIsDocumentElementRoot = function getIsDocumentElementRoot() {
-  var _document2 = document,body = _document2.body,documentElement = _document2.documentElement;
-  var htmlPosition = getComputedStyle(documentElement).position;
-  var bodyPosition = getComputedStyle(body).position;
+  if (!(0, _globalObject.isBrowser)(_globalObject.globalObject)) {
+    return false;
+  }
+  var _globalObject$documen2 = _globalObject.globalObject.document,body = _globalObject$documen2.body,documentElement = _globalObject$documen2.documentElement;
+  var htmlPosition = _globalObject.globalObject.getComputedStyle(documentElement).position;
+  var bodyPosition = _globalObject.globalObject.getComputedStyle(body).position;
 
   var hasLimitedHeightRoot = body.scrollHeight > body.clientHeight;
   var hasStaticRoot = htmlPosition === 'static' && bodyPosition === 'static';