@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-9a162.0

package/cjs/components/GlobalLoader/GlobalLoaderView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_ZIndex","_ThemeContext","_CommonWrapper","_GlobalLoaderView","_useParams","_excluded","GlobalLoaderView","exports","forwardRef","_ref","externalRef","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","_objectWithoutPropertiesLoose2","default","ref","useRef","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","animations","getAnimations","_useGlobalLoaderWidth","useGlobalLoaderWidth","width","startWidth","fullWidth","_useGlobalLoaderPosit","useGlobalLoaderPosition","left","getAnimationClass","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","createElement","CommonWrapper","_extends2","ZIndex","priority","className","outer","inner"],"sources":["GlobalLoaderView.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { getAnimations, getStyles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  /** Устанавливает ожидаемое время(ms) ответа сервера. */\n  expectedResponseTime: number;\n\n  /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */\n  delayBeforeHide: number;\n\n  /** Устанавливает статус операции. */\n  status?: 'success' | 'error' | 'standard' | 'accept';\n\n  /** Отключает анимацию. */\n  disableAnimations: boolean;\n}\n\nexport interface GlobalLoaderViewRef {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element'] | null>;\n}\n\nexport const GlobalLoaderView = forwardRef(\n  (\n    { expectedResponseTime, delayBeforeHide, status, disableAnimations, ...rest }: GlobalLoaderViewProps,\n    externalRef: React.Ref<CommonWrapper<CommonProps>>,\n  ) => {\n    const ref = useRef<GlobalLoaderViewRef['element']>(null);\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n    const animations = useStyles(getAnimations);\n    const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n    const { left } = useGlobalLoaderPosition(ref);\n\n    const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n      if (!disableAnimations) {\n        switch (status) {\n          case 'success':\n            return animations.successAnimation(delayBeforeHide, width, left);\n          case 'accept':\n            if (startWidth < fullWidth * 0.8) {\n              return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n            }\n            return animations.slowAcceptAnimation(theme, startWidth, width, left);\n          case 'error':\n            return animations.errorAnimation(theme);\n          case 'standard':\n            return animations.standardAnimation(theme, expectedResponseTime);\n        }\n      }\n\n      if (disableAnimations) {\n        switch (status) {\n          case 'success':\n            return styles.successWithoutAnimation();\n          case 'accept':\n            return animations.acceptWithoutAnimation(startWidth);\n          case 'error':\n            return styles.errorWithoutAnimation();\n          case 'standard':\n            return styles.standardWithoutAnimation();\n        }\n      }\n    };\n\n    return (\n      <CommonWrapper {...rest} data-status={status} ref={externalRef}>\n        <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n          <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n        </ZIndex>\n      </CommonWrapper>\n    );\n  },\n);\n"],"mappings":"mdAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,cAAA,GAAAJ,OAAA;;AAEA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA,gBAA4E,IAAAO,SAAA;;;;;;;;;;;;;;;;;;;;;AAqBrE,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,iBAAU;EACxC,UAAAC,IAAA;;EAEEC,WAAkD;EAC/C,KAFDC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB,CAAEC,eAAe,GAAAH,IAAA,CAAfG,eAAe,CAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM,CAAEC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAR,IAAA,EAAAJ,SAAA;IAG3E,IAAMa,GAAG,GAAG,IAAAC,aAAM,EAAiC,IAAI,CAAC;IACxD,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,2BAAS,CAAC;IACnC,IAAMC,UAAU,GAAG,IAAAF,4BAAS,EAACG,+BAAa,CAAC;IAC3C,IAAAC,qBAAA,GAAyC,IAAAC,+BAAoB,EAACnB,MAAM,EAAEK,GAAG,CAAC,CAAlEe,KAAK,GAAAF,qBAAA,CAALE,KAAK,CAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU,CAAEC,SAAS,GAAAJ,qBAAA,CAATI,SAAS;IACpC,IAAAC,qBAAA,GAAiB,IAAAC,kCAAuB,EAACnB,GAAG,CAAC,CAArCoB,IAAI,GAAAF,qBAAA,CAAJE,IAAI;;IAEZ,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAI1B,MAAuC,EAAK;MACrE,IAAI,CAACC,iBAAiB,EAAE;QACtB,QAAQD,MAAM;UACZ,KAAK,SAAS;YACZ,OAAOgB,UAAU,CAACW,gBAAgB,CAAC5B,eAAe,EAAEqB,KAAK,EAAEK,IAAI,CAAC;UAClE,KAAK,QAAQ;YACX,IAAIJ,UAAU,GAAGC,SAAS,GAAG,GAAG,EAAE;cAChC,OAAON,UAAU,CAACY,eAAe,CAACrB,KAAK,EAAEc,UAAU,EAAEvB,oBAAoB,EAAEsB,KAAK,EAAEK,IAAI,CAAC;YACzF;YACA,OAAOT,UAAU,CAACa,mBAAmB,CAACtB,KAAK,EAAEc,UAAU,EAAED,KAAK,EAAEK,IAAI,CAAC;UACvE,KAAK,OAAO;YACV,OAAOT,UAAU,CAACc,cAAc,CAACvB,KAAK,CAAC;UACzC,KAAK,UAAU;YACb,OAAOS,UAAU,CAACe,iBAAiB,CAACxB,KAAK,EAAET,oBAAoB,CAAC;QACpE;MACF;;MAEA,IAAIG,iBAAiB,EAAE;QACrB,QAAQD,MAAM;UACZ,KAAK,SAAS;YACZ,OAAOa,MAAM,CAACmB,uBAAuB,CAAC,CAAC;UACzC,KAAK,QAAQ;YACX,OAAOhB,UAAU,CAACiB,sBAAsB,CAACZ,UAAU,CAAC;UACtD,KAAK,OAAO;YACV,OAAOR,MAAM,CAACqB,qBAAqB,CAAC,CAAC;UACvC,KAAK,UAAU;YACb,OAAOrB,MAAM,CAACsB,wBAAwB,CAAC,CAAC;QAC5C;MACF;IACF,CAAC;;IAED;MACEpD,MAAA,CAAAqB,OAAA,CAAAgC,aAAA,CAAC/C,cAAA,CAAAgD,aAAa,MAAAC,SAAA,CAAAlC,OAAA,MAAKF,IAAI,IAAE,eAAaF,MAAO,EAACK,GAAG,EAAER,WAAY;MAC7Dd,MAAA,CAAAqB,OAAA,CAAAgC,aAAA,CAACjD,OAAA,CAAAoD,MAAM,IAACC,QAAQ,EAAC,cAAc,EAACC,SAAS,EAAE5B,MAAM,CAAC6B,KAAK,CAACnC,KAAK,CAAE;MAC7DxB,MAAA,CAAAqB,OAAA,CAAAgC,aAAA,UAAK/B,GAAG,EAAEA,GAAI,EAACoC,SAAS,EAAE7B,EAAE,CAACC,MAAM,CAAC8B,KAAK,CAACpC,KAAK,CAAC,EAAEmB,iBAAiB,CAAC1B,MAAM,CAAC,CAAE,EAAE;MACzE;MACK,CAAC;;EAEpB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ZIndex","_ThemeContext","_CommonWrapper","_GlobalLoaderView","_useParams","_excluded","GlobalLoaderView","exports","_ref","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","_objectWithoutPropertiesLoose2","default","ref","useRef","theme","useContext","ThemeContext","_useGlobalLoaderWidth","useGlobalLoaderWidth","width","startWidth","fullWidth","_useGlobalLoaderPosit","useGlobalLoaderPosition","left","getAnimationClass","animations","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","styles","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","createElement","CommonWrapper","_extends2","ZIndex","priority","className","outer","cx","inner"],"sources":["GlobalLoaderView.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  /** Устанавливает ожидаемое время(ms) ответа сервера. */\n  expectedResponseTime: number;\n\n  /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */\n  delayBeforeHide: number;\n\n  /** Устанавливает статус операции. */\n  status?: 'success' | 'error' | 'standard' | 'accept';\n\n  /** Отключает анимацию. */\n  disableAnimations: boolean;\n}\n\nexport interface GlobalLoaderViewRef {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element']>;\n}\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  ...rest\n}: GlobalLoaderViewProps) => {\n  const ref = useRef<GlobalLoaderViewRef['element']>(null);\n  const theme = useContext(ThemeContext);\n  const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n  const { left } = useGlobalLoaderPosition(ref);\n\n  const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n    if (!disableAnimations) {\n      switch (status) {\n        case 'success':\n          return animations.successAnimation(delayBeforeHide, width, left);\n        case 'accept':\n          if (startWidth < fullWidth * 0.8) {\n            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n          }\n          return animations.slowAcceptAnimation(theme, startWidth, width, left);\n        case 'error':\n          return animations.errorAnimation(theme);\n        case 'standard':\n          return animations.standardAnimation(theme, expectedResponseTime);\n      }\n    }\n\n    if (disableAnimations) {\n      switch (status) {\n        case 'success':\n          return styles.successWithoutAnimation();\n        case 'accept':\n          return animations.acceptWithoutAnimation(startWidth);\n        case 'error':\n          return styles.errorWithoutAnimation();\n        case 'standard':\n          return styles.standardWithoutAnimation();\n      }\n    }\n  };\n\n  return (\n    <CommonWrapper {...rest} data-status={status}>\n      <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n        <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n      </ZIndex>\n    </CommonWrapper>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/GlobalLoader/GlobalLoaderView.styles.d.ts

@@ -1,13 +1,12 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     outer(t: Theme): string;
     inner(t: Theme): string;
     standardWithoutAnimation(): string;
     successWithoutAnimation(): string;
     errorWithoutAnimation(): string;
-}>;
-export declare const getAnimations: (emotion: Emotion) => {
+};
+export declare const animations: {
     successAnimation(delayBeforeHide: number, width: number, left: number): string;
     errorAnimation(t: Theme): string;
     standardAnimation(t: Theme, expectedTime: number): string;

package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js

@@ -1,53 +1,52 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = exports.getAnimations = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.animations = 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;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  outer: function outer(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      background-color: ", ";\n      position: ", ";\n      left: ", ";\n      top: ", ";\n      right: ", ";\n      bottom: ", ";\n      overflow: hidden;\n    "])),
+    t.globalLoaderWidth,
+    t.globalLoaderHeight,
+    t.globalLoaderBackgroundColor,
+    t.globalLoaderPosition,
+    t.globalLoaderLeft,
+    t.globalLoaderTop,
+    t.globalLoaderRight,
+    t.globalLoaderBottom);
 
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    outer: function outer(t) {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      background-color: ", ";\n      position: ", ";\n      left: ", ";\n      top: ", ";\n      right: ", ";\n      bottom: ", ";\n      overflow: hidden;\n    "])),
-      t.globalLoaderWidth,
-      t.globalLoaderHeight,
-      t.globalLoaderBackgroundColor,
-      t.globalLoaderPosition,
-      t.globalLoaderLeft,
-      t.globalLoaderTop,
-      t.globalLoaderRight,
-      t.globalLoaderBottom);
 
+  },
+  inner: function inner(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      width: 0;\n      height: ", ";\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    "])),
+    t.globalLoaderColor,
 
-    },
-    inner: function inner(t) {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      width: 0;\n      height: ", ";\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    "])),
-      t.globalLoaderColor,
+    t.globalLoaderHeight);
 
-      t.globalLoaderHeight);
 
 
 
+  },
+  standardWithoutAnimation: function standardWithoutAnimation() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 90%;\n    "])));
 
-    },
-    standardWithoutAnimation: function standardWithoutAnimation() {
-      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 90%;\n    "])));
 
 
+  },
+  successWithoutAnimation: function successWithoutAnimation() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n    "])));
 
-    },
-    successWithoutAnimation: function successWithoutAnimation() {
-      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n    "])));
 
 
+  },
+  errorWithoutAnimation: function errorWithoutAnimation() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 40%;\n      width: 20%;\n    "])));
 
-    },
-    errorWithoutAnimation: function errorWithoutAnimation() {
-      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 40%;\n      width: 20%;\n    "])));
 
 
+  }
+});
 
-    }
-  };});
+var moveToRightAnimation = (0, _Emotion.keyframes)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n"])));
 
-var moveToRightAnimation = function moveToRightAnimation(_ref2) {var keyframes = _ref2.keyframes;return keyframes(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n"])));};
 
 
 
@@ -60,8 +59,8 @@ var moveToRightAnimation = function moveToRightAnimation(_ref2) {var keyframes =
 
 
 
+var spinnerAnimation = (0, _Emotion.keyframes)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n"])));
 
-var spinnerAnimation = function spinnerAnimation(_ref3) {var keyframes = _ref3.keyframes;return keyframes(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n"])));};
 
 
 
@@ -73,34 +72,32 @@ var spinnerAnimation = function spinnerAnimation(_ref3) {var keyframes = _ref3.k
 
 
 
+var linearProgressAnimation = (0, _Emotion.keyframes)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
 
-var linearProgressAnimation = function linearProgressAnimation(_ref4) {var keyframes = _ref4.keyframes;return keyframes(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 0; }\n  to { width: 80% }\n"])));};
 
 
+var slowProgressAnimation = (0, _Emotion.keyframes)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));
 
-var slowProgressAnimation = function slowProgressAnimation(_ref5) {var keyframes = _ref5.keyframes;return keyframes(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));};
 
 
 
+var animations = exports.animations = {
+  successAnimation: function successAnimation(delayBeforeHide, width, left) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])),
 
-var getAnimations = exports.getAnimations = function getAnimations(
-emotion) {return (
+    delayBeforeHide,
 
 
+    width,
+    left);
 
 
 
 
 
-    {
-      successAnimation: function successAnimation(delayBeforeHide, width, left) {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])),
 
-        delayBeforeHide,
 
 
-        width,
-        left);
 
 
 
@@ -111,96 +108,88 @@ emotion) {return (
 
 
 
+  },
+  errorAnimation: function errorAnimation(t) {
+    var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
+    var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
 
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n      animation:\n        ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])),
 
 
 
+    moveToRightAnimation, transitionDuration,
+    spinnerAnimationDuration, spinnerAnimation, transitionDuration);
 
+  },
+  standardAnimation: function standardAnimation(t, expectedTime) {
+    var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])),
 
 
+    linearProgressAnimation, expectedTime,
+    slowProgressAnimationTime, slowProgressAnimation, expectedTime);
 
-      },
-      errorAnimation: function errorAnimation(t) {
-        var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
-        var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
+  },
+  acceptAnimation: function acceptAnimation(t, startWidth, expectedTime, width, left) {
+    var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
+    var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    "])),
 
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n      animation:\n        ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])),
 
+    transitionTime,
+    expectedTime, transitionTime,
+    slowProgressAnimationTime, slowProgressAnimation, expectedTime + transitionTime,
 
 
-        moveToRightAnimation(emotion), transitionDuration,
-        spinnerAnimationDuration, spinnerAnimation(emotion), transitionDuration);
+    width,
+    left,
 
-      },
-      standardAnimation: function standardAnimation(t, expectedTime) {
-        var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])),
 
+    startWidth,
 
-        linearProgressAnimation(emotion), expectedTime,
-        slowProgressAnimationTime, slowProgressAnimation(emotion), expectedTime);
 
-      },
-      acceptAnimation: function acceptAnimation(t, startWidth, expectedTime, width, left) {
-        var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
-        var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    "])),
 
 
-        transitionTime,
-        expectedTime, transitionTime,
-        slowProgressAnimationTime, slowProgressAnimation(emotion), expectedTime + transitionTime,
 
+    startWidth);
 
-        width,
-        left,
 
 
-        startWidth,
 
 
 
+  },
+  slowAcceptAnimation: function slowAcceptAnimation(t, startWidth, width, left) {
+    var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
+    var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    "])),
 
 
-        startWidth);
+    transitionTime,
+    slowProgressAnimationTime, transitionTime,
 
 
+    width,
+    left,
 
 
+    startWidth,
 
 
-      },
-      slowAcceptAnimation: function slowAcceptAnimation(t, startWidth, width, left) {
-        var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
-        var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    "])),
 
 
-        transitionTime,
-        slowProgressAnimationTime, transitionTime,
 
+    startWidth);
 
-        width,
-        left,
 
 
-        startWidth,
 
 
 
+  },
+  acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", "px;\n    "])),
+    startWidth);
 
-
-        startWidth);
-
-
-
-
-
-
-      },
-      acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
-        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", "px;\n    "])),
-        startWidth);
-
-      }
-    });};
+  }
+};

package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","getStyles","exports","memoizeGetStyles","_ref","css","outer","t","_taggedTemplateLiteralLoose2","default","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","_ref2","keyframes","spinnerAnimation","_ref3","linearProgressAnimation","_ref4","slowProgressAnimation","_ref5","getAnimations","emotion","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n}));\n\nconst moveToRightAnimation = ({ keyframes }: Emotion) => keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = ({ keyframes }: Emotion) => keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = ({ keyframes }: Emotion) => keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = ({ keyframes }: Emotion) => keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const getAnimations = (\n  emotion: Emotion,\n): {\n  successAnimation(delayBeforeHide: number, width: number, left: number): string;\n  errorAnimation(t: Theme): string;\n  standardAnimation(t: Theme, expectedTime: number): string;\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number): string;\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number): string;\n  acceptWithoutAnimation(startWidth: number): string;\n} => ({\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return emotion.css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return emotion.css`\n      left: 0;\n      width: 100%;\n      animation:\n        ${moveToRightAnimation(emotion)} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation(emotion)} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return emotion.css`\n      width: 90%;\n      animation:\n        ${linearProgressAnimation(emotion)} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation(emotion)} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return emotion.css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation(emotion)} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return emotion.css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return emotion.css`\n      width: ${startWidth}px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","styles","exports","memoizeStyle","outer","t","css","_taggedTemplateLiteralLoose2","default","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","keyframes","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation:\n        ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"],"mappings":"ySAAA,IAAAA,QAAA,GAAAC,OAAA,8BAAyE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;;AAGlE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAApB,eAAA,KAAAA,eAAA,OAAAqB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACI,iBAAiB;IAClBJ,CAAC,CAACK,kBAAkB;IACVL,CAAC,CAACM,2BAA2B;IACrCN,CAAC,CAACO,oBAAoB;IAC1BP,CAAC,CAACQ,gBAAgB;IACnBR,CAAC,CAACS,eAAe;IACfT,CAAC,CAACU,iBAAiB;IAClBV,CAAC,CAACW,kBAAkB;;;EAGlC,CAAC;EACDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAnB,gBAAA,KAAAA,gBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACa,iBAAiB;;IAE7Bb,CAAC,CAACK,kBAAkB;;;;;EAKlC,CAAC;EACDS,wBAAwB,WAAAA,yBAAA,EAAG;IACzB,WAAOb,YAAG,EAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDY,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,WAAOd,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDa,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,WAAOf,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC;;AAEF,IAAMc,oBAAoB,OAAGC,kBAAS,EAAAhC,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA,qJAarC;;;;;;;;;;;;;;AACD,IAAMgB,gBAAgB,OAAGD,kBAAS,EAAA/B,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA,4TAYjC;;;;;;;;;;;;;AACD,IAAMiB,uBAAuB,OAAGF,kBAAS,EAAA9B,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA,sDAGxC;;;;AACD,IAAMkB,qBAAqB,OAAGH,kBAAS,EAAA7B,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA,wDAGtC;;;;;AAEM,IAAMmB,UAAU,GAAAzB,OAAA,CAAAyB,UAAA,GAAG;EACxBC,gBAAgB,WAAAA,iBAACC,eAAuB,EAAEC,KAAa,EAAEC,IAAY,EAAE;IACrE,WAAOzB,YAAG,EAAAX,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;;IAEcqB,eAAe;;;IAGxBC,KAAK;IACNC,IAAI;;;;;;;;;;;;;;;;;;;EAmBpB,CAAC;EACDC,cAAc,WAAAA,eAAC3B,CAAQ,EAAE;IACvB,IAAM4B,kBAAkB,GAAGC,QAAQ,CAAC7B,CAAC,CAAC8B,uCAAuC,CAAC;IAC9E,IAAMC,wBAAwB,GAAGF,QAAQ,CAAC7B,CAAC,CAACgC,oCAAoC,CAAC;;IAEjF,WAAO/B,YAAG,EAAAV,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;IAIJc,oBAAoB,EAAIW,kBAAkB;IAC1CG,wBAAwB,EAAMZ,gBAAgB,EAAIS,kBAAkB;;EAE5E,CAAC;EACDK,iBAAiB,WAAAA,kBAACjC,CAAQ,EAAEkC,YAAoB,EAAE;IAChD,IAAMC,yBAAyB,GAAGN,QAAQ,CAAC7B,CAAC,CAACoC,iCAAiC,CAAC;IAC/E,WAAOnC,YAAG,EAAAT,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;IAGJiB,uBAAuB,EAAIc,YAAY;IACvCC,yBAAyB,EAAMd,qBAAqB,EAAIa,YAAY;;EAE5E,CAAC;EACDG,eAAe,WAAAA,gBAACrC,CAAQ,EAAEsC,UAAkB,EAAEJ,YAAoB,EAAET,KAAa,EAAEC,IAAY,EAAE;IAC/F,IAAMa,cAAc,GAAGV,QAAQ,CAAC7B,CAAC,CAACwC,yCAAyC,CAAC;IAC5E,IAAML,yBAAyB,GAAGN,QAAQ,CAAC7B,CAAC,CAACoC,iCAAiC,CAAC;IAC/E,WAAOnC,YAAG,EAAAR,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGgBoC,cAAc;IAClCL,YAAY,EAAsBK,cAAc;IAChDJ,yBAAyB,EAAMd,qBAAqB,EAAIa,YAAY,GAAGK,cAAc;;;IAG5Ed,KAAK;IACNC,IAAI;;;IAGHY,UAAU;;;;;;IAMVA,UAAU;;;;;;;EAO3B,CAAC;EACDG,mBAAmB,WAAAA,oBAACzC,CAAQ,EAAEsC,UAAkB,EAAEb,KAAa,EAAEC,IAAY,EAAE;IAC7E,IAAMa,cAAc,GAAGV,QAAQ,CAAC7B,CAAC,CAACwC,yCAAyC,CAAC;IAC5E,IAAML,yBAAyB,GAAGN,QAAQ,CAAC7B,CAAC,CAACoC,iCAAiC,CAAC;IAC/E,WAAOnC,YAAG,EAAAP,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGgBoC,cAAc;IAClCJ,yBAAyB,EAAsBI,cAAc;;;IAGpDd,KAAK;IACNC,IAAI;;;IAGHY,UAAU;;;;;;IAMVA,UAAU;;;;;;;EAO3B,CAAC;EACDI,sBAAsB,WAAAA,uBAACJ,UAAkB,EAAE;IACzC,WAAOrC,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCmC,UAAU;;EAEvB;AACF,CAAC","ignoreList":[]}

package/cjs/components/GlobalLoader/useParams.d.ts

@@ -5,7 +5,7 @@ import type { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderV
  * @param ref - ref `GlobalLoader`
  * @returns - возвращает положение полоски `GlobalLoader`
  */
-export declare const useGlobalLoaderPosition: (ref: GlobalLoaderViewRef["refObject"]) => {
+export declare const useGlobalLoaderPosition: (ref: GlobalLoaderViewRef['refObject']) => {
     left: number;
 };
 /**
@@ -15,7 +15,7 @@ export declare const useGlobalLoaderPosition: (ref: GlobalLoaderViewRef["refObje
  * @param ref - ref `GlobalLoader`
  * @returns - возвращает ширину полоски `GlobalLoader`
  */
-export declare const useGlobalLoaderWidth: (status: GlobalLoaderViewProps["status"], ref: GlobalLoaderViewRef["refObject"]) => {
+export declare const useGlobalLoaderWidth: (status: GlobalLoaderViewProps['status'], ref: GlobalLoaderViewRef['refObject']) => {
     width: number;
     startWidth: number;
     fullWidth: number;

package/cjs/components/GlobalLoader/useParams.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_getDOMRect3","useGlobalLoaderPosition","exports","ref","_getDOMRect","getDOMRect","left","useGlobalLoaderWidth","status","_ref$current","_getDOMRect2","width","_useState","useState","startWidth","setStartWidth","fullWidth","current","parentElement","offsetWidth","useEffect"],"sources":["useParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport type { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';\n\n/**\n * Вычисляет положение `GlobalLoader`\n *\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает положение полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderPosition = (ref: GlobalLoaderViewRef['refObject']): { left: number } => {\n  const { left } = getDOMRect(ref);\n  return { left };\n};\n\n/**\n * Вычисляет ширину `GlobalLoader`\n *\n * @param status - статус `GlobalLoader`\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает ширину полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderWidth = (\n  status: GlobalLoaderViewProps['status'],\n  ref: GlobalLoaderViewRef['refObject'],\n): { width: number; startWidth: number; fullWidth: number } => {\n  const { width } = getDOMRect(ref);\n  const [startWidth, setStartWidth] = useState(0);\n  const fullWidth = ref.current?.parentElement?.offsetWidth || 0;\n  useEffect(() => {\n    if (status === 'error') {\n      setStartWidth(width);\n    } else if (status === 'accept') {\n      setStartWidth(startWidth);\n    } else {\n      setStartWidth(0);\n    }\n  }, [status]);\n\n  return { width, startWidth, fullWidth };\n};\n"],"mappings":"+GAAA,IAAAA,MAAA,GAAAC,OAAA;;AAEA,IAAAC,YAAA,GAAAD,OAAA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAME,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIE,GAAqC,EAAuB;EAClG,IAAAC,WAAA,GAAiB,IAAAC,uBAAU,EAACF,GAAG,CAAC,CAAxBG,IAAI,GAAAF,WAAA,CAAJE,IAAI;EACZ,OAAO,EAAEA,IAAI,EAAJA,IAAI,CAAC,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMC,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAG,SAAvBA,oBAAoBA;AAC/BC,MAAuC;AACvCL,GAAqC;AACwB,KAAAM,YAAA;EAC7D,IAAAC,YAAA,GAAkB,IAAAL,uBAAU,EAACF,GAAG,CAAC,CAAzBQ,KAAK,GAAAD,YAAA,CAALC,KAAK;EACb,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,CAAC,CAAC,CAAxCC,UAAU,GAAAF,SAAA,IAAEG,aAAa,GAAAH,SAAA;EAChC,IAAMI,SAAS,GAAG,EAAAP,YAAA,GAAAN,GAAG,CAACc,OAAO,cAAAR,YAAA,GAAXA,YAAA,CAAaS,aAAa,qBAA1BT,YAAA,CAA4BU,WAAW,KAAI,CAAC;EAC9D,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIZ,MAAM,KAAK,OAAO,EAAE;MACtBO,aAAa,CAACJ,KAAK,CAAC;IACtB,CAAC,MAAM,IAAIH,MAAM,KAAK,QAAQ,EAAE;MAC9BO,aAAa,CAACD,UAAU,CAAC;IAC3B,CAAC,MAAM;MACLC,aAAa,CAAC,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;;EAEZ,OAAO,EAAEG,KAAK,EAALA,KAAK,EAAEG,UAAU,EAAVA,UAAU,EAAEE,SAAS,EAATA,SAAS,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_getDOMRect3","useGlobalLoaderPosition","exports","ref","_getDOMRect","getDOMRect","left","useGlobalLoaderWidth","status","_ref$current","_getDOMRect2","width","_useState","useState","startWidth","setStartWidth","fullWidth","current","parentElement","offsetWidth","useEffect"],"sources":["useParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport type { GlobalLoaderViewProps, GlobalLoaderViewRef } from './GlobalLoaderView';\n\n/**\n * Вычисляет положение `GlobalLoader`\n *\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает положение полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderPosition = (ref: GlobalLoaderViewRef['refObject']) => {\n  const { left } = getDOMRect(ref);\n  return { left };\n};\n\n/**\n * Вычисляет ширину `GlobalLoader`\n *\n * @param status - статус `GlobalLoader`\n * @param ref - ref `GlobalLoader`\n * @returns - возвращает ширину полоски `GlobalLoader`\n */\n\nexport const useGlobalLoaderWidth = (\n  status: GlobalLoaderViewProps['status'],\n  ref: GlobalLoaderViewRef['refObject'],\n) => {\n  const { width } = getDOMRect(ref);\n  const [startWidth, setStartWidth] = useState(0);\n  const fullWidth = ref.current?.parentElement?.offsetWidth || 0;\n  useEffect(() => {\n    if (status === 'error') {\n      setStartWidth(width);\n    } else if (status === 'accept') {\n      setStartWidth(startWidth);\n    } else {\n      setStartWidth(0);\n    }\n  }, [status]);\n\n  return { width, startWidth, fullWidth };\n};\n"],"mappings":"+GAAA,IAAAA,MAAA,GAAAC,OAAA;;AAEA,IAAAC,YAAA,GAAAD,OAAA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAME,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIE,GAAqC,EAAK;EAChF,IAAAC,WAAA,GAAiB,IAAAC,uBAAU,EAACF,GAAG,CAAC,CAAxBG,IAAI,GAAAF,WAAA,CAAJE,IAAI;EACZ,OAAO,EAAEA,IAAI,EAAJA,IAAI,CAAC,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMC,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAG,SAAvBA,oBAAoBA;AAC/BC,MAAuC;AACvCL,GAAqC;AAClC,KAAAM,YAAA;EACH,IAAAC,YAAA,GAAkB,IAAAL,uBAAU,EAACF,GAAG,CAAC,CAAzBQ,KAAK,GAAAD,YAAA,CAALC,KAAK;EACb,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,CAAC,CAAC,CAAxCC,UAAU,GAAAF,SAAA,IAAEG,aAAa,GAAAH,SAAA;EAChC,IAAMI,SAAS,GAAG,EAAAP,YAAA,GAAAN,GAAG,CAACc,OAAO,cAAAR,YAAA,GAAXA,YAAA,CAAaS,aAAa,qBAA1BT,YAAA,CAA4BU,WAAW,KAAI,CAAC;EAC9D,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIZ,MAAM,KAAK,OAAO,EAAE;MACtBO,aAAa,CAACJ,KAAK,CAAC;IACtB,CAAC,MAAM,IAAIH,MAAM,KAAK,QAAQ,EAAE;MAC9BO,aAAa,CAACD,UAAU,CAAC;IAC3B,CAAC,MAAM;MACLC,aAAa,CAAC,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;;EAEZ,OAAO,EAAEG,KAAK,EAALA,KAAK,EAAEG,UAAU,EAAVA,UAAU,EAAEE,SAAS,EAATA,SAAS,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}

package/cjs/components/Group/Group.d.ts

@@ -19,9 +19,7 @@ export declare class Group extends React.Component<GroupProps> {
     static displayName: string;
     getRootNode: TGetRootNode;
     private setRootNode;
-    private emotion;
-    private cx;
-    private styles;
+    private featureFlags;
     render(): React.JSX.Element;
     private renderChild;
     private renderWrappedChildren;

package/cjs/components/Group/Group.js

@@ -1,8 +1,9 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getButtonCorners = exports.GroupDataTids = exports.Group = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
-
+var _client = require("../../lib/client");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _utils = require("../../lib/utils");
@@ -18,7 +19,8 @@ var _utils = require("../../lib/utils");
 
 
 
-var _renderEnvironment = require("../../lib/renderEnvironment");
+
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
 
 var _Group2 = require("./Group.styles");var _class, _Group;
 
@@ -106,8 +108,11 @@ var GroupDataTids = exports.GroupDataTids = {
  *  Длина контейнера настраивается с помощью пропа `width`.
  */var
 
+Group = exports.Group = (0, _rootNode.rootNode)(_class = (_Group = /*#__PURE__*/function (_React$Component) {function Group() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
 
-Group = exports.Group = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Group = /*#__PURE__*/function (_React$Component) {function Group() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -153,30 +158,31 @@ Group = exports.Group = (0, _renderEnvironment.withRenderEnvironment)(_class = (
     child,
     isFirstChild,
     isLastChild,
-    isWidthInPercent) {var _this$cx, _this$cx2;return /*#__PURE__*/(
+    isWidthInPercent) {var _cx, _cx2;return /*#__PURE__*/(
 
         _react.default.createElement("div", {
-          className: _this.cx((_this$cx = {}, _this$cx[
-          _this.styles.fixed()] = !isWidthInPercent, _this$cx[
-          _this.styles.stretch()] = isWidthInPercent, _this$cx)
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _Group2.styles.fixed()] = !isWidthInPercent, _cx[
+          _Group2.styles.stretch()] = isWidthInPercent, _cx[
+          _Group2.styles.stretchFallback()] = Boolean(isWidthInPercent && _this.props.width && (_client.isIE11 || _client.isEdge)), _cx)
           ) }, /*#__PURE__*/
 
         _react.default.createElement("div", {
-          className: _this.cx((_this$cx2 = {}, _this$cx2[
-          _this.styles.item()] = true, _this$cx2[
-          _this.styles.itemFirst()] = isFirstChild, _this$cx2)
+          className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
+          _Group2.styles.item()] = true, _cx2[
+          _Group2.styles.itemFirst()] = isFirstChild, _cx2)
           ) },
 
         tryPassCorners(child, isFirstChild, isLastChild)
         )
-        ));};return _this;}(0, _inheritsLoose2.default)(Group, _React$Component);var _proto = Group.prototype;_proto.render = function render() {var _this2 = this;var style = { width: this.props.width };var childrenArray = _react.default.Children.toArray(this.props.children);var firstChild = getFirstChild(childrenArray);var lastChild = getLastChild(childrenArray);this.styles = (0, _Group2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", { "data-tid": GroupDataTids.root, className: this.styles.root(), style: style }, _react.default.Children.map(childrenArray, function (child) {if (!child || ! /*#__PURE__*/_react.default.isValidElement(child)) {return null;}var isFirstChild = child === firstChild;var isLastChild = child === lastChild;if ((0, _utils.isHint)(child) || (0, _utils.isTooltip)(child)) {return _this2.renderWrappedChildren(child, isFirstChild, isLastChild);}return _this2.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));})));};_proto.
+        ));};return _this;}(0, _inheritsLoose2.default)(Group, _React$Component);var _proto = Group.prototype;_proto.render = function render() {var _this2 = this;var style = { width: this.props.width };var childrenArray = _react.default.Children.toArray(this.props.children);var firstChild = getFirstChild(childrenArray);var lastChild = getLastChild(childrenArray);return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/_react.default.createElement("span", { "data-tid": GroupDataTids.root, className: _Group2.styles.root(), style: style }, _react.default.Children.map(childrenArray, function (child) {if (!child || ! /*#__PURE__*/_react.default.isValidElement(child)) {return null;}var isFirstChild = child === firstChild;var isLastChild = child === lastChild;if (_this2.featureFlags.groupAddHintAndTooltipSupport && ((0, _utils.isHint)(child) || (0, _utils.isTooltip)(child))) {return _this2.renderWrappedChildren(child, isFirstChild, isLastChild);}return _this2.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));})));});};_proto.
 
 
   renderWrappedChildren = function renderWrappedChildren(
   parent,
   isParentFirst,
   isParentLast)
-  {var _this3 = this,_this$cx3;
+  {var _this3 = this,_cx3;
     var shouldStretchParent = false;
     var nestedChildren = _react.default.Children.toArray(parent.props.children);
 
@@ -195,7 +201,7 @@ Group = exports.Group = (0, _renderEnvironment.withRenderEnvironment)(_class = (
     });
 
     var wrappedChildren = /*#__PURE__*/
-    _react.default.createElement("div", { className: this.cx(this.styles.wrappedChildren(), (_this$cx3 = {}, _this$cx3[this.styles.stretch()] = shouldStretchParent, _this$cx3)) },
+    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Group2.styles.wrappedChildren(), (_cx3 = {}, _cx3[_Group2.styles.stretch()] = shouldStretchParent, _cx3)) },
     modifiedChildren
     );
 
@@ -203,4 +209,4 @@ Group = exports.Group = (0, _renderEnvironment.withRenderEnvironment)(_class = (
     return /*#__PURE__*/_react.default.cloneElement(parent, {
       children: wrappedChildren
     });
-  };return Group;}(_react.default.Component), _Group.__KONTUR_REACT_UI__ = 'Group', _Group.displayName = 'Group', _Group)) || _class) || _class;
+  };return Group;}(_react.default.Component), _Group.__KONTUR_REACT_UI__ = 'Group', _Group.displayName = 'Group', _Group)) || _class;

package/cjs/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_rootNode","_utils","_renderEnvironment","_Group2","_class","_Group","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","React","Children","count","getButtonCorners","exports","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","tryPassCorners","child","corners","isButton","isInput","isFxInput","isAutocomplete","isPasswordInput","isCurrencyInput","isSelect","isDropdown","isDropdownMenu","cloneElement","_extends2","default","props","hasWidthInPercent","String","width","includes","GroupDataTids","root","Group","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","_key","call","apply","concat","renderChild","isWidthInPercent","_this$cx","_this$cx2","createElement","className","cx","styles","fixed","stretch","item","itemFirst","_inheritsLoose2","_proto","prototype","render","_this2","style","childrenArray","toArray","firstChild","lastChild","getStyles","emotion","CommonWrapper","rootNodeRef","setRootNode","map","isValidElement","isHint","isTooltip","renderWrappedChildren","parent","isParentFirst","isParentLast","_this3","_this$cx3","shouldStretchParent","nestedChildren","modifiedChildren","nestedChild","index","wrappedChildren","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport {\n  isButton,\n  isAutocomplete,\n  isCurrencyInput,\n  isDropdown,\n  isDropdownMenu,\n  isFxInput,\n  isInput,\n  isPasswordInput,\n  isSelect,\n  isTooltip,\n  isHint,\n} from '../../lib/utils';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  /** Задает длину компонента Group. */\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst tryPassCorners = (child: React.ReactNode, isFirstChild: boolean, isLastChild: boolean) => {\n  const corners = getButtonCorners(isFirstChild, isLastChild);\n\n  if (\n    isButton(child) ||\n    isInput(child) ||\n    isFxInput(child) ||\n    isAutocomplete(child) ||\n    isPasswordInput(child) ||\n    isCurrencyInput(child) ||\n    isSelect(child) ||\n    isDropdown(child) ||\n    isDropdownMenu(child)\n  ) {\n    return React.cloneElement<(typeof child)['props']>(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nconst hasWidthInPercent = (child: React.ReactElement<GroupChildProps>) => String(child.props.width).includes('%');\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n/**\n *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.\n *\n *  Длина контейнера настраивается с помощью пропа `width`.\n */\n@withRenderEnvironment\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  public static displayName = 'Group';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render(): React.JSX.Element {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span data-tid={GroupDataTids.root} className={this.styles.root()} style={style}>\n          {React.Children.map(childrenArray, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isFirstChild = child === firstChild;\n            const isLastChild = child === lastChild;\n\n            if (isHint(child) || isTooltip(child)) {\n              return this.renderWrappedChildren(child, isFirstChild, isLastChild);\n            }\n\n            return this.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n\n  private renderChild = (\n    child: React.ReactNode,\n    isFirstChild: boolean,\n    isLastChild: boolean,\n    isWidthInPercent: boolean,\n  ) => (\n    <div\n      className={this.cx({\n        [this.styles.fixed()]: !isWidthInPercent,\n        [this.styles.stretch()]: isWidthInPercent,\n      })}\n    >\n      <div\n        className={this.cx({\n          [this.styles.item()]: true,\n          [this.styles.itemFirst()]: isFirstChild,\n        })}\n      >\n        {tryPassCorners(child, isFirstChild, isLastChild)}\n      </div>\n    </div>\n  );\n\n  private renderWrappedChildren(\n    parent: React.ReactElement<GroupChildProps>,\n    isParentFirst: boolean,\n    isParentLast: boolean,\n  ): React.ReactNode {\n    let shouldStretchParent = false;\n    const nestedChildren = React.Children.toArray(parent.props.children);\n\n    const modifiedChildren = nestedChildren.map((nestedChild, index) => {\n      if (!nestedChild || !React.isValidElement<GroupChildProps>(nestedChild)) {\n        return null;\n      }\n\n      const isFirstChild = isParentFirst && index === 0;\n      const isLastChild = isParentLast && index === nestedChildren.length - 1;\n      if (hasWidthInPercent(nestedChild)) {\n        shouldStretchParent = true;\n      }\n\n      return this.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));\n    });\n\n    const wrappedChildren = (\n      <div className={this.cx(this.styles.wrappedChildren(), { [this.styles.stretch()]: shouldStretchParent })}>\n        {modifiedChildren}\n      </div>\n    );\n\n    return React.cloneElement<GroupChildProps>(parent, {\n      children: wrappedChildren,\n    });\n  }\n}\n"],"mappings":"8XAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,cAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;;;;;;;;;;;;;AAaA,IAAAI,kBAAA,GAAAJ,OAAA;;AAEA,IAAAK,OAAA,GAAAL,OAAA,mBAA2C,IAAAM,MAAA,EAAAC,MAAA;;;;;;;;;;;;AAY3C,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAyB,EAAK;EACnD,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;;EAEA,OAAOA,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC;AACtB,CAAC;;AAED,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIH,QAAyB,EAAK;EAClD,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,EAAE;IAC5B,OAAOA,QAAQ;EACjB;;EAEA,IAAMI,gBAAgB,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC;;EAEvD,OAAOA,QAAQ,oBAARA,QAAQ,CAAGI,gBAAgB,GAAG,CAAC,CAAC;AACzC,CAAC;;AAEM,IAAMI,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,YAAqB,EAAEC,WAAoB,EAA0B;EACpG,IAAID,YAAY,IAAIC,WAAW,EAAE;IAC/B,OAAO,CAAC,CAAC;EACX;;EAEA,IAAID,YAAY,EAAE;IAChB,OAAO;MACLE,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B,CAAC;EACH;;EAEA,IAAIF,WAAW,EAAE;IACf,OAAO;MACLG,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE;IAC1B,CAAC;EACH;;EAEA,OAAO;IACLC,YAAY,EAAE;EAChB,CAAC;AACH,CAAC;;AAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAsB,EAAER,YAAqB,EAAEC,WAAoB,EAAK;EAC9F,IAAMQ,OAAO,GAAGX,gBAAgB,CAACE,YAAY,EAAEC,WAAW,CAAC;;EAE3D;EACE,IAAAS,eAAQ,EAACF,KAAK,CAAC;EACf,IAAAG,cAAO,EAACH,KAAK,CAAC;EACd,IAAAI,gBAAS,EAACJ,KAAK,CAAC;EAChB,IAAAK,qBAAc,EAACL,KAAK,CAAC;EACrB,IAAAM,sBAAe,EAACN,KAAK,CAAC;EACtB,IAAAO,sBAAe,EAACP,KAAK,CAAC;EACtB,IAAAQ,eAAQ,EAACR,KAAK,CAAC;EACf,IAAAS,iBAAU,EAACT,KAAK,CAAC;EACjB,IAAAU,qBAAc,EAACV,KAAK,CAAC;EACrB;IACA,oBAAOb,cAAK,CAACwB,YAAY,CAA0BX,KAAK,EAAE,EAAEC,OAAO,MAAAW,SAAA,CAAAC,OAAA,MAAOZ,OAAO,EAAKD,KAAK,CAACc,KAAK,CAACb,OAAO,CAAE,CAAC,CAAC,CAAC;EAChH;;EAEA,OAAOD,KAAK;AACd,CAAC;;AAED,IAAMe,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIf,KAA0C,UAAKgB,MAAM,CAAChB,KAAK,CAACc,KAAK,CAACG,KAAK,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAC;;AAE1G,IAAMC,aAAa,GAAA5B,OAAA,CAAA4B,aAAA,GAAG;EAC3BC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA,GAJA;;;AAOaC,KAAK,GAAA9B,OAAA,CAAA8B,KAAA,OAFjBC,wCAAqB,EAAA3C,MAAA,OACrB4C,kBAAQ,EAAA5C,MAAA,IAAAC,MAAA,0BAAA4C,gBAAA,YAAAH,MAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAA9C,KAAA,CAAA2C,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,KAAAD,IAAA,CAAAC,IAAA,IAAAH,SAAA,CAAAG,IAAA,GAAAL,KAAA,GAAAD,gBAAA,CAAAO,IAAA,CAAAC,KAAA,CAAAR,gBAAA,SAAAS,MAAA,CAAAJ,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2CCS,WAAW,GAAG;IACpBlC,KAAsB;IACtBR,YAAqB;IACrBC,WAAoB;IACpB0C,gBAAyB,OAAAC,QAAA,EAAAC,SAAA;;QAEzBlE,MAAA,CAAA0C,OAAA,CAAAyB,aAAA;UACEC,SAAS,EAAEd,KAAA,CAAKe,EAAE,EAAAJ,QAAA,OAAAA,QAAA;UACfX,KAAA,CAAKgB,MAAM,CAACC,KAAK,CAAC,CAAC,IAAG,CAACP,gBAAgB,EAAAC,QAAA;UACvCX,KAAA,CAAKgB,MAAM,CAACE,OAAO,CAAC,CAAC,IAAGR,gBAAgB,EAAAC,QAAA;UAC1C,CAAE;;QAEHjE,MAAA,CAAA0C,OAAA,CAAAyB,aAAA;UACEC,SAAS,EAAEd,KAAA,CAAKe,EAAE,EAAAH,SAAA,OAAAA,SAAA;UACfZ,KAAA,CAAKgB,MAAM,CAACG,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAP,SAAA;UACzBZ,KAAA,CAAKgB,MAAM,CAACI,SAAS,CAAC,CAAC,IAAGrD,YAAY,EAAA6C,SAAA;UACxC,CAAE;;QAEFtC,cAAc,CAACC,KAAK,EAAER,YAAY,EAAEC,WAAW;QAC7C;QACF,CAAC,GACP,QAAAgC,KAAA,MAAAqB,eAAA,CAAAjC,OAAA,EAAAQ,KAAA,EAAAG,gBAAA,MAAAuB,MAAA,GAAA1B,KAAA,CAAA2B,SAAA,CAAAD,MAAA,CArDME,MAAM,GAAb,SAAAA,OAAA,EAAmC,KAAAC,MAAA,QACjC,IAAMC,KAA0B,GAAG,EACjClC,KAAK,EAAE,IAAI,CAACH,KAAK,CAACG,KAAK,CACzB,CAAC,CAED,IAAMmC,aAAa,GAAGjE,cAAK,CAACC,QAAQ,CAACiE,OAAO,CAAC,IAAI,CAACvC,KAAK,CAAChC,QAAQ,CAAC,CACjE,IAAMwE,UAAU,GAAGzE,aAAa,CAACuE,aAAa,CAAC,CAC/C,IAAMG,SAAS,GAAGtE,YAAY,CAACmE,aAAa,CAAC,CAC7C,IAAI,CAACX,MAAM,GAAG,IAAAe,iBAAS,EAAC,IAAI,CAACC,OAAO,CAAC,CAErC,oBACEtF,MAAA,CAAA0C,OAAA,CAAAyB,aAAA,CAAChE,cAAA,CAAAoF,aAAa,MAAA9C,SAAA,CAAAC,OAAA,IAAC8C,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAC9C,KAAK,gBAC1D3C,MAAA,CAAA0C,OAAA,CAAAyB,aAAA,WAAM,YAAUnB,aAAa,CAACC,IAAK,EAACmB,SAAS,EAAE,IAAI,CAACE,MAAM,CAACrB,IAAI,CAAC,CAAE,EAAC+B,KAAK,EAAEA,KAAM,IAC7EhE,cAAK,CAACC,QAAQ,CAACyE,GAAG,CAACT,aAAa,EAAE,UAACpD,KAAK,EAAK,CAC5C,IAAI,CAACA,KAAK,IAAI,eAACb,cAAK,CAAC2E,cAAc,CAAkB9D,KAAK,CAAC,EAAE,CAC3D,OAAO,IAAI,CACb,CAEA,IAAMR,YAAY,GAAGQ,KAAK,KAAKsD,UAAU,CACzC,IAAM7D,WAAW,GAAGO,KAAK,KAAKuD,SAAS,CAEvC,IAAI,IAAAQ,aAAM,EAAC/D,KAAK,CAAC,IAAI,IAAAgE,gBAAS,EAAChE,KAAK,CAAC,EAAE,CACrC,OAAOkD,MAAI,CAACe,qBAAqB,CAACjE,KAAK,EAAER,YAAY,EAAEC,WAAW,CAAC,CACrE,CAEA,OAAOyD,MAAI,CAAChB,WAAW,CAAClC,KAAK,EAAER,YAAY,EAAEC,WAAW,EAAEsB,iBAAiB,CAACf,KAAK,CAAC,CAAC,CACrF,CAAC,CACG,CACO,CAAC,CAEpB,CAAC,CAAA+C,MAAA;;;EAyBOkB,qBAAqB,GAA7B,SAAAA;EACEC,MAA2C;EAC3CC,aAAsB;EACtBC,YAAqB;EACJ,KAAAC,MAAA,QAAAC,SAAA;IACjB,IAAIC,mBAAmB,GAAG,KAAK;IAC/B,IAAMC,cAAc,GAAGrF,cAAK,CAACC,QAAQ,CAACiE,OAAO,CAACa,MAAM,CAACpD,KAAK,CAAChC,QAAQ,CAAC;;IAEpE,IAAM2F,gBAAgB,GAAGD,cAAc,CAACX,GAAG,CAAC,UAACa,WAAW,EAAEC,KAAK,EAAK;MAClE,IAAI,CAACD,WAAW,IAAI,eAACvF,cAAK,CAAC2E,cAAc,CAAkBY,WAAW,CAAC,EAAE;QACvE,OAAO,IAAI;MACb;;MAEA,IAAMlF,YAAY,GAAG2E,aAAa,IAAIQ,KAAK,KAAK,CAAC;MACjD,IAAMlF,WAAW,GAAG2E,YAAY,IAAIO,KAAK,KAAKH,cAAc,CAAC5C,MAAM,GAAG,CAAC;MACvE,IAAIb,iBAAiB,CAAC2D,WAAW,CAAC,EAAE;QAClCH,mBAAmB,GAAG,IAAI;MAC5B;;MAEA,OAAOF,MAAI,CAACnC,WAAW,CAACwC,WAAW,EAAElF,YAAY,EAAEC,WAAW,EAAEsB,iBAAiB,CAAC2D,WAAW,CAAC,CAAC;IACjG,CAAC,CAAC;;IAEF,IAAME,eAAe;IACnBzG,MAAA,CAAA0C,OAAA,CAAAyB,aAAA,UAAKC,SAAS,EAAE,IAAI,CAACC,EAAE,CAAC,IAAI,CAACC,MAAM,CAACmC,eAAe,CAAC,CAAC,GAAAN,SAAA,OAAAA,SAAA,CAAK,IAAI,CAAC7B,MAAM,CAACE,OAAO,CAAC,CAAC,IAAG4B,mBAAmB,EAAAD,SAAA,CAAE,CAAE;IACtGG;IACE,CACN;;;IAED,oBAAOtF,cAAK,CAACwB,YAAY,CAAkBuD,MAAM,EAAE;MACjDpF,QAAQ,EAAE8F;IACZ,CAAC,CAAC;EACJ,CAAC,QAAAvD,KAAA,GAhGwBlC,cAAK,CAAC0F,SAAS,GAAAjG,MAAA,CAC1BkG,mBAAmB,GAAG,OAAO,EAAAlG,MAAA,CAC7BmG,WAAW,GAAG,OAAO,EAAAnG,MAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_client","_CommonWrapper","_Emotion","_rootNode","_utils","_featureFlagsContext","_Group2","_class","_Group","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","React","Children","count","getButtonCorners","exports","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","tryPassCorners","child","corners","isButton","isInput","isFxInput","isAutocomplete","isPasswordInput","isCurrencyInput","isSelect","isDropdown","isDropdownMenu","cloneElement","_extends2","default","props","hasWidthInPercent","String","width","includes","GroupDataTids","root","Group","rootNode","_React$Component","_this","_len","arguments","length","args","_key","call","apply","concat","renderChild","isWidthInPercent","_cx","_cx2","createElement","className","cx","styles","fixed","stretch","stretchFallback","Boolean","isIE11","isEdge","item","itemFirst","_inheritsLoose2","_proto","prototype","render","_this2","style","childrenArray","toArray","firstChild","lastChild","ReactUIFeatureFlagsContext","Consumer","flags","featureFlags","getFullReactUIFlagsContext","CommonWrapper","rootNodeRef","setRootNode","map","isValidElement","groupAddHintAndTooltipSupport","isHint","isTooltip","renderWrappedChildren","parent","isParentFirst","isParentLast","_this3","_cx3","shouldStretchParent","nestedChildren","modifiedChildren","nestedChild","index","wrappedChildren","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport {\n  isButton,\n  isAutocomplete,\n  isCurrencyInput,\n  isDropdown,\n  isDropdownMenu,\n  isFxInput,\n  isInput,\n  isPasswordInput,\n  isSelect,\n  isTooltip,\n  isHint,\n} from '../../lib/utils';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  /** Задает длину компонента Group. */\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst tryPassCorners = (child: React.ReactNode, isFirstChild: boolean, isLastChild: boolean) => {\n  const corners = getButtonCorners(isFirstChild, isLastChild);\n\n  if (\n    isButton(child) ||\n    isInput(child) ||\n    isFxInput(child) ||\n    isAutocomplete(child) ||\n    isPasswordInput(child) ||\n    isCurrencyInput(child) ||\n    isSelect(child) ||\n    isDropdown(child) ||\n    isDropdownMenu(child)\n  ) {\n    return React.cloneElement<(typeof child)['props']>(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nconst hasWidthInPercent = (child: React.ReactElement<GroupChildProps>) => String(child.props.width).includes('%');\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n/**\n *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.\n *\n *  Длина контейнера настраивается с помощью пропа `width`.\n */\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  public static displayName = 'Group';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private featureFlags!: ReactUIFeatureFlags;\n\n  public render() {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n                {React.Children.map(childrenArray, (child) => {\n                  if (!child || !React.isValidElement<GroupChildProps>(child)) {\n                    return null;\n                  }\n\n                  const isFirstChild = child === firstChild;\n                  const isLastChild = child === lastChild;\n\n                  if (this.featureFlags.groupAddHintAndTooltipSupport && (isHint(child) || isTooltip(child))) {\n                    return this.renderWrappedChildren(child, isFirstChild, isLastChild);\n                  }\n\n                  return this.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));\n                })}\n              </span>\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderChild = (\n    child: React.ReactNode,\n    isFirstChild: boolean,\n    isLastChild: boolean,\n    isWidthInPercent: boolean,\n  ) => (\n    <div\n      className={cx({\n        [styles.fixed()]: !isWidthInPercent,\n        [styles.stretch()]: isWidthInPercent,\n        [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\n      })}\n    >\n      <div\n        className={cx({\n          [styles.item()]: true,\n          [styles.itemFirst()]: isFirstChild,\n        })}\n      >\n        {tryPassCorners(child, isFirstChild, isLastChild)}\n      </div>\n    </div>\n  );\n\n  private renderWrappedChildren(\n    parent: React.ReactElement<GroupChildProps>,\n    isParentFirst: boolean,\n    isParentLast: boolean,\n  ): React.ReactNode {\n    let shouldStretchParent = false;\n    const nestedChildren = React.Children.toArray(parent.props.children);\n\n    const modifiedChildren = nestedChildren.map((nestedChild, index) => {\n      if (!nestedChild || !React.isValidElement<GroupChildProps>(nestedChild)) {\n        return null;\n      }\n\n      const isFirstChild = isParentFirst && index === 0;\n      const isLastChild = isParentLast && index === nestedChildren.length - 1;\n      if (hasWidthInPercent(nestedChild)) {\n        shouldStretchParent = true;\n      }\n\n      return this.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));\n    });\n\n    const wrappedChildren = (\n      <div className={cx(styles.wrappedChildren(), { [styles.stretch()]: shouldStretchParent })}>\n        {modifiedChildren}\n      </div>\n    );\n\n    return React.cloneElement<GroupChildProps>(parent, {\n      children: wrappedChildren,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Group/Group.styles.d.ts

@@ -1,8 +1,9 @@
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     root(): string;
     wrappedChildren(): string;
     fixed(): string;
     stretch(): string;
+    stretchFallback(): string;
     item(): string;
     itemFirst(): string;
-}>;
+};