npm - @skbkontur/react-ui - Versions diffs - 5.6.9-5e213.0 → 5.6.9 - Mend

@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2366) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","keyframes","styles","outer","t","_templateObject","~~_taggedTemplateLiteral~~","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","_templateObject2","globalLoaderColor","standardWithoutAnimation","_templateObject3","successWithoutAnimation","_templateObject4","errorWithoutAnimation","_templateObject5","moveToRightAnimation","_templateObject6","spinnerAnimation","_templateObject7","linearProgressAnimation","_templateObject8","slowProgressAnimation","_templateObject9","animations","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 { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n outer(t: Theme) {\n return css`\n width: ${t.globalLoaderWidth};\n height: ${t.globalLoaderHeight};\n background-color: ${t.globalLoaderBackgroundColor};\n position: ${t.globalLoaderPosition};\n left: ${t.globalLoaderLeft};\n top: ${t.globalLoaderTop};\n right: ${t.globalLoaderRight};\n bottom: ${t.globalLoaderBottom};\n overflow: hidden;\n `;\n },\n inner(t: Theme) {\n return css`\n background-color: ${t.globalLoaderColor};\n width: 0;\n height: ${t.globalLoaderHeight};\n position: absolute;\n left: 0;\n overflow: hidden;\n `;\n },\n standardWithoutAnimation() {\n return css`\n left: 0;\n width: 90%;\n `;\n },\n successWithoutAnimation() {\n return css`\n left: 0;\n width: 100%;\n `;\n },\n errorWithoutAnimation() {\n return css`\n left: 40%;\n width: 20%;\n `;\n },\n});\n\nconst moveToRightAnimation = keyframes`\n 0% {\n left: 0;\n width: 100%;\n }\n 50% {\n left: 50%;\n width: 50%;\n }\n 100% {\n left: 99%;\n width: 1%\n }\n`;\nconst spinnerAnimation = keyframes`\n 0% {\n transform: translateX(50%) scaleX(.005);\n animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n }\n 50% {\n transform: translateX(0) scaleX(.35);\n animation-timing-function: cubic-bezier(.165,.84,.44,1);\n }\n 100% {\n transform: translateX(-50%) scaleX(.005);\n }\n`;\nconst linearProgressAnimation = keyframes`\n from { width: 0; }\n to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n from { width: 80%; }\n to { width: 90% }\n`;\n\nexport const animations = {\n successAnimation(delayBeforeHide: number, width: number, left: number) {\n return css`\n animation: successAnimation;\n animation-duration: ${delayBeforeHide}ms;\n @keyframes successAnimation {\n 0% {\n width: ${width}px;\n left: ${left}px;\n opacity: 1;\n }\n 20% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 80% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 100% {\n width: 100%;\n opacity: 0;\n }\n }\n `;\n },\n errorAnimation(t: Theme) {\n const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n return css`\n left: 0;\n width: 100%;\n animation:\n ${moveToRightAnimation} ${transitionDuration}ms linear,\n ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n `;\n },\n standardAnimation(t: Theme, expectedTime: number) {\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return css`\n width: 90%;\n animation:\n ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n `;\n },\n acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return css`\n width: 90%;\n animation:\n transitionAnimation ${transitionTime}ms linear,\n ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n @keyframes transitionAnimation {\n from {\n width: ${width}px;\n left: ${left}px;\n }\n to {\n width: ${startWidth}px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ${startWidth}px;\n }\n to {\n width: 80%;\n }\n }\n `;\n },\n slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return css`\n width: 90%;\n animation:\n transitionAnimation ${transitionTime}ms linear,\n ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n @keyframes transitionAnimation {\n from {\n width: ${width}px;\n left: ${left}px;\n }\n to {\n width: ${startWidth}px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ${startWidth}px;\n }\n to {\n width: 90%;\n }\n }\n `;\n },\n acceptWithoutAnimation(startWidth: number) {\n return css`\n width: ${startWidth}px;\n `;\n },\n};\n"],"mappings":"~~4WAAA~~,SAASA,GAAG,EAAEC,YAAY,EAAEC,SAAS,QAAQ,2BAA2B;;;AAGxE,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,~~sBAAA~~;IACCF,CAAC,CAACG,iBAAiB;IAClBH,CAAC,CAACI,kBAAkB;IACVJ,CAAC,CAACK,2BAA2B;IACrCL,CAAC,CAACM,oBAAoB;IAC1BN,CAAC,CAACO,gBAAgB;IACnBP,CAAC,CAACQ,eAAe;IACfR,CAAC,CAACS,iBAAiB;IAClBT,CAAC,CAACU,kBAAkB;;;EAGlC,CAAC;EACDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,~~sBAAA~~;IACYF,CAAC,CAACa,iBAAiB;;IAE7Bb,CAAC,CAACI,kBAAkB;;;;;EAKlC,CAAC;EACDU,wBAAwB,WAAAA,yBAAA,EAAG;IACzB,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,~~sBAAA~~;;;;EAIZ,CAAC;EACDc,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAf,~~sBAAA~~;;;;EAIZ,CAAC;EACDgB,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAjB,~~sBAAA~~;;;;EAIZ;AACF,CAAC,CAAC;;AAEF,IAAMkB,oBAAoB,GAAGvB,SAAS,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,~~sBAAA~~,oJAarC;;;;;;;;;;;;;;AACD,IAAMoB,gBAAgB,GAAGzB,SAAS,CAAA0B,gBAAA,KAAAA,gBAAA,GAAArB,~~sBAAA~~,2TAYjC;;;;;;;;;;;;;AACD,IAAMsB,uBAAuB,GAAG3B,SAAS,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAvB,~~sBAAA~~,qDAGxC;;;;AACD,IAAMwB,qBAAqB,GAAG7B,SAAS,CAAA8B,gBAAA,KAAAA,gBAAA,GAAAzB,~~sBAAA~~,uDAGtC;;;;;AAED,OAAO,IAAM0B,UAAU,GAAG;EACxBC,gBAAgB,WAAAA,iBAACC,eAAuB,EAAEC,KAAa,EAAEC,IAAY,EAAE;IACrE,OAAOrC,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA/B,~~sBAAA~~;;IAEc4B,eAAe;;;IAGxBC,KAAK;IACNC,IAAI;;;;;;;;;;;;;;;;;;;EAmBpB,CAAC;EACDE,cAAc,WAAAA,eAAClC,CAAQ,EAAE;IACvB,IAAMmC,kBAAkB,GAAGC,QAAQ,CAACpC,CAAC,CAACqC,uCAAuC,CAAC;IAC9E,IAAMC,wBAAwB,GAAGF,QAAQ,CAACpC,CAAC,CAACuC,oCAAoC,CAAC;;IAEjF,OAAO5C,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAtC,~~sBAAA~~;;;;IAIJkB,oBAAoB,EAAIe,kBAAkB;IAC1CG,wBAAwB,EAAMhB,gBAAgB,EAAIa,kBAAkB;;EAE5E,CAAC;EACDM,iBAAiB,WAAAA,kBAACzC,CAAQ,EAAE0C,YAAoB,EAAE;IAChD,IAAMC,yBAAyB,GAAGP,QAAQ,CAACpC,CAAC,CAAC4C,iCAAiC,CAAC;IAC/E,OAAOjD,GAAG,CAAAkD,iBAAA,KAAAA,iBAAA,GAAA3C,~~sBAAA~~;;;IAGJsB,uBAAuB,EAAIkB,YAAY;IACvCC,yBAAyB,EAAMjB,qBAAqB,EAAIgB,YAAY;;EAE5E,CAAC;EACDI,eAAe,WAAAA,gBAAC9C,CAAQ,EAAE+C,UAAkB,EAAEL,YAAoB,EAAEX,KAAa,EAAEC,IAAY,EAAE;IAC/F,IAAMgB,cAAc,GAAGZ,QAAQ,CAACpC,CAAC,CAACiD,yCAAyC,CAAC;IAC5E,IAAMN,yBAAyB,GAAGP,QAAQ,CAACpC,CAAC,CAAC4C,iCAAiC,CAAC;IAC/E,OAAOjD,GAAG,CAAAuD,iBAAA,KAAAA,iBAAA,GAAAhD,~~sBAAA~~;;;IAGgB8C,cAAc;IAClCN,YAAY,EAAsBM,cAAc;IAChDL,yBAAyB,EAAMjB,qBAAqB,EAAIgB,YAAY,GAAGM,cAAc;;;IAG5EjB,KAAK;IACNC,IAAI;;;IAGHe,UAAU;;;;;;IAMVA,UAAU;;;;;;;EAO3B,CAAC;EACDI,mBAAmB,WAAAA,oBAACnD,CAAQ,EAAE+C,UAAkB,EAAEhB,KAAa,EAAEC,IAAY,EAAE;IAC7E,IAAMgB,cAAc,GAAGZ,QAAQ,CAACpC,CAAC,CAACiD,yCAAyC,CAAC;IAC5E,IAAMN,yBAAyB,GAAGP,QAAQ,CAACpC,CAAC,CAAC4C,iCAAiC,CAAC;IAC/E,OAAOjD,GAAG,CAAAyD,iBAAA,KAAAA,iBAAA,GAAAlD,~~sBAAA~~;;;IAGgB8C,cAAc;IAClCL,yBAAyB,EAAsBK,cAAc;;;IAGpDjB,KAAK;IACNC,IAAI;;;IAGHe,UAAU;;;;;;IAMVA,UAAU;;;;;;;EAO3B,CAAC;EACDM,sBAAsB,WAAAA,uBAACN,UAAkB,EAAE;IACzC,OAAOpD,GAAG,CAAA2D,iBAAA,KAAAA,iBAAA,GAAApD,~~sBAAA~~;IACC6C,UAAU;;EAEvB;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","keyframes","styles","outer","t","_templateObject","_taggedTemplateLiteralLoose","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","_templateObject2","globalLoaderColor","standardWithoutAnimation","_templateObject3","successWithoutAnimation","_templateObject4","errorWithoutAnimation","_templateObject5","moveToRightAnimation","_templateObject6","spinnerAnimation","_templateObject7","linearProgressAnimation","_templateObject8","slowProgressAnimation","_templateObject9","animations","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 { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n outer(t: Theme) {\n return css`\n width: ${t.globalLoaderWidth};\n height: ${t.globalLoaderHeight};\n background-color: ${t.globalLoaderBackgroundColor};\n position: ${t.globalLoaderPosition};\n left: ${t.globalLoaderLeft};\n top: ${t.globalLoaderTop};\n right: ${t.globalLoaderRight};\n bottom: ${t.globalLoaderBottom};\n overflow: hidden;\n `;\n },\n inner(t: Theme) {\n return css`\n background-color: ${t.globalLoaderColor};\n width: 0;\n height: ${t.globalLoaderHeight};\n position: absolute;\n left: 0;\n overflow: hidden;\n `;\n },\n standardWithoutAnimation() {\n return css`\n left: 0;\n width: 90%;\n `;\n },\n successWithoutAnimation() {\n return css`\n left: 0;\n width: 100%;\n `;\n },\n errorWithoutAnimation() {\n return css`\n left: 40%;\n width: 20%;\n `;\n },\n});\n\nconst moveToRightAnimation = keyframes`\n 0% {\n left: 0;\n width: 100%;\n }\n 50% {\n left: 50%;\n width: 50%;\n }\n 100% {\n left: 99%;\n width: 1%\n }\n`;\nconst spinnerAnimation = keyframes`\n 0% {\n transform: translateX(50%) scaleX(.005);\n animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n }\n 50% {\n transform: translateX(0) scaleX(.35);\n animation-timing-function: cubic-bezier(.165,.84,.44,1);\n }\n 100% {\n transform: translateX(-50%) scaleX(.005);\n }\n`;\nconst linearProgressAnimation = keyframes`\n from { width: 0; }\n to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n from { width: 80%; }\n to { width: 90% }\n`;\n\nexport const animations = {\n successAnimation(delayBeforeHide: number, width: number, left: number) {\n return css`\n animation: successAnimation;\n animation-duration: ${delayBeforeHide}ms;\n @keyframes successAnimation {\n 0% {\n width: ${width}px;\n left: ${left}px;\n opacity: 1;\n }\n 20% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 80% {\n width: 100%;\n left: 0;\n opacity: 1;\n }\n 100% {\n width: 100%;\n opacity: 0;\n }\n }\n `;\n },\n errorAnimation(t: Theme) {\n const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n return css`\n left: 0;\n width: 100%;\n animation:\n ${moveToRightAnimation} ${transitionDuration}ms linear,\n ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n `;\n },\n standardAnimation(t: Theme, expectedTime: number) {\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return css`\n width: 90%;\n animation:\n ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n `;\n },\n acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return css`\n width: 90%;\n animation:\n transitionAnimation ${transitionTime}ms linear,\n ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n @keyframes transitionAnimation {\n from {\n width: ${width}px;\n left: ${left}px;\n }\n to {\n width: ${startWidth}px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ${startWidth}px;\n }\n to {\n width: 80%;\n }\n }\n `;\n },\n slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n return css`\n width: 90%;\n animation:\n transitionAnimation ${transitionTime}ms linear,\n ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n @keyframes transitionAnimation {\n from {\n width: ${width}px;\n left: ${left}px;\n }\n to {\n width: ${startWidth}px;\n left: 0;\n }\n }\n @keyframes acceptAnimation {\n from {\n width: ${startWidth}px;\n }\n to {\n width: 90%;\n }\n }\n `;\n },\n acceptWithoutAnimation(startWidth: number) {\n return css`\n width: ${startWidth}px;\n `;\n },\n};\n"],"mappings":"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","ignoreList":[]}

package/components/GlobalLoader/useParams/useParams.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
@@ -30,10 +29,9 @@ export var useGlobalLoaderWidth = function useGlobalLoaderWidth(status, ref) {
   var _getDOMRect2 = getDOMRect(ref),
     width = _getDOMRect2.width;
   var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    startWidth = _useState2[0],
-    setStartWidth = _useState2[1];
-  var fullWidth = ((_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current = _ref$current.parentElement) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetWidth) || 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);

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useEffect","useState","getDOMRect","useGlobalLoaderPosition","ref","_getDOMRect","left","useGlobalLoaderWidth","status","_ref$current","_getDOMRect2","width","_useState","~~_useState2","_slicedToArray","~~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":"~~sEAAA~~,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,~~CAAAY~~,~~UAAA~~,~~GAAAC~~,~~cAAA,CAAAF,~~SAAA,~~KAAxCG~~,~~UAAU~~,GAAAF,~~UAAA,IAAEG,aAAa,GAAAH,UAAA~~;EAChC,~~IAAMI~~,SAAS,GAAG,~~EAAAR~~,YAAA,GAAAL,GAAG,~~CAACc~~,OAAO,~~cAAAT~~,YAAA,~~gBAAAA,YAAA,~~GAAXA,YAAA,~~CAAaU~~,aAAa,~~cAAAV~~,YAAA,~~uBAA1BA~~,~~YAAA,CAA4BW,~~WAAW,KAAI,CAAC;~~EAC9DpB~~,SAAS,CAAC,YAAM;IACd,IAAIQ,MAAM,KAAK,OAAO,EAAE;~~MACtBQ~~,aAAa,~~CAACL~~,KAAK,CAAC;IACtB,CAAC,MAAM,IAAIH,MAAM,KAAK,QAAQ,EAAE;~~MAC9BQ~~,aAAa,CAACD,UAAU,CAAC;IAC3B,CAAC,MAAM;MACLC,aAAa,CAAC,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,~~CAACR~~,MAAM,CAAC,CAAC;;EAEZ,OAAO,EAAEG,KAAK,EAALA,KAAK,~~EAAEI~~,UAAU,EAAVA,UAAU,EAAEE,SAAS,EAATA,SAAS,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -1,16 +1,6 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _class, _Group;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { isIE11, isEdge } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
@@ -23,14 +13,14 @@ var getFirstChild = function getFirstChild(children) {
   if (!Array.isArray(children)) {
     return children;
   }
-  return children === null || children === void 0 ? void 0 : children[0];
+  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 || children === void 0 ? void 0 : children[numberOfChildren - 1];
+  return children == null ? void 0 : children[numberOfChildren - 1];
 };
 export var getButtonCorners = function getButtonCorners(isFirstChild, isLastChild) {
   if (isFirstChild && isLastChild) {
@@ -56,7 +46,7 @@ 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: _objectSpread(_objectSpread({}, corners), child.props.corners)
+      corners: _extends({}, corners, child.props.corners)
     });
   }
   return child;
@@ -76,81 +66,79 @@ export var GroupDataTids = {
 export var Group = rootNode(_class = (_Group = /*#__PURE__*/function (_React$Component) {
   function Group() {
     var _this;
-    _classCallCheck(this, Group);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Group, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.renderChild = function (child, isFirstChild, isLastChild, isWidthInPercent) {
+      var _cx, _cx2;
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: cx(_defineProperty(_defineProperty(_defineProperty({}, styles.fixed(), !isWidthInPercent), styles.stretch(), isWidthInPercent), styles.stretchFallback(), Boolean(isWidthInPercent && _this.props.width && (isIE11 || isEdge))))
+          className: cx((_cx = {}, _cx[styles.fixed()] = !isWidthInPercent, _cx[styles.stretch()] = isWidthInPercent, _cx[styles.stretchFallback()] = Boolean(isWidthInPercent && _this.props.width && (isIE11 || isEdge)), _cx))
         }, /*#__PURE__*/
         React.createElement("div", {
-          className: cx(_defineProperty(_defineProperty({}, styles.item(), true), styles.itemFirst(), isFirstChild))
+          className: cx((_cx2 = {}, _cx2[styles.item()] = true, _cx2[styles.itemFirst()] = isFirstChild, _cx2))
         }, tryPassCorners(child, isFirstChild, isLastChild)))
       );
     };
     return _this;
   }
-  _inherits(Group, _React$Component);
-  return _createClass(Group, [{
-    key: "render",
-    value: 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(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.props), /*#__PURE__*/React.createElement("span", {
-          "data-tid": GroupDataTids.root,
-          className: 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));
-        })));
-      });
-    }
-  }, {
-    key: "renderWrappedChildren",
-    value: function renderWrappedChildren(parent, isParentFirst, isParentLast) {
-      var _this3 = this;
-      var shouldStretchParent = false;
-      var nestedChildren = React.Children.toArray(parent.props.children);
-      var modifiedChildren = nestedChildren.map(function (nestedChild, index) {
-        if (!nestedChild || ! /*#__PURE__*/React.isValidElement(nestedChild)) {
+  _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(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.props), /*#__PURE__*/React.createElement("span", {
+        "data-tid": GroupDataTids.root,
+        className: styles.root(),
+        style: style
+      }, React.Children.map(childrenArray, function (child) {
+        if (!child || ! /*#__PURE__*/React.isValidElement(child)) {
           return null;
         }
-        var isFirstChild = isParentFirst && index === 0;
-        var isLastChild = isParentLast && index === nestedChildren.length - 1;
-        if (hasWidthInPercent(nestedChild)) {
-          shouldStretchParent = true;
+        var isFirstChild = child === firstChild;
+        var isLastChild = child === lastChild;
+        if (_this2.featureFlags.groupAddHintAndTooltipSupport && (isHint(child) || isTooltip(child))) {
+          return _this2.renderWrappedChildren(child, isFirstChild, isLastChild);
         }
-        return _this3.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));
-      });
-      var wrappedChildren = /*#__PURE__*/
-      React.createElement("div", {
-        className: cx(styles.wrappedChildren(), _defineProperty({}, styles.stretch(), shouldStretchParent))
-      }, modifiedChildren);
-      return /*#__PURE__*/React.cloneElement(parent, {
-        children: wrappedChildren
-      });
-    }
-  }]);
+        return _this2.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));
+      })));
+    });
+  };
+  _proto.renderWrappedChildren = function renderWrappedChildren(parent, isParentFirst, isParentLast) {
+    var _this3 = 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: cx(styles.wrappedChildren(), (_cx3 = {}, _cx3[styles.stretch()] = shouldStretchParent, _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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","isIE11","isEdge","CommonWrapper","cx","rootNode","isButton","isAutocomplete","isCurrencyInput","isDropdown","isDropdownMenu","isFxInput","isInput","isPasswordInput","isSelect","isTooltip","isHint","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","Children","count","getButtonCorners","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","tryPassCorners","child","corners","cloneElement","_objectSpread","props","hasWidthInPercent","String","width","includes","GroupDataTids","root","Group","_class","_Group","_React$Component","_this","_classCallCheck","_len","arguments","length","args","_key","_callSuper","concat","renderChild","isWidthInPercent","createElement","className","_defineProperty","fixed","stretch","stretchFallback","Boolean","item","itemFirst","_inherits","_createClass","key","value","render","_this2","style","childrenArray","toArray","firstChild","lastChild","Consumer","flags","featureFlags","_extends","rootNodeRef","setRootNode","map","isValidElement","groupAddHintAndTooltipSupport","renderWrappedChildren","parent","isParentFirst","isParentLast","_this3","shouldStretchParent","nestedChildren","modifiedChildren","nestedChild","index","wrappedChildren","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport {\n isButton,\n isAutocomplete,\n isCurrencyInput,\n isDropdown,\n isDropdownMenu,\n isFxInput,\n isInput,\n isPasswordInput,\n isSelect,\n isTooltip,\n isHint,\n} from '../../lib/utils';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n /** Задает длину компонента Group. /\n width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps extends CommonProps {\n width?: React.CSSProperties['width'];\n corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n if (!Array.isArray(children)) {\n return children;\n }\n\n return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n if (!Array.isArray(children)) {\n return children;\n }\n\n const numberOfChildren = React.Children.count(children);\n\n return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n if (isFirstChild && isLastChild) {\n return {};\n }\n\n if (isFirstChild) {\n return {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n };\n }\n\n if (isLastChild) {\n return {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n };\n }\n\n return {\n borderRadius: 0,\n };\n};\n\nconst tryPassCorners = (child: React.ReactNode, isFirstChild: boolean, isLastChild: boolean) => {\n const corners = getButtonCorners(isFirstChild, isLastChild);\n\n if (\n isButton(child) \|\|\n isInput(child) \|\|\n isFxInput(child) \|\|\n isAutocomplete(child) \|\|\n isPasswordInput(child) \|\|\n isCurrencyInput(child) \|\|\n isSelect(child) \|\|\n isDropdown(child) \|\|\n isDropdownMenu(child)\n ) {\n return React.cloneElement<(typeof child)['props']>(child, { corners: { ...corners, ...child.props.corners } });\n }\n\n return child;\n};\n\nconst hasWidthInPercent = (child: React.ReactElement<GroupChildProps>) => String(child.props.width).includes('%');\n\nexport const GroupDataTids = {\n root: 'Group__root',\n} as const;\n\n/\n Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.\n \n Длина контейнера настраивается с помощью пропа `width`.\n */\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n public static __KONTUR_REACT_UI__ = 'Group';\n public static displayName = 'Group';\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private featureFlags!: ReactUIFeatureFlags;\n\n public render() {\n const style: React.CSSProperties = {\n width: this.props.width,\n };\n\n const childrenArray = React.Children.toArray(this.props.children);\n const firstChild = getFirstChild(childrenArray);\n const lastChild = getLastChild(childrenArray);\n\n return (\n <ReactUIFeatureFlagsContext.Consumer>\n {(flags) => {\n this.featureFlags = getFullReactUIFlagsContext(flags);\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n {React.Children.map(childrenArray, (child) => {\n if (!child \|\| !React.isValidElement<GroupChildProps>(child)) {\n return null;\n }\n\n const isFirstChild = child === firstChild;\n const isLastChild = child === lastChild;\n\n if (this.featureFlags.groupAddHintAndTooltipSupport && (isHint(child) \|\| isTooltip(child))) {\n return this.renderWrappedChildren(child, isFirstChild, isLastChild);\n }\n\n return this.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));\n })}\n </span>\n </CommonWrapper>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n private renderChild = (\n child: React.ReactNode,\n isFirstChild: boolean,\n isLastChild: boolean,\n isWidthInPercent: boolean,\n ) => (\n <div\n className={cx({\n [styles.fixed()]: !isWidthInPercent,\n [styles.stretch()]: isWidthInPercent,\n [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 \|\| isEdge)),\n })}\n >\n <div\n className={cx({\n [styles.item()]: true,\n [styles.itemFirst()]: isFirstChild,\n })}\n >\n {tryPassCorners(child, isFirstChild, isLastChild)}\n </div>\n </div>\n );\n\n private renderWrappedChildren(\n parent: React.ReactElement<GroupChildProps>,\n isParentFirst: boolean,\n isParentLast: boolean,\n ): React.ReactNode {\n let shouldStretchParent = false;\n const nestedChildren = React.Children.toArray(parent.props.children);\n\n const modifiedChildren = nestedChildren.map((nestedChild, index) => {\n if (!nestedChild \|\| !React.isValidElement<GroupChildProps>(nestedChild)) {\n return null;\n }\n\n const isFirstChild = isParentFirst && index === 0;\n const isLastChild = isParentLast && index === nestedChildren.length - 1;\n if (hasWidthInPercent(nestedChild)) {\n shouldStretchParent = true;\n }\n\n return this.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));\n });\n\n const wrappedChildren = (\n <div className={cx(styles.wrappedChildren(), { [styles.stretch()]: shouldStretchParent })}>\n {modifiedChildren}\n </div>\n );\n\n return React.cloneElement<GroupChildProps>(parent, {\n children: wrappedChildren,\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","isIE11","isEdge","CommonWrapper","cx","rootNode","isButton","isAutocomplete","isCurrencyInput","isDropdown","isDropdownMenu","isFxInput","isInput","isPasswordInput","isSelect","isTooltip","isHint","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","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","_cx","_cx2","createElement","className","fixed","stretch","stretchFallback","Boolean","item","itemFirst","_inheritsLoose","_proto","prototype","render","_this2","style","childrenArray","toArray","firstChild","lastChild","Consumer","flags","featureFlags","rootNodeRef","setRootNode","map","isValidElement","groupAddHintAndTooltipSupport","renderWrappedChildren","parent","isParentFirst","isParentLast","_this3","_cx3","shouldStretchParent","nestedChildren","modifiedChildren","nestedChild","index","wrappedChildren","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport {\n isButton,\n isAutocomplete,\n isCurrencyInput,\n isDropdown,\n isDropdownMenu,\n isFxInput,\n isInput,\n isPasswordInput,\n isSelect,\n isTooltip,\n isHint,\n} from '../../lib/utils';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n /** Задает длину компонента Group. /\n width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps extends CommonProps {\n width?: React.CSSProperties['width'];\n corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n if (!Array.isArray(children)) {\n return children;\n }\n\n return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n if (!Array.isArray(children)) {\n return children;\n }\n\n const numberOfChildren = React.Children.count(children);\n\n return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n if (isFirstChild && isLastChild) {\n return {};\n }\n\n if (isFirstChild) {\n return {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n };\n }\n\n if (isLastChild) {\n return {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n };\n }\n\n return {\n borderRadius: 0,\n };\n};\n\nconst tryPassCorners = (child: React.ReactNode, isFirstChild: boolean, isLastChild: boolean) => {\n const corners = getButtonCorners(isFirstChild, isLastChild);\n\n if (\n isButton(child) \|\|\n isInput(child) \|\|\n isFxInput(child) \|\|\n isAutocomplete(child) \|\|\n isPasswordInput(child) \|\|\n isCurrencyInput(child) \|\|\n isSelect(child) \|\|\n isDropdown(child) \|\|\n isDropdownMenu(child)\n ) {\n return React.cloneElement<(typeof child)['props']>(child, { corners: { ...corners, ...child.props.corners } });\n }\n\n return child;\n};\n\nconst hasWidthInPercent = (child: React.ReactElement<GroupChildProps>) => String(child.props.width).includes('%');\n\nexport const GroupDataTids = {\n root: 'Group__root',\n} as const;\n\n/\n Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.\n \n Длина контейнера настраивается с помощью пропа `width`.\n */\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n public static __KONTUR_REACT_UI__ = 'Group';\n public static displayName = 'Group';\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private featureFlags!: ReactUIFeatureFlags;\n\n public render() {\n const style: React.CSSProperties = {\n width: this.props.width,\n };\n\n const childrenArray = React.Children.toArray(this.props.children);\n const firstChild = getFirstChild(childrenArray);\n const lastChild = getLastChild(childrenArray);\n\n return (\n <ReactUIFeatureFlagsContext.Consumer>\n {(flags) => {\n this.featureFlags = getFullReactUIFlagsContext(flags);\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n {React.Children.map(childrenArray, (child) => {\n if (!child \|\| !React.isValidElement<GroupChildProps>(child)) {\n return null;\n }\n\n const isFirstChild = child === firstChild;\n const isLastChild = child === lastChild;\n\n if (this.featureFlags.groupAddHintAndTooltipSupport && (isHint(child) \|\| isTooltip(child))) {\n return this.renderWrappedChildren(child, isFirstChild, isLastChild);\n }\n\n return this.renderChild(child, isFirstChild, isLastChild, hasWidthInPercent(child));\n })}\n </span>\n </CommonWrapper>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n private renderChild = (\n child: React.ReactNode,\n isFirstChild: boolean,\n isLastChild: boolean,\n isWidthInPercent: boolean,\n ) => (\n <div\n className={cx({\n [styles.fixed()]: !isWidthInPercent,\n [styles.stretch()]: isWidthInPercent,\n [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 \|\| isEdge)),\n })}\n >\n <div\n className={cx({\n [styles.item()]: true,\n [styles.itemFirst()]: isFirstChild,\n })}\n >\n {tryPassCorners(child, isFirstChild, isLastChild)}\n </div>\n </div>\n );\n\n private renderWrappedChildren(\n parent: React.ReactElement<GroupChildProps>,\n isParentFirst: boolean,\n isParentLast: boolean,\n ): React.ReactNode {\n let shouldStretchParent = false;\n const nestedChildren = React.Children.toArray(parent.props.children);\n\n const modifiedChildren = nestedChildren.map((nestedChild, index) => {\n if (!nestedChild \|\| !React.isValidElement<GroupChildProps>(nestedChild)) {\n return null;\n }\n\n const isFirstChild = isParentFirst && index === 0;\n const isLastChild = isParentLast && index === nestedChildren.length - 1;\n if (hasWidthInPercent(nestedChild)) {\n shouldStretchParent = true;\n }\n\n return this.renderChild(nestedChild, isFirstChild, isLastChild, hasWidthInPercent(nestedChild));\n });\n\n const wrappedChildren = (\n <div className={cx(styles.wrappedChildren(), { [styles.stretch()]: shouldStretchParent })}>\n {modifiedChildren}\n </div>\n );\n\n return React.cloneElement<GroupChildProps>(parent, {\n children: wrappedChildren,\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Group/Group.styles/Group.styles.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","~~_taggedTemplateLiteral~~","wrappedChildren","_templateObject2","fixed","_templateObject3","stretch","_templateObject4","stretchFallback","_templateObject5","item","_templateObject6","itemFirst","_templateObject7"],"sources":["Group.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = 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":"~~sNAAA~~,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,~~sBAAA~~;;;;EAIZ,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,~~sBAAA~~;;;EAGZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,~~sBAAA~~;;;;EAIZ,CAAC;;EAEDK,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,~~sBAAA~~;;;;EAIZ,CAAC;;EAEDO,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,~~sBAAA~~;;;EAGZ,CAAC;;EAEDS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,~~sBAAA~~;;;EAGZ,CAAC;;EAEDW,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,~~sBAAA~~;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","wrappedChildren","_templateObject2","fixed","_templateObject3","stretch","_templateObject4","stretchFallback","_templateObject5","item","_templateObject6","itemFirst","_templateObject7"],"sources":["Group.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = 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":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;EAIZ,CAAC;;EAEDK,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;EAIZ,CAAC;;EAEDO,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ,CAAC;;EAEDS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;EAGZ,CAAC;;EAEDW,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}