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

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

@@ -1,198 +0,0 @@
-"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"));
-
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-
-
-var getStyles = exports.getStyles = function getStyles(css) {return (
-    (0, _Emotion.memoizeStyle)({
-      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 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);
-
-
-
-
-      },
-      standardWithoutAnimation: function standardWithoutAnimation() {
-        return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        left: 0;\n        width: 90%;\n      "])));
-
-
-
-      },
-      successWithoutAnimation: function successWithoutAnimation() {
-        return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        left: 0;\n        width: 100%;\n      "])));
-
-
-
-      },
-      errorWithoutAnimation: function errorWithoutAnimation() {
-        return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        left: 40%;\n        width: 20%;\n      "])));
-
-
-
-      }
-    }));};
-
-var moveToRightAnimation = function moveToRightAnimation(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"])));};
-
-
-
-
-
-
-
-
-
-
-
-
-
-var spinnerAnimation = function spinnerAnimation(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"])));};
-
-
-
-
-
-
-
-
-
-
-
-
-var linearProgressAnimation = function linearProgressAnimation(keyframes) {return keyframes(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 0; }\n  to { width: 80% }\n"])));};
-
-
-
-var slowProgressAnimation = function slowProgressAnimation(keyframes) {return keyframes(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));};
-
-
-
-
-var getAnimations = exports.getAnimations = function getAnimations(css, keyframes) {return {
-    successAnimation: function successAnimation(delayBeforeHide, width, left) {
-      return 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);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    },
-    errorAnimation: function errorAnimation(t) {
-      var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
-      var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
-
-      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (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(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 = (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,
-
-
-      width,
-      left,
-
-
-      startWidth,
-
-
-
-
-
-      startWidth);
-
-
-
-
-
-
-    },
-    acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
-      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", "px;\n    "])),
-      startWidth);
-
-    }
-  };};

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","getStyles","exports","css","memoizeStyle","outer","t","_taggedTemplateLiteralLoose2","default","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","keyframes","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","getAnimations","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 { 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":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,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;;;AAGlD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,GAAmB;IAC3C,IAAAC,qBAAY,EAAC;MACXC,KAAK,WAAAA,MAACC,CAAQ,EAAE;QACd,OAAOH,GAAG,CAAAjB,eAAA,KAAAA,eAAA,OAAAqB,4BAAA,CAAAC,OAAA;QACCF,CAAC,CAACG,iBAAiB;QAClBH,CAAC,CAACI,kBAAkB;QACVJ,CAAC,CAACK,2BAA2B;QACrCL,CAAC,CAACM,oBAAoB;QAC1BN,CAAC,CAACO,gBAAgB;QACnBP,CAAC,CAACQ,eAAe;QACfR,CAAC,CAACS,iBAAiB;QAClBT,CAAC,CAACU,kBAAkB;;;MAGlC,CAAC;MACDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;QACd,OAAOH,GAAG,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAoB,4BAAA,CAAAC,OAAA;QACYF,CAAC,CAACY,iBAAiB;;QAE7BZ,CAAC,CAACI,kBAAkB;;;;;MAKlC,CAAC;MACDS,wBAAwB,WAAAA,yBAAA,EAAG;QACzB,OAAOhB,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;;;;MAIZ,CAAC;MACDY,uBAAuB,WAAAA,wBAAA,EAAG;QACxB,OAAOjB,GAAG,CAAAd,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;;;;MAIZ,CAAC;MACDa,qBAAqB,WAAAA,sBAAA,EAAG;QACtB,OAAOlB,GAAG,CAAAb,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;MAIZ;IACF,CAAC,CAAC;;AAEJ,IAAMc,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,SAA+B,UAAKA,SAAS,CAAAhC,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA,uJAa1E;;;;;;;;;;;;;;AACD,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAID,SAA+B,UAAKA,SAAS,CAAA/B,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA,8TAYtE;;;;;;;;;;;;;AACD,IAAMiB,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIF,SAA+B,UAAKA,SAAS,CAAA9B,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA,wDAG7E;;;;AACD,IAAMkB,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIH,SAA+B,UAAKA,SAAS,CAAA7B,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA,0DAG3E;;;;;AAEM,IAAMmB,aAAa,GAAAzB,OAAA,CAAAyB,aAAA,GAAG,SAAhBA,aAAaA,CAAIxB,GAAmB,EAAEoB,SAA+B,UAAM;IACtFK,gBAAgB,WAAAA,iBAACC,eAAuB,EAAEC,KAAa,EAAEC,IAAY,EAAE;MACrE,OAAO5B,GAAG,CAAAR,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;;MAEcqB,eAAe;;;MAGxBC,KAAK;MACNC,IAAI;;;;;;;;;;;;;;;;;;;IAmBpB,CAAC;IACDC,cAAc,WAAAA,eAAC1B,CAAQ,EAAE;MACvB,IAAM2B,kBAAkB,GAAGC,QAAQ,CAAC5B,CAAC,CAAC6B,uCAAuC,CAAC;MAC9E,IAAMC,wBAAwB,GAAGF,QAAQ,CAAC5B,CAAC,CAAC+B,oCAAoC,CAAC;;MAEjF,OAAOlC,GAAG,CAAAP,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;MAIJc,oBAAoB,CAACC,SAAS,CAAC,EAAIU,kBAAkB;MACrDG,wBAAwB,EAAMZ,gBAAgB,CAACD,SAAS,CAAC,EAAIU,kBAAkB;;IAEvF,CAAC;IACDK,iBAAiB,WAAAA,kBAAChC,CAAQ,EAAEiC,YAAoB,EAAE;MAChD,IAAMC,yBAAyB,GAAGN,QAAQ,CAAC5B,CAAC,CAACmC,iCAAiC,CAAC;MAC/E,OAAOtC,GAAG,CAAAN,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;MAGJiB,uBAAuB,CAACF,SAAS,CAAC,EAAIgB,YAAY;MAClDC,yBAAyB,EAAMd,qBAAqB,CAACH,SAAS,CAAC,EAAIgB,YAAY;;IAEvF,CAAC;IACDG,eAAe,WAAAA,gBAACpC,CAAQ,EAAEqC,UAAkB,EAAEJ,YAAoB,EAAET,KAAa,EAAEC,IAAY,EAAE;MAC/F,IAAMa,cAAc,GAAGV,QAAQ,CAAC5B,CAAC,CAACuC,yCAAyC,CAAC;MAC5E,IAAML,yBAAyB,GAAGN,QAAQ,CAAC5B,CAAC,CAACmC,iCAAiC,CAAC;MAC/E,OAAOtC,GAAG,CAAAL,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;MAGgBoC,cAAc;MAClCL,YAAY,EAAsBK,cAAc;MAChDJ,yBAAyB,EAAMd,qBAAqB,CAACH,SAAS,CAAC,EAAIgB,YAAY,GAAGK,cAAc;;;MAGvFd,KAAK;MACNC,IAAI;;;MAGHY,UAAU;;;;;;MAMVA,UAAU;;;;;;;IAO3B,CAAC;IACDG,mBAAmB,WAAAA,oBAACxC,CAAQ,EAAEqC,UAAkB,EAAEb,KAAa,EAAEC,IAAY,EAAE;MAC7E,IAAMa,cAAc,GAAGV,QAAQ,CAAC5B,CAAC,CAACuC,yCAAyC,CAAC;MAC5E,IAAML,yBAAyB,GAAGN,QAAQ,CAAC5B,CAAC,CAACmC,iCAAiC,CAAC;MAC/E,OAAOtC,GAAG,CAAAJ,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;MAGgBoC,cAAc;MAClCJ,yBAAyB,EAAsBI,cAAc;;;MAGpDd,KAAK;MACNC,IAAI;;;MAGHY,UAAU;;;;;;MAMVA,UAAU;;;;;;;IAO3B,CAAC;IACDI,sBAAsB,WAAAA,uBAACJ,UAAkB,EAAE;MACzC,OAAOxC,GAAG,CAAAH,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;MACCmC,UAAU;;IAEvB;EACF,CAAC,EAAC","ignoreList":[]}

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

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

package/cjs/components/GlobalLoader/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _GlobalLoader = require("./GlobalLoader");Object.keys(_GlobalLoader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _GlobalLoader[key]) return;exports[key] = _GlobalLoader[key];});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_GlobalLoader","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './GlobalLoader';\n"],"mappings":"uCAAA,IAAAA,aAAA,GAAAC,OAAA,mBAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA","ignoreList":[]}

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

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

package/cjs/components/GlobalLoader/useParams.js

@@ -1,45 +0,0 @@
-"use strict";exports.__esModule = true;exports.useGlobalLoaderWidth = exports.useGlobalLoaderPosition = void 0;var _react = require("react");
-
-var _getDOMRect3 = require("../../lib/dom/getDOMRect");
-
-
-
-/**
- * Вычисляет положение `GlobalLoader`
- *
- * @param ref - ref `GlobalLoader`
- * @returns - возвращает положение полоски `GlobalLoader`
- */
-
-var useGlobalLoaderPosition = exports.useGlobalLoaderPosition = function useGlobalLoaderPosition(ref) {
-  var _getDOMRect = (0, _getDOMRect3.getDOMRect)(ref),left = _getDOMRect.left;
-  return { left: left };
-};
-
-/**
- * Вычисляет ширину `GlobalLoader`
- *
- * @param status - статус `GlobalLoader`
- * @param ref - ref `GlobalLoader`
- * @returns - возвращает ширину полоски `GlobalLoader`
- */
-
-var useGlobalLoaderWidth = exports.useGlobalLoaderWidth = function useGlobalLoaderWidth(
-status,
-ref)
-{var _ref$current;
-  var _getDOMRect2 = (0, _getDOMRect3.getDOMRect)(ref),width = _getDOMRect2.width;
-  var _useState = (0, _react.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;
-  (0, _react.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/cjs/components/GlobalLoader/useParams.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-export interface GroupProps extends CommonProps {
-    /** Задает длину компонента Group. */
-    width?: React.CSSProperties['width'];
-}
-export declare const getButtonCorners: (isFirstChild: boolean, isLastChild: boolean) => React.CSSProperties;
-export declare const GroupDataTids: {
-    readonly root: "Group__root";
-};
-/**
- *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.
- *
- *  Длина контейнера настраивается с помощью пропа `width`.
- */
-export declare class Group extends React.Component<GroupProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    getRootNode: TGetRootNode;
-    private setRootNode;
-    private featureFlags;
-    private cx;
-    private styles;
-    render(): React.JSX.Element;
-    private renderChild;
-    private renderWrappedChildren;
-}

package/cjs/components/Group/Group.js

@@ -1,224 +0,0 @@
-"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 _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
-var _client = require("../../lib/client");
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-
-var _rootNode = require("../../lib/rootNode");
-var _utils = require("../../lib/utils");
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
-
-var _Group2 = require("./Group.styles");var _class, _Group;
-
-
-
-
-
-
-
-
-
-
-
-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.default.Children.count(children);
-
-  return children == null ? void 0 : children[numberOfChildren - 1];
-};
-
-var getButtonCorners = exports.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 (
-  (0, _utils.isButton)(child) ||
-  (0, _utils.isInput)(child) ||
-  (0, _utils.isFxInput)(child) ||
-  (0, _utils.isAutocomplete)(child) ||
-  (0, _utils.isPasswordInput)(child) ||
-  (0, _utils.isCurrencyInput)(child) ||
-  (0, _utils.isSelect)(child) ||
-  (0, _utils.isDropdown)(child) ||
-  (0, _utils.isDropdownMenu)(child))
-  {
-    return /*#__PURE__*/_react.default.cloneElement(child, { corners: (0, _extends2.default)({}, corners, child.props.corners) });
-  }
-
-  return child;
-};
-
-var hasWidthInPercent = function hasWidthInPercent(child) {return String(child.props.width).includes('%');};
-
-var GroupDataTids = exports.GroupDataTids = {
-  root: 'Group__root'
-};
-
-/**
- *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.
- *
- *  Длина контейнера настраивается с помощью пропа `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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderChild = function (
-    child,
-    isFirstChild,
-    isLastChild,
-    isWidthInPercent) {var _this$cx, _this$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[
-          _this.styles.stretchFallback()] = Boolean(isWidthInPercent && _this.props.width && (_client.isIE11 || _client.isEdge)), _this$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)
-          ) },
-
-        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);return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.cx = emotion.cx;_this2.styles = (0, _Group2.getStyles)(emotion.css);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: _this2.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 shouldStretchParent = false;
-    var nestedChildren = _react.default.Children.toArray(parent.props.children);
-
-    var modifiedChildren = nestedChildren.map(function (nestedChild, index) {
-      if (!nestedChild || ! /*#__PURE__*/_react.default.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.default.createElement("div", { className: this.cx(this.styles.wrappedChildren(), (_this$cx3 = {}, _this$cx3[this.styles.stretch()] = shouldStretchParent, _this$cx3)) },
-    modifiedChildren
-    );
-
-
-    return /*#__PURE__*/_react.default.cloneElement(parent, {
-      children: wrappedChildren
-    });
-  };return Group;}(_react.default.Component), _Group.__KONTUR_REACT_UI__ = 'Group', _Group.displayName = 'Group', _Group)) || _class;

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_client","_CommonWrapper","_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","_this$cx","_this$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","RenderEnvironmentContext","_ref","emotion","getStyles","css","CommonWrapper","rootNodeRef","setRootNode","map","isValidElement","groupAddHintAndTooltipSupport","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 { 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":"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","ignoreList":[]}

package/cjs/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/cjs/components/Group/Group.styles.d.ts

@@ -1,10 +0,0 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (css: Emotion['css']) => {
-    root(): string;
-    wrappedChildren(): string;
-    fixed(): string;
-    stretch(): string;
-    stretchFallback(): string;
-    item(): string;
-    itemFirst(): string;
-};