@skbkontur/react-ui 0.0.0-7bdb9934f3 → 0.0.0-7f260475fb

package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js

@@ -1,73 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["expectedResponseTime", "delayBeforeHide", "status", "disableAnimations"];
-import React, { useContext, useRef } from 'react';
-import { useEmotion } from "../../../lib/theming/RenderEnvironmentContext";
-import { ZIndex } from "../../../internal/ZIndex";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { getAnimations, getStyles } from "../GlobalLoaderView.styles";
-import { useGlobalLoaderPosition, useGlobalLoaderWidth } from "../useParams";
-export var GlobalLoaderView = function GlobalLoaderView(_ref) {
-  var expectedResponseTime = _ref.expectedResponseTime,
-    delayBeforeHide = _ref.delayBeforeHide,
-    status = _ref.status,
-    disableAnimations = _ref.disableAnimations,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var ref = useRef(null);
-  var theme = useContext(ThemeContext);
-  var _useEmotion = useEmotion(),
-    css = _useEmotion.css,
-    cx = _useEmotion.cx,
-    keyframes = _useEmotion.keyframes;
-  var styles = getStyles(css);
-  var animations = getAnimations(css, keyframes);
-  var _useGlobalLoaderWidth = useGlobalLoaderWidth(status, ref),
-    width = _useGlobalLoaderWidth.width,
-    startWidth = _useGlobalLoaderWidth.startWidth,
-    fullWidth = _useGlobalLoaderWidth.fullWidth;
-  var _useGlobalLoaderPosit = useGlobalLoaderPosition(ref),
-    left = _useGlobalLoaderPosit.left;
-  var getAnimationClass = function getAnimationClass(status) {
-    if (!disableAnimations) {
-      switch (status) {
-        case 'success':
-          return animations.successAnimation(delayBeforeHide, width, left);
-        case 'accept':
-          if (startWidth < fullWidth * 0.8) {
-            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);
-          }
-          return animations.slowAcceptAnimation(theme, startWidth, width, left);
-        case 'error':
-          return animations.errorAnimation(theme);
-        case 'standard':
-          return animations.standardAnimation(theme, expectedResponseTime);
-      }
-    }
-    if (disableAnimations) {
-      switch (status) {
-        case 'success':
-          return styles.successWithoutAnimation();
-        case 'accept':
-          return animations.acceptWithoutAnimation(startWidth);
-        case 'error':
-          return styles.errorWithoutAnimation();
-        case 'standard':
-          return styles.standardWithoutAnimation();
-      }
-    }
-  };
-  return /*#__PURE__*/(
-    React.createElement(CommonWrapper, _extends({}, rest, {
-      "data-status": status
-    }), /*#__PURE__*/
-    React.createElement(ZIndex, {
-      priority: "GlobalLoader",
-      className: styles.outer(theme)
-    }, /*#__PURE__*/
-    React.createElement("div", {
-      ref: ref,
-      className: cx(styles.inner(theme), getAnimationClass(status))
-    })))
-  );
-};

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","useRef","useEmotion","ZIndex","ThemeContext","CommonWrapper","getAnimations","getStyles","useGlobalLoaderPosition","useGlobalLoaderWidth","GlobalLoaderView","_ref","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","_objectWithoutPropertiesLoose","_excluded","ref","theme","_useEmotion","css","cx","keyframes","styles","animations","_useGlobalLoaderWidth","width","startWidth","fullWidth","_useGlobalLoaderPosit","left","getAnimationClass","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","createElement","_extends","priority","className","outer","inner"],"sources":["GlobalLoaderView.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { useEmotion } from '../../lib/theming/RenderEnvironmentContext';\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']>;\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 { css, cx, keyframes } = useEmotion();\n  const styles = getStyles(css);\n  const animations = getAnimations(css, keyframes);\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":"yPAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;;AAEjD,SAASC,UAAU,QAAQ,4CAA4C;AACvE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AACpE,SAASC,uBAAuB,EAAEC,oBAAoB,QAAQ,aAAa;;;;;;;;;;;;;;;;;;;;;AAqB3E,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;;;;;;AAMA,KAL3BC,oBAAoB,GAAAD,IAAA,CAApBC,oBAAoB,CACpBC,eAAe,GAAAF,IAAA,CAAfE,eAAe,CACfC,MAAM,GAAAH,IAAA,CAANG,MAAM,CACNC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB,CACdC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,IAAMC,GAAG,GAAGlB,MAAM,CAAiC,IAAI,CAAC;EACxD,IAAMmB,KAAK,GAAGpB,UAAU,CAACI,YAAY,CAAC;EACtC,IAAAiB,WAAA,GAA+BnB,UAAU,CAAC,CAAC,CAAnCoB,GAAG,GAAAD,WAAA,CAAHC,GAAG,CAAEC,EAAE,GAAAF,WAAA,CAAFE,EAAE,CAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;EAC1B,IAAMC,MAAM,GAAGlB,SAAS,CAACe,GAAG,CAAC;EAC7B,IAAMI,UAAU,GAAGpB,aAAa,CAACgB,GAAG,EAAEE,SAAS,CAAC;EAChD,IAAAG,qBAAA,GAAyClB,oBAAoB,CAACK,MAAM,EAAEK,GAAG,CAAC,CAAlES,KAAK,GAAAD,qBAAA,CAALC,KAAK,CAAEC,UAAU,GAAAF,qBAAA,CAAVE,UAAU,CAAEC,SAAS,GAAAH,qBAAA,CAATG,SAAS;EACpC,IAAAC,qBAAA,GAAiBvB,uBAAuB,CAACW,GAAG,CAAC,CAArCa,IAAI,GAAAD,qBAAA,CAAJC,IAAI;;EAEZ,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAInB,MAAuC,EAAK;IACrE,IAAI,CAACC,iBAAiB,EAAE;MACtB,QAAQD,MAAM;QACZ,KAAK,SAAS;UACZ,OAAOY,UAAU,CAACQ,gBAAgB,CAACrB,eAAe,EAAEe,KAAK,EAAEI,IAAI,CAAC;QAClE,KAAK,QAAQ;UACX,IAAIH,UAAU,GAAGC,SAAS,GAAG,GAAG,EAAE;YAChC,OAAOJ,UAAU,CAACS,eAAe,CAACf,KAAK,EAAES,UAAU,EAAEjB,oBAAoB,EAAEgB,KAAK,EAAEI,IAAI,CAAC;UACzF;UACA,OAAON,UAAU,CAACU,mBAAmB,CAAChB,KAAK,EAAES,UAAU,EAAED,KAAK,EAAEI,IAAI,CAAC;QACvE,KAAK,OAAO;UACV,OAAON,UAAU,CAACW,cAAc,CAACjB,KAAK,CAAC;QACzC,KAAK,UAAU;UACb,OAAOM,UAAU,CAACY,iBAAiB,CAAClB,KAAK,EAAER,oBAAoB,CAAC;MACpE;IACF;;IAEA,IAAIG,iBAAiB,EAAE;MACrB,QAAQD,MAAM;QACZ,KAAK,SAAS;UACZ,OAAOW,MAAM,CAACc,uBAAuB,CAAC,CAAC;QACzC,KAAK,QAAQ;UACX,OAAOb,UAAU,CAACc,sBAAsB,CAACX,UAAU,CAAC;QACtD,KAAK,OAAO;UACV,OAAOJ,MAAM,CAACgB,qBAAqB,CAAC,CAAC;QACvC,KAAK,UAAU;UACb,OAAOhB,MAAM,CAACiB,wBAAwB,CAAC,CAAC;MAC5C;IACF;EACF,CAAC;;EAED;IACE3C,KAAA,CAAA4C,aAAA,CAACtC,aAAa,EAAAuC,QAAA,KAAK5B,IAAI,IAAE,eAAaF,MAAO;IAC3Cf,KAAA,CAAA4C,aAAA,CAACxC,MAAM,IAAC0C,QAAQ,EAAC,cAAc,EAACC,SAAS,EAAErB,MAAM,CAACsB,KAAK,CAAC3B,KAAK,CAAE;IAC7DrB,KAAA,CAAA4C,aAAA,UAAKxB,GAAG,EAAEA,GAAI,EAAC2B,SAAS,EAAEvB,EAAE,CAACE,MAAM,CAACuB,KAAK,CAAC5B,KAAK,CAAC,EAAEa,iBAAiB,CAACnB,MAAM,CAAC,CAAE,EAAE;IACzE;IACK,CAAC;;AAEpB,CAAC","ignoreList":[]}

package/components/GlobalLoader/GlobalLoaderView/package.json

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

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

@@ -1,63 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(css) {
-  return memoizeStyle({
-    outer: function outer(t) {
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        width: 0;\n        height: ", ";\n        position: absolute;\n        left: 0;\n        overflow: hidden;\n      "])), t.globalLoaderColor, t.globalLoaderHeight);
-    },
-    standardWithoutAnimation: function standardWithoutAnimation() {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        left: 0;\n        width: 90%;\n      "])));
-    },
-    successWithoutAnimation: function successWithoutAnimation() {
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        left: 0;\n        width: 100%;\n      "])));
-    },
-    errorWithoutAnimation: function errorWithoutAnimation() {
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        left: 40%;\n        width: 20%;\n      "])));
-    }
-  });
-};
-var moveToRightAnimation = function moveToRightAnimation(keyframes) {
-  return keyframes(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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 spinnerAnimation = function spinnerAnimation(keyframes) {
-  return keyframes(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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 linearProgressAnimation = function linearProgressAnimation(keyframes) {
-  return keyframes(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
-};
-var slowProgressAnimation = function slowProgressAnimation(keyframes) {
-  return keyframes(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));
-};
-export var getAnimations = function getAnimations(css, keyframes) {
-  return {
-    successAnimation: function successAnimation(delayBeforeHide, width, left) {
-      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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);
-    },
-    errorAnimation: function errorAnimation(t) {
-      var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
-      var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
-      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 100%;\n      animation:\n        ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])), moveToRightAnimation(keyframes), transitionDuration, spinnerAnimationDuration, spinnerAnimation(keyframes), transitionDuration);
-    },
-    standardAnimation: function standardAnimation(t, expectedTime) {
-      var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 90%;\n      animation:\n        ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])), linearProgressAnimation(keyframes), expectedTime, slowProgressAnimationTime, slowProgressAnimation(keyframes), expectedTime);
-    },
-    acceptAnimation: function acceptAnimation(t, startWidth, expectedTime, width, left) {
-      var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
-      var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\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(keyframes), expectedTime + transitionTime, width, left, startWidth, startWidth);
-    },
-    slowAcceptAnimation: function slowAcceptAnimation(t, startWidth, width, left) {
-      var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
-      var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\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, width, left, startWidth, startWidth);
-    },
-    acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
-      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: ", "px;\n    "])), startWidth);
-    }
-  };
-};

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

@@ -1 +0,0 @@
-{"version":3,"names":["memoizeStyle","getStyles","css","outer","t","_templateObject","_taggedTemplateLiteralLoose","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","_templateObject2","globalLoaderColor","standardWithoutAnimation","_templateObject3","successWithoutAnimation","_templateObject4","errorWithoutAnimation","_templateObject5","moveToRightAnimation","keyframes","_templateObject6","spinnerAnimation","_templateObject7","linearProgressAnimation","_templateObject8","slowProgressAnimation","_templateObject9","getAnimations","successAnimation","delayBeforeHide","width","left","_templateObject10","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","_templateObject11","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","_templateObject12","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","_templateObject13","slowAcceptAnimation","_templateObject14","acceptWithoutAnimation","_templateObject15"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (css: Emotion['css']) =>\n  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: Emotion['keyframes']) => 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']) => 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']) => keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = (keyframes: Emotion['keyframes']) => keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const getAnimations = (css: Emotion['css'], keyframes: Emotion['keyframes']) => ({\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(keyframes)} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation(keyframes)} ${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(keyframes)} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation(keyframes)} ${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(keyframes)} ${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":"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","ignoreList":[]}

package/components/GlobalLoader/GlobalLoaderView.styles/package.json

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

package/components/GlobalLoader/index/index.js

@@ -1 +0,0 @@
-export * from "../GlobalLoader";

package/components/GlobalLoader/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './GlobalLoader';\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}

package/components/GlobalLoader/index/package.json

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

package/components/GlobalLoader/package.json

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

package/components/GlobalLoader/useParams/package.json

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

package/components/GlobalLoader/useParams/useParams.js

@@ -1,49 +0,0 @@
-import { useEffect, useState } from 'react';
-import { getDOMRect } from "../../../lib/dom/getDOMRect";
-
-/**
- * Вычисляет положение `GlobalLoader`
- *
- * @param ref - ref `GlobalLoader`
- * @returns - возвращает положение полоски `GlobalLoader`
- */
-
-export var useGlobalLoaderPosition = function useGlobalLoaderPosition(ref) {
-  var _getDOMRect = getDOMRect(ref),
-    left = _getDOMRect.left;
-  return {
-    left: left
-  };
-};
-
-/**
- * Вычисляет ширину `GlobalLoader`
- *
- * @param status - статус `GlobalLoader`
- * @param ref - ref `GlobalLoader`
- * @returns - возвращает ширину полоски `GlobalLoader`
- */
-
-export var useGlobalLoaderWidth = function useGlobalLoaderWidth(status, ref) {
-  var _ref$current;
-  var _getDOMRect2 = getDOMRect(ref),
-    width = _getDOMRect2.width;
-  var _useState = useState(0),
-    startWidth = _useState[0],
-    setStartWidth = _useState[1];
-  var fullWidth = ((_ref$current = ref.current) == null || (_ref$current = _ref$current.parentElement) == null ? void 0 : _ref$current.offsetWidth) || 0;
-  useEffect(function () {
-    if (status === 'error') {
-      setStartWidth(width);
-    } else if (status === 'accept') {
-      setStartWidth(startWidth);
-    } else {
-      setStartWidth(0);
-    }
-  }, [status]);
-  return {
-    width: width,
-    startWidth: startWidth,
-    fullWidth: fullWidth
-  };
-};

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

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useState","getDOMRect","useGlobalLoaderPosition","ref","_getDOMRect","left","useGlobalLoaderWidth","status","_ref$current","_getDOMRect2","width","_useState","startWidth","setStartWidth","fullWidth","current","parentElement","offsetWidth"],"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":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;;AAE3C,SAASC,UAAU,QAAQ,0BAA0B;;;;AAIrD;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,GAAqC,EAAK;EAChF,IAAAC,WAAA,GAAiBH,UAAU,CAACE,GAAG,CAAC,CAAxBE,IAAI,GAAAD,WAAA,CAAJC,IAAI;EACZ,OAAO,EAAEA,IAAI,EAAJA,IAAI,CAAC,CAAC;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA;AAC/BC,MAAuC;AACvCJ,GAAqC;AAClC,KAAAK,YAAA;EACH,IAAAC,YAAA,GAAkBR,UAAU,CAACE,GAAG,CAAC,CAAzBO,KAAK,GAAAD,YAAA,CAALC,KAAK;EACb,IAAAC,SAAA,GAAoCX,QAAQ,CAAC,CAAC,CAAC,CAAxCY,UAAU,GAAAD,SAAA,IAAEE,aAAa,GAAAF,SAAA;EAChC,IAAMG,SAAS,GAAG,EAAAN,YAAA,GAAAL,GAAG,CAACY,OAAO,cAAAP,YAAA,GAAXA,YAAA,CAAaQ,aAAa,qBAA1BR,YAAA,CAA4BS,WAAW,KAAI,CAAC;EAC9DlB,SAAS,CAAC,YAAM;IACd,IAAIQ,MAAM,KAAK,OAAO,EAAE;MACtBM,aAAa,CAACH,KAAK,CAAC;IACtB,CAAC,MAAM,IAAIH,MAAM,KAAK,QAAQ,EAAE;MAC9BM,aAAa,CAACD,UAAU,CAAC;IAC3B,CAAC,MAAM;MACLC,aAAa,CAAC,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;;EAEZ,OAAO,EAAEG,KAAK,EAALA,KAAK,EAAEE,UAAU,EAAVA,UAAU,EAAEE,SAAS,EAATA,SAAS,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}

package/components/Group/Group/Group.js

@@ -1,149 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _class, _Group;
-import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
-import { isIE11, isEdge } from "../../../lib/client";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { rootNode } from "../../../lib/rootNode";
-import { isButton, isAutocomplete, isCurrencyInput, isDropdown, isDropdownMenu, isFxInput, isInput, isPasswordInput, isSelect, isTooltip, isHint } from "../../../lib/utils";
-import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
-import { getStyles } from "../Group.styles";
-var getFirstChild = function getFirstChild(children) {
-  if (!Array.isArray(children)) {
-    return children;
-  }
-  return children == null ? void 0 : children[0];
-};
-var getLastChild = function getLastChild(children) {
-  if (!Array.isArray(children)) {
-    return children;
-  }
-  var numberOfChildren = React.Children.count(children);
-  return children == null ? void 0 : children[numberOfChildren - 1];
-};
-export var getButtonCorners = function getButtonCorners(isFirstChild, isLastChild) {
-  if (isFirstChild && isLastChild) {
-    return {};
-  }
-  if (isFirstChild) {
-    return {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0
-    };
-  }
-  if (isLastChild) {
-    return {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0
-    };
-  }
-  return {
-    borderRadius: 0
-  };
-};
-var tryPassCorners = function tryPassCorners(child, isFirstChild, isLastChild) {
-  var corners = getButtonCorners(isFirstChild, isLastChild);
-  if (isButton(child) || isInput(child) || isFxInput(child) || isAutocomplete(child) || isPasswordInput(child) || isCurrencyInput(child) || isSelect(child) || isDropdown(child) || isDropdownMenu(child)) {
-    return /*#__PURE__*/React.cloneElement(child, {
-      corners: _extends({}, corners, child.props.corners)
-    });
-  }
-  return child;
-};
-var hasWidthInPercent = function hasWidthInPercent(child) {
-  return String(child.props.width).includes('%');
-};
-export var GroupDataTids = {
-  root: 'Group__root'
-};
-
-/**
- *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.
- *
- *  Длина контейнера настраивается с помощью пропа `width`.
- */
-export var Group = 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.renderChild = function (child, isFirstChild, isLastChild, isWidthInPercent) {
-      var _this$cx, _this$cx2;
-      return /*#__PURE__*/(
-
-        React.createElement("div", {
-          className: _this.cx((_this$cx = {}, _this$cx[_this.styles.fixed()] = !isWidthInPercent, _this$cx[_this.styles.stretch()] = isWidthInPercent, _this$cx[_this.styles.stretchFallback()] = Boolean(isWidthInPercent && _this.props.width && (isIE11 || isEdge)), _this$cx))
-        }, /*#__PURE__*/
-
-        React.createElement("div", {
-          className: _this.cx((_this$cx2 = {}, _this$cx2[_this.styles.item()] = true, _this$cx2[_this.styles.itemFirst()] = isFirstChild, _this$cx2))
-        }, tryPassCorners(child, isFirstChild, isLastChild)))
-      );
-    };
-    return _this;
-  }
-  _inheritsLoose(Group, _React$Component);
-  var _proto = Group.prototype;
-  _proto.render = function render() {
-    var _this2 = this;
-    var style = {
-      width: this.props.width
-    };
-    var childrenArray = React.Children.toArray(this.props.children);
-    var firstChild = getFirstChild(childrenArray);
-    var lastChild = getLastChild(childrenArray);
-    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
-      _this2.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-        var emotion = _ref.emotion;
-        _this2.cx = emotion.cx;
-        _this2.styles = getStyles(emotion.css);
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.props), /*#__PURE__*/React.createElement("span", {
-          "data-tid": GroupDataTids.root,
-          className: _this2.styles.root(),
-          style: style
-        }, React.Children.map(childrenArray, function (child) {
-          if (!child || ! /*#__PURE__*/React.isValidElement(child)) {
-            return null;
-          }
-          var isFirstChild = child === firstChild;
-          var isLastChild = child === lastChild;
-          if (_this2.featureFlags.groupAddHintAndTooltipSupport && (isHint(child) || 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 shouldStretchParent = false;
-    var nestedChildren = React.Children.toArray(parent.props.children);
-    var modifiedChildren = nestedChildren.map(function (nestedChild, index) {
-      if (!nestedChild || ! /*#__PURE__*/React.isValidElement(nestedChild)) {
-        return null;
-      }
-      var isFirstChild = isParentFirst && index === 0;
-      var isLastChild = isParentLast && index === nestedChildren.length - 1;
-      if (hasWidthInPercent(nestedChild)) {
-        shouldStretchParent = true;
-      }
-      return _this3.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));
-    });
-    var wrappedChildren = /*#__PURE__*/
-    React.createElement("div", {
-      className: this.cx(this.styles.wrappedChildren(), (_this$cx3 = {}, _this$cx3[this.styles.stretch()] = shouldStretchParent, _this$cx3))
-    }, modifiedChildren);
-    return /*#__PURE__*/React.cloneElement(parent, {
-      children: wrappedChildren
-    });
-  };
-  return Group;
-}(React.Component), _Group.__KONTUR_REACT_UI__ = 'Group', _Group.displayName = 'Group', _Group)) || _class;

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","RenderEnvironmentContext","isIE11","isEdge","CommonWrapper","rootNode","isButton","isAutocomplete","isCurrencyInput","isDropdown","isDropdownMenu","isFxInput","isInput","isPasswordInput","isSelect","isTooltip","isHint","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","getStyles","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","Children","count","getButtonCorners","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","tryPassCorners","child","corners","cloneElement","_extends","props","hasWidthInPercent","String","width","includes","GroupDataTids","root","Group","_class","_Group","_React$Component","_this","_len","arguments","length","args","_key","call","apply","concat","renderChild","isWidthInPercent","_this$cx","_this$cx2","createElement","className","cx","styles","fixed","stretch","stretchFallback","Boolean","item","itemFirst","_inheritsLoose","_proto","prototype","render","_this2","style","childrenArray","toArray","firstChild","lastChild","Consumer","flags","featureFlags","_ref","emotion","css","rootNodeRef","setRootNode","map","isValidElement","groupAddHintAndTooltipSupport","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 { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport { isIE11, isEdge } from '../../lib/client';\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 type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\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@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  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\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            <RenderEnvironmentContext.Consumer>\n              {({ emotion }) => {\n                this.cx = emotion.cx;\n                this.styles = getStyles(emotion.css);\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 (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            </RenderEnvironmentContext.Consumer>\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={this.cx({\n        [this.styles.fixed()]: !isWidthInPercent,\n        [this.styles.stretch()]: isWidthInPercent,\n        [this.styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\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":"mJAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,wBAAwB,QAAQ,4CAA4C;AACrF,SAASC,MAAM,EAAEC,MAAM,QAAQ,kBAAkB;;AAEjD,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C;EACEC,QAAQ;EACRC,cAAc;EACdC,eAAe;EACfC,UAAU;EACVC,cAAc;EACdC,SAAS;EACTC,OAAO;EACPC,eAAe;EACfC,QAAQ;EACRC,SAAS;EACTC,MAAM;AACD,iBAAiB;;AAExB,SAASC,0BAA0B,EAAEC,0BAA0B,QAAQ,+BAA+B;;AAEtG,SAASC,SAAS,QAAQ,gBAAgB;;;;;;;;;;;;AAY1C,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,GAAGzB,KAAK,CAAC0B,QAAQ,CAACC,KAAK,CAACN,QAAQ,CAAC;;EAEvD,OAAOA,QAAQ,oBAARA,QAAQ,CAAGI,gBAAgB,GAAG,CAAC,CAAC;AACzC,CAAC;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,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,GAAGV,gBAAgB,CAACC,YAAY,EAAEC,WAAW,CAAC;;EAE3D;EACExB,QAAQ,CAAC+B,KAAK,CAAC;EACfzB,OAAO,CAACyB,KAAK,CAAC;EACd1B,SAAS,CAAC0B,KAAK,CAAC;EAChB9B,cAAc,CAAC8B,KAAK,CAAC;EACrBxB,eAAe,CAACwB,KAAK,CAAC;EACtB7B,eAAe,CAAC6B,KAAK,CAAC;EACtBvB,QAAQ,CAACuB,KAAK,CAAC;EACf5B,UAAU,CAAC4B,KAAK,CAAC;EACjB3B,cAAc,CAAC2B,KAAK,CAAC;EACrB;IACA,oBAAOrC,KAAK,CAACuC,YAAY,CAA0BF,KAAK,EAAE,EAAEC,OAAO,EAAAE,QAAA,KAAOF,OAAO,EAAKD,KAAK,CAACI,KAAK,CAACH,OAAO,CAAE,CAAC,CAAC,CAAC;EAChH;;EAEA,OAAOD,KAAK;AACd,CAAC;;AAED,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIL,KAA0C,UAAKM,MAAM,CAACN,KAAK,CAACI,KAAK,CAACG,KAAK,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAC;;AAEjH,OAAO,IAAMC,aAAa,GAAG;EAC3BC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACaC,KAAK,GADjB3C,QAAQ,CAAA4C,MAAA,IAAAC,MAAA,0BAAAC,gBAAA,YAAAH,MAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAlC,KAAA,CAAA+B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0DCS,WAAW,GAAG;IACpBxB,KAAsB;IACtBR,YAAqB;IACrBC,WAAoB;IACpBgC,gBAAyB,OAAAC,QAAA,EAAAC,SAAA;;QAEzBhE,KAAA,CAAAiE,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;UACxCX,KAAA,CAAKgB,MAAM,CAACG,eAAe,CAAC,CAAC,IAAGC,OAAO,CAACV,gBAAgB,IAAIV,KAAA,CAAKX,KAAK,CAACG,KAAK,KAAK1C,MAAM,IAAIC,MAAM,CAAC,CAAC,EAAA4D,QAAA;UACrG,CAAE;;QAEH/D,KAAA,CAAAiE,aAAA;UACEC,SAAS,EAAEd,KAAA,CAAKe,EAAE,EAAAH,SAAA,OAAAA,SAAA;UACfZ,KAAA,CAAKgB,MAAM,CAACK,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAT,SAAA;UACzBZ,KAAA,CAAKgB,MAAM,CAACM,SAAS,CAAC,CAAC,IAAG7C,YAAY,EAAAmC,SAAA;UACxC,CAAE;;QAEF5B,cAAc,CAACC,KAAK,EAAER,YAAY,EAAEC,WAAW;QAC7C;QACF,CAAC,GACP,QAAAsB,KAAA,EAAAuB,cAAA,CAAA3B,KAAA,EAAAG,gBAAA,MAAAyB,MAAA,GAAA5B,KAAA,CAAA6B,SAAA,CAAAD,MAAA,CArEME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,IAAMC,KAA0B,GAAG,EACjCpC,KAAK,EAAE,IAAI,CAACH,KAAK,CAACG,KAAK,CACzB,CAAC,CAED,IAAMqC,aAAa,GAAGjF,KAAK,CAAC0B,QAAQ,CAACwD,OAAO,CAAC,IAAI,CAACzC,KAAK,CAACpB,QAAQ,CAAC,CACjE,IAAM8D,UAAU,GAAG/D,aAAa,CAAC6D,aAAa,CAAC,CAC/C,IAAMG,SAAS,GAAG5D,YAAY,CAACyD,aAAa,CAAC,CAE7C,oBACEjF,KAAA,CAAAiE,aAAA,CAAC/C,0BAA0B,CAACmE,QAAQ,QACjC,UAACC,KAAK,EAAK,CACVP,MAAI,CAACQ,YAAY,GAAGtE,0BAA0B,CAACqE,KAAK,CAAC,CACrD,oBACEtF,KAAA,CAAAiE,aAAA,CAAChE,wBAAwB,CAACoF,QAAQ,QAC/B,UAAAG,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CACTV,MAAI,CAACZ,EAAE,GAAGsB,OAAO,CAACtB,EAAE,CACpBY,MAAI,CAACX,MAAM,GAAGjD,SAAS,CAACsE,OAAO,CAACC,GAAG,CAAC,CAEpC,oBACE1F,KAAA,CAAAiE,aAAA,CAAC7D,aAAa,EAAAoC,QAAA,GAACmD,WAAW,EAAEZ,MAAI,CAACa,WAAY,IAAKb,MAAI,CAACtC,KAAK,gBAC1DzC,KAAA,CAAAiE,aAAA,WAAM,YAAUnB,aAAa,CAACC,IAAK,EAACmB,SAAS,EAAEa,MAAI,CAACX,MAAM,CAACrB,IAAI,CAAC,CAAE,EAACiC,KAAK,EAAEA,KAAM,IAC7EhF,KAAK,CAAC0B,QAAQ,CAACmE,GAAG,CAACZ,aAAa,EAAE,UAAC5C,KAAK,EAAK,CAC5C,IAAI,CAACA,KAAK,IAAI,eAACrC,KAAK,CAAC8F,cAAc,CAAkBzD,KAAK,CAAC,EAAE,CAC3D,OAAO,IAAI,CACb,CAEA,IAAMR,YAAY,GAAGQ,KAAK,KAAK8C,UAAU,CACzC,IAAMrD,WAAW,GAAGO,KAAK,KAAK+C,SAAS,CAEvC,IAAIL,MAAI,CAACQ,YAAY,CAACQ,6BAA6B,KAAK/E,MAAM,CAACqB,KAAK,CAAC,IAAItB,SAAS,CAACsB,KAAK,CAAC,CAAC,EAAE,CAC1F,OAAO0C,MAAI,CAACiB,qBAAqB,CAAC3D,KAAK,EAAER,YAAY,EAAEC,WAAW,CAAC,CACrE,CAEA,OAAOiD,MAAI,CAAClB,WAAW,CAACxB,KAAK,EAAER,YAAY,EAAEC,WAAW,EAAEY,iBAAiB,CAACL,KAAK,CAAC,CAAC,CACrF,CAAC,CACG,CACO,CAAC,CAEpB,CACiC,CAAC,CAExC,CACmC,CAAC,CAE1C,CAAC,CAAAuC,MAAA;;;EA0BOoB,qBAAqB,GAA7B,SAAAA;EACEC,MAA2C;EAC3CC,aAAsB;EACtBC,YAAqB;EACJ,KAAAC,MAAA,QAAAC,SAAA;IACjB,IAAIC,mBAAmB,GAAG,KAAK;IAC/B,IAAMC,cAAc,GAAGvG,KAAK,CAAC0B,QAAQ,CAACwD,OAAO,CAACe,MAAM,CAACxD,KAAK,CAACpB,QAAQ,CAAC;;IAEpE,IAAMmF,gBAAgB,GAAGD,cAAc,CAACV,GAAG,CAAC,UAACY,WAAW,EAAEC,KAAK,EAAK;MAClE,IAAI,CAACD,WAAW,IAAI,eAACzG,KAAK,CAAC8F,cAAc,CAAkBW,WAAW,CAAC,EAAE;QACvE,OAAO,IAAI;MACb;;MAEA,IAAM5E,YAAY,GAAGqE,aAAa,IAAIQ,KAAK,KAAK,CAAC;MACjD,IAAM5E,WAAW,GAAGqE,YAAY,IAAIO,KAAK,KAAKH,cAAc,CAAChD,MAAM,GAAG,CAAC;MACvE,IAAIb,iBAAiB,CAAC+D,WAAW,CAAC,EAAE;QAClCH,mBAAmB,GAAG,IAAI;MAC5B;;MAEA,OAAOF,MAAI,CAACvC,WAAW,CAAC4C,WAAW,EAAE5E,YAAY,EAAEC,WAAW,EAAEY,iBAAiB,CAAC+D,WAAW,CAAC,CAAC;IACjG,CAAC,CAAC;;IAEF,IAAME,eAAe;IACnB3G,KAAA,CAAAiE,aAAA,UAAKC,SAAS,EAAE,IAAI,CAACC,EAAE,CAAC,IAAI,CAACC,MAAM,CAACuC,eAAe,CAAC,CAAC,GAAAN,SAAA,OAAAA,SAAA,CAAK,IAAI,CAACjC,MAAM,CAACE,OAAO,CAAC,CAAC,IAAGgC,mBAAmB,EAAAD,SAAA,CAAE,CAAE;IACtGG;IACE,CACN;;;IAED,oBAAOxG,KAAK,CAACuC,YAAY,CAAkB0D,MAAM,EAAE;MACjD5E,QAAQ,EAAEsF;IACZ,CAAC,CAAC;EACJ,CAAC,QAAA3D,KAAA,GAhHwBhD,KAAK,CAAC4G,SAAS,GAAA1D,MAAA,CAC1B2D,mBAAmB,GAAG,OAAO,EAAA3D,MAAA,CAC7B4D,WAAW,GAAG,OAAO,EAAA5D,MAAA,MAAAD,MAAA","ignoreList":[]}

package/components/Group/Group/package.json

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

package/components/Group/Group.md

@@ -1,19 +0,0 @@
-### Базовый пример
-```jsx harmony
-import { MathFunctionIcon16Regular } from '@skbkontur/icons/icons/MathFunctionIcon/MathFunctionIcon16Regular';
-import { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';
-import { Button, Input } from '@skbkontur/react-ui';
-
-const [value, setValue] = React.useState('Foo');
-
-<Group width={300}>
-  <Button>
-    <MathFunctionIcon16Regular />
-  </Button>
-  <Input value={value} width="100%" onValueChange={setValue} />
-  <Button>
-    <SearchLoupeIcon16Regular />
-  </Button>
-  <Button>Bar</Button>
-</Group>;
-```

package/components/Group/Group.styles/Group.styles.js

@@ -1,28 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(css) {
-  return memoizeStyle({
-    root: function root() {
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        line-height: normal;\n      "])));
-    },
-    wrappedChildren: function wrappedChildren() {
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: flex;\n      "])));
-    },
-    fixed: function fixed() {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        flex-shrink: 0;\n        display: inline-block;\n      "])));
-    },
-    stretch: function stretch() {
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        flex-grow: 1;\n        flex-shrink: 1;\n      "])));
-    },
-    stretchFallback: function stretchFallback() {
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        flex-basis: 100%;\n      "])));
-    },
-    item: function item() {
-      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        margin-left: -1px;\n      "])));
-    },
-    itemFirst: function itemFirst() {
-      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        margin-left: 0;\n      "])));
-    }
-  });
-};

package/components/Group/Group.styles/Group.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["memoizeStyle","getStyles","css","root","_templateObject","_taggedTemplateLiteralLoose","wrappedChildren","_templateObject2","fixed","_templateObject3","stretch","_templateObject4","stretchFallback","_templateObject5","item","_templateObject6","itemFirst","_templateObject7"],"sources":["Group.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (css: Emotion['css']) =>\n  memoizeStyle({\n    root() {\n      return css`\n        display: inline-flex;\n        line-height: normal;\n      `;\n    },\n\n    wrappedChildren() {\n      return css`\n        display: flex;\n      `;\n    },\n\n    fixed() {\n      return css`\n        flex-shrink: 0;\n        display: inline-block;\n      `;\n    },\n\n    stretch() {\n      return css`\n        flex-grow: 1;\n        flex-shrink: 1;\n      `;\n    },\n\n    stretchFallback() {\n      return css`\n        flex-basis: 100%;\n      `;\n    },\n\n    item() {\n      return css`\n        margin-left: -1px;\n      `;\n    },\n\n    itemFirst() {\n      return css`\n        margin-left: 0;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,GAAmB;IAC3CF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;MAIZ,CAAC;;MAEDC,eAAe,WAAAA,gBAAA,EAAG;QAChB,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;MAGZ,CAAC;;MAEDG,KAAK,WAAAA,MAAA,EAAG;QACN,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;MAIZ,CAAC;;MAEDK,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;MAIZ,CAAC;;MAEDO,eAAe,WAAAA,gBAAA,EAAG;QAChB,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;MAGZ,CAAC;;MAEDS,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;MAGZ,CAAC;;MAEDW,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;;;MAGZ;IACF,CAAC,CAAC","ignoreList":[]}

package/components/Group/Group.styles/package.json

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

package/components/Group/index/index.js

@@ -1 +0,0 @@
-export * from "../Group";

package/components/Group/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './Group';\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}

package/components/Group/index/package.json

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

package/components/Group/package.json

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