npm - @skbkontur/react-ui - Versions diffs - 0.0.0-d4e280859d → 0.0.0-d99038a7ec - Mend

@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

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 (1100) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","keyframes","memoizeStyle","prefix","ColorFunctions","fileUploaderSizeMixin","globalClasses","afterLinkText","styles","calcPulse","t","_templateObject","_taggedTemplateLiteralLoose","fade","inputBlinkColor","root","_templateObject2","fileUploaderLineHeightSmall","fileUploaderFontSizeSmall","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","_templateObject3","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","_templateObject4","fileUploaderBorderColorFocus","dragOver","_templateObject5","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","_templateObject6","content","_templateObject7","contentWithFiles","_templateObject8","contentInnerSmall","_templateObject9","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","_templateObject10","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","_templateObject11","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","_templateObject12","_templateObject13","fileUploaderAfterLinkColor","afterLinkText_HasFiles","_templateObject14","warning","_templateObject15","fileUploaderBorderColorWarning","error","_templateObject16","fileUploaderBorderColorError","hovered","_templateObject17","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","_templateObject18","fileUploaderLinkHoverTextDecoration","disabled","_templateObject19","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","_templateObject20","fileUploaderIconColor","iconDisabled","_templateObject21","fileUploaderDisabledIconColor","link","_templateObject22","fileUploaderLinkColor","linkDisabled","_templateObject23","fileUploaderDisabledLinkColor","singleFile","_templateObject24","sizeSmall","_templateObject25","sizeMedium","_templateObject26","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","_templateObject27","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","_templateObject28","iconMedium","_templateObject29","iconLarge","_templateObject30","jsStyles"],"sources":["FileUploader.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n calcPulse(t: Theme) {\n return keyframes`\n 0% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n }\n 95% {\n box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n }\n 100% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n display: inline-block;\n position: relative;\n line-height: ${t.fileUploaderLineHeightSmall};\n font-size: ${t.fileUploaderFontSizeSmall};\n color: ${t.fileUploaderTextColorDefault};\n background-color: ${t.fileUploaderBg};\n `;\n },\n\n uploadButton(t: Theme) {\n return css`\n width: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n box-sizing: border-box;\n border-radius: ${t.fileUploaderBorderRadius};\n outline: none;\n cursor: pointer;\n padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n transition:\n background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n background-color: ${t.fileUploaderUploadButtonBg};\n `;\n },\n\n uploadButtonFocus(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n `;\n },\n\n dragOver(t: Theme) {\n return css`\n border: 1px solid ${t.fileUploaderDragOverBorderColor};\n border-radius: ${t.fileUploaderBorderRadius};\n box-shadow: ${t.fileUploaderDragOverShadow};\n `;\n },\n\n windowDragOver(t: Theme) {\n return css`\n border-radius: ${t.fileUploaderBorderRadius};\n animation: ${styles.calcPulse(t)} 1.5s infinite;\n `;\n },\n\n content() {\n return css`\n display: block;\n width: 100%;\n height: 100%;\n\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n },\n\n contentWithFiles() {\n return css`\n display: flex;\n align-items: center;\n `;\n },\n\n contentInnerSmall(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n `;\n },\n\n contentInnerMedium(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n `;\n },\n\n contentInnerLarge(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n `;\n },\n\n visuallyHidden() {\n return css`\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n `;\n },\n\n afterLinkText(t: Theme) {\n return css`\n display: inline;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n afterLinkText_HasFiles(t: Theme) {\n return css`\n display: flex;\n justify-content: space-between;\n flex: 1 1 auto;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n `;\n },\n\n hovered(t: Theme) {\n return css`\n background: ${t.fileUploaderHoveredBg};\n border-color: ${t.fileUploaderHoveredBorderColor};\n `;\n },\n\n linkHovered(t: Theme) {\n return css`\n text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n background: ${t.fileUploaderDisabledBg};\n border: ${t.fileUploaderDisabledBorder};\n color: ${t.fileUploaderDisabledTextColor};\n box-shadow: none;\n background-clip: ${t.fileUploaderDisabledBgClip};\n\n .${globalClasses.afterLinkText} {\n color: ${t.fileUploaderDisabledTextColor};\n }\n `;\n },\n\n icon(t: Theme) {\n return css`\n display: inline-block;\n position: absolute;\n color: ${t.fileUploaderIconColor};\n text-align: right;\n `;\n },\n\n iconDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledIconColor};\n `;\n },\n\n link(t: Theme) {\n return css`\n outline: none;\n text-decoration: none;\n color: ${t.fileUploaderLinkColor};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledLinkColor};\n &:hover {\n text-decoration: none;\n }\n `;\n },\n\n singleFile() {\n return css`\n width: 100%;\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeSmall,\n t.fileUploaderLineHeightSmall,\n t.fileUploaderPaddingXSmall,\n t.fileUploaderPaddingYSmall,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeMedium,\n t.fileUploaderLineHeightMedium,\n t.fileUploaderPaddingXMedium,\n t.fileUploaderPaddingYMedium,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeLarge,\n t.fileUploaderLineHeightLarge,\n t.fileUploaderPaddingXLarge,\n t.fileUploaderPaddingYLarge,\n )};\n `;\n },\n\n iconSmall(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeSmall};\n line-height: ${t.fileUploaderLineHeightSmall};\n width: ${t.inputIconSizeSmall};\n bottom: ${t.fileUploaderPaddingYSmall};\n right: ${t.fileUploaderPaddingXSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeMedium};\n line-height: ${t.fileUploaderLineHeightMedium};\n width: ${t.inputIconSizeMedium};\n bottom: ${t.fileUploaderPaddingYMedium};\n right: ${t.fileUploaderPaddingXMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeLarge};\n line-height: ${t.fileUploaderLineHeightLarge};\n width: ${t.inputIconSizeLarge};\n bottom: ${t.fileUploaderPaddingYLarge};\n right: ${t.fileUploaderPaddingXLarge};\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["css","keyframes","memoizeStyle","prefix","ColorFunctions","fileUploaderSizeMixin","globalClasses","afterLinkText","styles","calcPulse","t","_templateObject","_taggedTemplateLiteralLoose","fade","inputBlinkColor","root","fileUploaderLineHeightSmall","fileUploaderFontSizeSmall","fileUploaderTextColorDefault","fileUploaderBg","process","env","NODE_ENV","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingYSmall","fileUploaderPaddingXSmall","transitionDuration","transitionTimingFunction","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","content","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","visuallyHidden","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"sources":["FileUploader.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n calcPulse(t: Theme) {\n return keyframes`\n 0% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n }\n 95% {\n box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n }\n 100% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n display: inline-block;\n position: relative;\n line-height: ${t.fileUploaderLineHeightSmall};\n font-size: ${t.fileUploaderFontSizeSmall};\n color: ${t.fileUploaderTextColorDefault};\n background-color: ${t.fileUploaderBg};\n `;\n },\n\n uploadButton(t: Theme) {\n return css`\n width: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n box-sizing: border-box;\n border-radius: ${t.fileUploaderBorderRadius};\n outline: none;\n cursor: pointer;\n padding: ${t.fileUploaderPaddingYSmall} ${t.fileUploaderPaddingXSmall};\n transition:\n background-color ${t.transitionDuration} ${t.transitionTimingFunction},\n border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n background-color: ${t.fileUploaderUploadButtonBg};\n `;\n },\n\n uploadButtonFocus(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n `;\n },\n\n dragOver(t: Theme) {\n return css`\n border: 1px solid ${t.fileUploaderDragOverBorderColor};\n border-radius: ${t.fileUploaderBorderRadius};\n box-shadow: ${t.fileUploaderDragOverShadow};\n `;\n },\n\n windowDragOver(t: Theme) {\n return css`\n border-radius: ${t.fileUploaderBorderRadius};\n animation: ${styles.calcPulse(t)} 1.5s infinite;\n `;\n },\n\n content() {\n return css`\n display: block;\n width: 100%;\n height: 100%;\n\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n },\n\n contentWithFiles() {\n return css`\n display: flex;\n align-items: center;\n `;\n },\n\n contentInnerSmall(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n `;\n },\n\n contentInnerMedium(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n `;\n },\n\n contentInnerLarge(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n `;\n },\n\n visuallyHidden() {\n return css`\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n `;\n },\n\n afterLinkText(t: Theme) {\n return css`\n display: inline;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n afterLinkText_HasFiles(t: Theme) {\n return css`\n display: flex;\n justify-content: space-between;\n flex: 1 1 auto;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n `;\n },\n\n hovered(t: Theme) {\n return css`\n background: ${t.fileUploaderHoveredBg};\n border-color: ${t.fileUploaderHoveredBorderColor};\n `;\n },\n\n linkHovered(t: Theme) {\n return css`\n text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n background: ${t.fileUploaderDisabledBg};\n border: ${t.fileUploaderDisabledBorder};\n color: ${t.fileUploaderDisabledTextColor};\n box-shadow: none;\n background-clip: ${t.fileUploaderDisabledBgClip};\n\n .${globalClasses.afterLinkText} {\n color: ${t.fileUploaderDisabledTextColor};\n }\n `;\n },\n\n icon(t: Theme) {\n return css`\n display: inline-block;\n position: absolute;\n color: ${t.fileUploaderIconColor};\n text-align: right;\n `;\n },\n\n iconDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledIconColor};\n `;\n },\n\n link(t: Theme) {\n return css`\n outline: none;\n text-decoration: none;\n color: ${t.fileUploaderLinkColor};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledLinkColor};\n &:hover {\n text-decoration: none;\n }\n `;\n },\n\n singleFile() {\n return css`\n width: 100%;\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeSmall,\n t.fileUploaderLineHeightSmall,\n t.fileUploaderPaddingXSmall,\n t.fileUploaderPaddingYSmall,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeMedium,\n t.fileUploaderLineHeightMedium,\n t.fileUploaderPaddingXMedium,\n t.fileUploaderPaddingYMedium,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeLarge,\n t.fileUploaderLineHeightLarge,\n t.fileUploaderPaddingXLarge,\n t.fileUploaderPaddingYLarge,\n )};\n `;\n },\n\n iconSmall(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeSmall};\n line-height: ${t.fileUploaderLineHeightSmall};\n width: ${t.inputIconSizeSmall};\n bottom: ${t.fileUploaderPaddingYSmall};\n right: ${t.fileUploaderPaddingXSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeMedium};\n line-height: ${t.fileUploaderLineHeightMedium};\n width: ${t.inputIconSizeMedium};\n bottom: ${t.fileUploaderPaddingYMedium};\n right: ${t.fileUploaderPaddingXMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeLarge};\n line-height: ${t.fileUploaderLineHeightLarge};\n width: ${t.inputIconSizeLarge};\n bottom: ${t.fileUploaderPaddingYLarge};\n right: ${t.fileUploaderPaddingXLarge};\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"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","ignoreList":[]}

package/components/FxInput/__creevey__/FxInput.creevey.mts ADDED Viewed

@@ -0,0 +1,21 @@
+import { story, kind, test } from 'creevey';
+kind('FxInput', () => {
+  story('WithWidthStory', () => {
+    test('inside auto container', async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-tid="container"]' });
+      await context.matchImage(await element.takeScreenshot(), 'inside auto container');
+    });
+    test('inside fixed container', async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-tid="container"]' });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#toggle-width' }))
+        .perform();
+      await context.matchImage(await element.takeScreenshot(), 'inside fixed container');
+    });
+  });
+});

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

@@ -135,6 +135,9 @@ export var GlobalLoader = rootNode(_class = (_GlobalLoader = /*#__PURE__*/functi
       this.setReject(true);
     }
   };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    currentGlobalLoader = null;
+  };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     var _this$getProps2 = this.getProps(),
       expectedResponseTime = _this$getProps2.expectedResponseTime,
@@ -197,14 +200,19 @@ export var GlobalLoader = rootNode(_class = (_GlobalLoader = /*#__PURE__*/functi
   active: false,
   disableAnimations: isTestEnv
 }, _GlobalLoader.start = function (expectedResponseTime) {
-  currentGlobalLoader.setActive();
+  var _currentGlobalLoader2;
+  (_currentGlobalLoader2 = currentGlobalLoader) == null || _currentGlobalLoader2.setActive();
   if (typeof expectedResponseTime === 'number') {
-    currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);
+    var _currentGlobalLoader3;
+    (_currentGlobalLoader3 = currentGlobalLoader) == null || _currentGlobalLoader3.updateExpectedResponseTime(expectedResponseTime);
   }
 }, _GlobalLoader.done = function () {
-  currentGlobalLoader.setDone();
+  var _currentGlobalLoader4;
+  (_currentGlobalLoader4 = currentGlobalLoader) == null || _currentGlobalLoader4.setDone();
 }, _GlobalLoader.reject = function () {
-  currentGlobalLoader.setReject(true);
+  var _currentGlobalLoader5;
+  (_currentGlobalLoader5 = currentGlobalLoader) == null || _currentGlobalLoader5.setReject(true);
 }, _GlobalLoader.accept = function () {
-  currentGlobalLoader.setReject(false);
+  var _currentGlobalLoader6;
+  (_currentGlobalLoader6 = currentGlobalLoader) == null || _currentGlobalLoader6.setReject(false);
 }, _GlobalLoader)) || _class;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","debounce","isTestEnv","CommonWrapper","rootNode","createPropsGetter","GlobalLoaderView","GlobalLoaderDataTids","root","currentGlobalLoader","GlobalLoader","_class","_GlobalLoader","_React$Component","props","_this","call","getProps","defaultProps","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","resumeTaskAfterSuccessAnimation","setActive","cancel","state","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","_inheritsLoose","_proto","prototype","componentDidMount","_currentGlobalLoader","_this$getProps","componentDidUpdate","prevProps","_this$getProps2","render","status","_this$getProps3","disableAnimations","createElement","_extends","rootNodeRef","setRootNode","updateExpectedResponseTime","Component","__KONTUR_REACT_UI__","displayName","start"],"sources":["GlobalLoader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n /** Устанавливает задержку в миллисекундах до появления лоадера. /\n delayBeforeShow?: number;\n\n /* Устанавливает задержку в миллисекундах до исчезновения лоадера. /\n delayBeforeHide?: number;\n\n /* Устанавливает ожидаемое время(ms) ответа сервера. /\n expectedResponseTime?: number;\n\n /* Определяет, нужно ли показывать анимацию лоадера в виде спиннера. /\n rejected?: boolean;\n\n /* Определяет, показывать ли лоадер. /\n active?: boolean;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n\n /* Задает коллбек, вызывающийся после появления лоадера. /\n onStart?(): void;\n\n /* Задает коллбек, вызывающийся после исчезновения лоадера. /\n onDone?(): void;\n\n /* Задает коллбек, вызывающийся после вызова GlobalLoader.reject(). Или после установки пропа rejected = true. /\n onReject?(): void;\n\n /* Задает коллбек, вызывающийся после вызова GlobalLoader.accept() или установки пропа rejected = false. /\n onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n visible: boolean;\n done: boolean;\n rejected: boolean;\n accept: boolean;\n dead: boolean;\n successAnimationInProgress: boolean;\n expectedResponseTime: number;\n started: boolean;\n}\n\nexport const GlobalLoaderDataTids = {\n root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n GlobalLoaderProps,\n 'expectedResponseTime' \| 'delayBeforeShow' \| 'delayBeforeHide' \| 'rejected' \| 'active' \| 'disableAnimations'\n >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n\n/\n Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.\n * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.\n \n `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента \"убивает\" предыдущий экземпляр, и начинает перехватывать статические методы.\n \n Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.\n \n `GlobalLoader` работает в двух режимах:\n * * как прогресс-бар, примерно показывает ход получения данных от сервера.\n * * как спиннер, когда есть проблемы с соединением.\n /\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n public static __KONTUR_REACT_UI__ = 'GlobalLoader';\n public static displayName = 'GlobalLoader';\n\n private setRootNode!: TSetRootNode;\n private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n private readonly startTask = debounce(() => {\n this.setState({ visible: true });\n this.props.onStart?.();\n }, this.getProps().delayBeforeShow);\n\n private readonly stopTask = debounce(() => {\n this.setState({ visible: false, successAnimationInProgress: false, started: false });\n this.props.onDone?.();\n }, this.getProps().delayBeforeHide);\n\n private readonly resumeTaskAfterSuccessAnimation = debounce(() => {\n this.setActive();\n }, this.getProps().delayBeforeHide);\n\n public static defaultProps: DefaultProps = {\n expectedResponseTime: 1000,\n delayBeforeShow: 1000,\n delayBeforeHide: 1000,\n rejected: false,\n active: false,\n disableAnimations: isTestEnv,\n };\n\n constructor(props: GlobalLoaderProps) {\n super(props);\n this.state = {\n started: false,\n visible: false,\n done: false,\n rejected: false,\n accept: false,\n dead: false,\n successAnimationInProgress: false,\n expectedResponseTime: this.getProps().expectedResponseTime,\n };\n }\n componentDidMount() {\n currentGlobalLoader?.kill();\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n currentGlobalLoader = this;\n const { active, rejected } = this.getProps();\n if (active) {\n this.setActive();\n }\n if (rejected) {\n this.setReject(true);\n }\n }\n\n componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n const { expectedResponseTime, rejected, active } = this.getProps();\n if (expectedResponseTime !== prevProps.expectedResponseTime) {\n this.setState({ expectedResponseTime });\n }\n if (rejected !== prevProps.rejected) {\n this.setReject(rejected);\n }\n if (active !== prevProps.active) {\n if (active) {\n this.setActive();\n } else {\n this.setDone();\n }\n }\n }\n\n public render() {\n let status: GlobalLoaderViewProps['status'] = 'standard';\n\n if (this.state.done) {\n status = 'success';\n } else if (this.state.rejected) {\n status = 'error';\n } else if (this.state.accept) {\n status = 'accept';\n }\n const { delayBeforeHide, disableAnimations } = this.getProps();\n return (\n !this.state.dead &&\n this.state.visible && (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <GlobalLoaderView\n expectedResponseTime={this.state.expectedResponseTime}\n delayBeforeHide={delayBeforeHide}\n status={status}\n data-tid={GlobalLoaderDataTids.root}\n disableAnimations={disableAnimations}\n />\n </CommonWrapper>\n )\n );\n }\n\n /\n Запускает анимацию лоадера <br />\n * Равносильно установке пропа `active = true`\n \n @public\n /\n public static start = (expectedResponseTime?: number) => {\n currentGlobalLoader.setActive();\n if (typeof expectedResponseTime === 'number') {\n currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n }\n };\n\n /\n Показывает анимацию успешного завершения загрузки <br />\n * Равносильно установке пропа `active = false`\n \n @public\n /\n public static done = () => {\n currentGlobalLoader.setDone();\n };\n\n /\n Переключает анимацию лоадера в состояние спиннера <br />\n * Равносильно установке пропа `rejected = true`\n \n @public\n /\n public static reject = () => {\n currentGlobalLoader.setReject(true);\n };\n\n /\n Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n * Равносильно установке пропа `rejected = false`\n \n @public\n */\n public static accept = () => {\n currentGlobalLoader.setReject(false);\n };\n\n public setActive = () => {\n this.startTask.cancel();\n if (this.state.successAnimationInProgress) {\n this.resumeTaskAfterSuccessAnimation();\n } else {\n this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n if (this.getProps().rejected) {\n this.setReject(true);\n } else {\n this.stopTask.cancel();\n this.startTask();\n }\n }\n };\n\n public setDone = () => {\n if (!this.state.started) {\n return;\n }\n this.setState({ done: true, successAnimationInProgress: true });\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.stopTask();\n };\n\n public setReject = (reject: boolean) => {\n if (!this.state.visible && (this.state.started \|\| this.getProps().active)) {\n this.setState({ visible: true });\n }\n this.startTask.cancel();\n this.stopTask.cancel();\n if (reject) {\n this.props.onReject?.();\n } else if (this.state.rejected) {\n this.setState({ accept: true });\n this.props.onAccept?.();\n }\n this.setState({ rejected: reject });\n };\n\n public updateExpectedResponseTime(expectedResponseTime: number) {\n this.setState({ expectedResponseTime });\n }\n\n public kill = () => {\n this.stopTask.cancel();\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.setState({\n dead: true,\n });\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","debounce","isTestEnv","CommonWrapper","rootNode","createPropsGetter","GlobalLoaderView","GlobalLoaderDataTids","root","currentGlobalLoader","GlobalLoader","_class","_GlobalLoader","_React$Component","props","_this","call","getProps","defaultProps","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","resumeTaskAfterSuccessAnimation","setActive","cancel","state","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","_inheritsLoose","_proto","prototype","componentDidMount","_currentGlobalLoader","_this$getProps","componentWillUnmount","componentDidUpdate","prevProps","_this$getProps2","render","status","_this$getProps3","disableAnimations","createElement","_extends","rootNodeRef","setRootNode","updateExpectedResponseTime","Component","__KONTUR_REACT_UI__","displayName","start","_currentGlobalLoader2","_currentGlobalLoader3","_currentGlobalLoader4","_currentGlobalLoader5","_currentGlobalLoader6"],"sources":["GlobalLoader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n /** Устанавливает задержку в миллисекундах до появления лоадера. /\n delayBeforeShow?: number;\n\n /* Устанавливает задержку в миллисекундах до исчезновения лоадера. /\n delayBeforeHide?: number;\n\n /* Устанавливает ожидаемое время(ms) ответа сервера. /\n expectedResponseTime?: number;\n\n /* Определяет, нужно ли показывать анимацию лоадера в виде спиннера. /\n rejected?: boolean;\n\n /* Определяет, показывать ли лоадер. /\n active?: boolean;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n\n /* Задает коллбек, вызывающийся после появления лоадера. /\n onStart?(): void;\n\n /* Задает коллбек, вызывающийся после исчезновения лоадера. /\n onDone?(): void;\n\n /* Задает коллбек, вызывающийся после вызова GlobalLoader.reject(). Или после установки пропа rejected = true. /\n onReject?(): void;\n\n /* Задает коллбек, вызывающийся после вызова GlobalLoader.accept() или установки пропа rejected = false. /\n onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n visible: boolean;\n done: boolean;\n rejected: boolean;\n accept: boolean;\n dead: boolean;\n successAnimationInProgress: boolean;\n expectedResponseTime: number;\n started: boolean;\n}\n\nexport const GlobalLoaderDataTids = {\n root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n GlobalLoaderProps,\n 'expectedResponseTime' \| 'delayBeforeShow' \| 'delayBeforeHide' \| 'rejected' \| 'active' \| 'disableAnimations'\n >\n>;\n\nlet currentGlobalLoader: GlobalLoader \| null;\n\n/\n Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.\n * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.\n \n `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента \"убивает\" предыдущий экземпляр, и начинает перехватывать статические методы.\n \n Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.\n \n `GlobalLoader` работает в двух режимах:\n * * как прогресс-бар, примерно показывает ход получения данных от сервера.\n * * как спиннер, когда есть проблемы с соединением.\n /\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n public static __KONTUR_REACT_UI__ = 'GlobalLoader';\n public static displayName = 'GlobalLoader';\n\n private setRootNode!: TSetRootNode;\n private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n private readonly startTask = debounce(() => {\n this.setState({ visible: true });\n this.props.onStart?.();\n }, this.getProps().delayBeforeShow);\n\n private readonly stopTask = debounce(() => {\n this.setState({ visible: false, successAnimationInProgress: false, started: false });\n this.props.onDone?.();\n }, this.getProps().delayBeforeHide);\n\n private readonly resumeTaskAfterSuccessAnimation = debounce(() => {\n this.setActive();\n }, this.getProps().delayBeforeHide);\n\n public static defaultProps: DefaultProps = {\n expectedResponseTime: 1000,\n delayBeforeShow: 1000,\n delayBeforeHide: 1000,\n rejected: false,\n active: false,\n disableAnimations: isTestEnv,\n };\n\n constructor(props: GlobalLoaderProps) {\n super(props);\n this.state = {\n started: false,\n visible: false,\n done: false,\n rejected: false,\n accept: false,\n dead: false,\n successAnimationInProgress: false,\n expectedResponseTime: this.getProps().expectedResponseTime,\n };\n }\n componentDidMount() {\n currentGlobalLoader?.kill();\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n currentGlobalLoader = this;\n const { active, rejected } = this.getProps();\n if (active) {\n this.setActive();\n }\n if (rejected) {\n this.setReject(true);\n }\n }\n\n componentWillUnmount(): void {\n currentGlobalLoader = null;\n }\n\n componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n const { expectedResponseTime, rejected, active } = this.getProps();\n if (expectedResponseTime !== prevProps.expectedResponseTime) {\n this.setState({ expectedResponseTime });\n }\n if (rejected !== prevProps.rejected) {\n this.setReject(rejected);\n }\n if (active !== prevProps.active) {\n if (active) {\n this.setActive();\n } else {\n this.setDone();\n }\n }\n }\n\n public render() {\n let status: GlobalLoaderViewProps['status'] = 'standard';\n\n if (this.state.done) {\n status = 'success';\n } else if (this.state.rejected) {\n status = 'error';\n } else if (this.state.accept) {\n status = 'accept';\n }\n const { delayBeforeHide, disableAnimations } = this.getProps();\n return (\n !this.state.dead &&\n this.state.visible && (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <GlobalLoaderView\n expectedResponseTime={this.state.expectedResponseTime}\n delayBeforeHide={delayBeforeHide}\n status={status}\n data-tid={GlobalLoaderDataTids.root}\n disableAnimations={disableAnimations}\n />\n </CommonWrapper>\n )\n );\n }\n\n /\n Запускает анимацию лоадера <br />\n * Равносильно установке пропа `active = true`\n \n @public\n /\n public static start = (expectedResponseTime?: number) => {\n currentGlobalLoader?.setActive();\n if (typeof expectedResponseTime === 'number') {\n currentGlobalLoader?.updateExpectedResponseTime(expectedResponseTime);\n }\n };\n\n /\n Показывает анимацию успешного завершения загрузки <br />\n * Равносильно установке пропа `active = false`\n \n @public\n /\n public static done = () => {\n currentGlobalLoader?.setDone();\n };\n\n /\n Переключает анимацию лоадера в состояние спиннера <br />\n * Равносильно установке пропа `rejected = true`\n \n @public\n /\n public static reject = () => {\n currentGlobalLoader?.setReject(true);\n };\n\n /\n Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n * Равносильно установке пропа `rejected = false`\n \n @public\n */\n public static accept = () => {\n currentGlobalLoader?.setReject(false);\n };\n\n public setActive = () => {\n this.startTask.cancel();\n if (this.state.successAnimationInProgress) {\n this.resumeTaskAfterSuccessAnimation();\n } else {\n this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n if (this.getProps().rejected) {\n this.setReject(true);\n } else {\n this.stopTask.cancel();\n this.startTask();\n }\n }\n };\n\n public setDone = () => {\n if (!this.state.started) {\n return;\n }\n this.setState({ done: true, successAnimationInProgress: true });\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.stopTask();\n };\n\n public setReject = (reject: boolean) => {\n if (!this.state.visible && (this.state.started \|\| this.getProps().active)) {\n this.setState({ visible: true });\n }\n this.startTask.cancel();\n this.stopTask.cancel();\n if (reject) {\n this.props.onReject?.();\n } else if (this.state.rejected) {\n this.setState({ accept: true });\n this.props.onAccept?.();\n }\n this.setState({ rejected: reject });\n };\n\n public updateExpectedResponseTime(expectedResponseTime: number) {\n this.setState({ expectedResponseTime });\n }\n\n public kill = () => {\n this.stopTask.cancel();\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.setState({\n dead: true,\n });\n };\n}\n"],"mappings":"0JAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,iBAAiB;;AAEtC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,QAAQ,QAAsB,oBAAoB;AAC3D,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,gBAAgB,QAA+B,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4C5E,OAAO,IAAMC,oBAAoB,GAAG;EAClCC,IAAI,EAAE;AACR,CAAU;;;;;;;;;AASV,IAAIC,mBAAwC;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,YAAY,GADxBN,QAAQ,CAAAO,MAAA,IAAAC,aAAA,0BAAAC,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BP,SAAAH,aAAYI,KAAwB,EAAE,KAAAC,KAAA;IACpCA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CA1BPE,QAAQ,GAAGZ,iBAAiB,CAACK,YAAY,CAACQ,YAAY,CAAC,CAAAH,KAAA,CAE9CI,SAAS,GAAGlB,QAAQ,CAAC,YAAM,CAC1Cc,KAAA,CAAKK,QAAQ,CAAC,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAChCN,KAAA,CAAKD,KAAK,CAACQ,OAAO,YAAlBP,KAAA,CAAKD,KAAK,CAACQ,OAAO,CAAG,CAAC,CACxB,CAAC,EAAEP,KAAA,CAAKE,QAAQ,CAAC,CAAC,CAACM,eAAe,CAAC,CAAAR,KAAA,CAElBS,QAAQ,GAAGvB,QAAQ,CAAC,YAAM,CACzCc,KAAA,CAAKK,QAAQ,CAAC,EAAEC,OAAO,EAAE,KAAK,EAAEI,0BAA0B,EAAE,KAAK,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CACpFX,KAAA,CAAKD,KAAK,CAACa,MAAM,YAAjBZ,KAAA,CAAKD,KAAK,CAACa,MAAM,CAAG,CAAC,CACvB,CAAC,EAAEZ,KAAA,CAAKE,QAAQ,CAAC,CAAC,CAACW,eAAe,CAAC,CAAAb,KAAA,CAElBc,+BAA+B,GAAG5B,QAAQ,CAAC,YAAM,CAChEc,KAAA,CAAKe,SAAS,CAAC,CAAC,CAClB,CAAC,EAAEf,KAAA,CAAKE,QAAQ,CAAC,CAAC,CAACW,eAAe,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgI5Be,SAAS,GAAG,YAAM;MACvBf,KAAA,CAAKI,SAAS,CAACY,MAAM,CAAC,CAAC;MACvB,IAAIhB,KAAA,CAAKiB,KAAK,CAACP,0BAA0B,EAAE;QACzCV,KAAA,CAAKc,+BAA+B,CAAC,CAAC;MACxC,CAAC,MAAM;QACLd,KAAA,CAAKK,QAAQ,CAAC,EAAEC,OAAO,EAAE,KAAK,EAAEY,IAAI,EAAE,KAAK,EAAEC,QAAQ,EAAE,KAAK,EAAEC,MAAM,EAAE,KAAK,EAAET,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QAC7F,IAAIX,KAAA,CAAKE,QAAQ,CAAC,CAAC,CAACiB,QAAQ,EAAE;UAC5BnB,KAAA,CAAKqB,SAAS,CAAC,IAAI,CAAC;QACtB,CAAC,MAAM;UACLrB,KAAA,CAAKS,QAAQ,CAACO,MAAM,CAAC,CAAC;UACtBhB,KAAA,CAAKI,SAAS,CAAC,CAAC;QAClB;MACF;IACF,CAAC,CAAAJ,KAAA;;IAEMsB,OAAO,GAAG,YAAM;MACrB,IAAI,CAACtB,KAAA,CAAKiB,KAAK,CAACN,OAAO,EAAE;QACvB;MACF;MACAX,KAAA,CAAKK,QAAQ,CAAC,EAAEa,IAAI,EAAE,IAAI,EAAER,0BAA0B,EAAE,IAAI,CAAC,CAAC,CAAC;MAC/DV,KAAA,CAAKI,SAAS,CAACY,MAAM,CAAC,CAAC;MACvBhB,KAAA,CAAKc,+BAA+B,CAACE,MAAM,CAAC,CAAC;MAC7ChB,KAAA,CAAKS,QAAQ,CAAC,CAAC;IACjB,CAAC,CAAAT,KAAA;;IAEMqB,SAAS,GAAG,UAACE,MAAe,EAAK;MACtC,IAAI,CAACvB,KAAA,CAAKiB,KAAK,CAACX,OAAO,KAAKN,KAAA,CAAKiB,KAAK,CAACN,OAAO,IAAIX,KAAA,CAAKE,QAAQ,CAAC,CAAC,CAACsB,MAAM,CAAC,EAAE;QACzExB,KAAA,CAAKK,QAAQ,CAAC,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;MAClC;MACAN,KAAA,CAAKI,SAAS,CAACY,MAAM,CAAC,CAAC;MACvBhB,KAAA,CAAKS,QAAQ,CAACO,MAAM,CAAC,CAAC;MACtB,IAAIO,MAAM,EAAE;QACVvB,KAAA,CAAKD,KAAK,CAAC0B,QAAQ,YAAnBzB,KAAA,CAAKD,KAAK,CAAC0B,QAAQ,CAAG,CAAC;MACzB,CAAC,MAAM,IAAIzB,KAAA,CAAKiB,KAAK,CAACE,QAAQ,EAAE;QAC9BnB,KAAA,CAAKK,QAAQ,CAAC,EAAEe,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;QAC/BpB,KAAA,CAAKD,KAAK,CAAC2B,QAAQ,YAAnB1B,KAAA,CAAKD,KAAK,CAAC2B,QAAQ,CAAG,CAAC;MACzB;MACA1B,KAAA,CAAKK,QAAQ,CAAC,EAAEc,QAAQ,EAAEI,MAAM,CAAC,CAAC,CAAC;IACrC,CAAC,CAAAvB,KAAA;;;;;;IAMM2B,IAAI,GAAG,YAAM;MAClB3B,KAAA,CAAKS,QAAQ,CAACO,MAAM,CAAC,CAAC;MACtBhB,KAAA,CAAKI,SAAS,CAACY,MAAM,CAAC,CAAC;MACvBhB,KAAA,CAAKc,+BAA+B,CAACE,MAAM,CAAC,CAAC;MAC7ChB,KAAA,CAAKK,QAAQ,CAAC;QACZuB,IAAI,EAAE;MACR,CAAC,CAAC;IACJ,CAAC,CAtKC5B,KAAA,CAAKiB,KAAK,GAAG,EACXN,OAAO,EAAE,KAAK,EACdL,OAAO,EAAE,KAAK,EACdY,IAAI,EAAE,KAAK,EACXC,QAAQ,EAAE,KAAK,EACfC,MAAM,EAAE,KAAK,EACbQ,IAAI,EAAE,KAAK,EACXlB,0BAA0B,EAAE,KAAK,EACjCmB,oBAAoB,EAAE7B,KAAA,CAAKE,QAAQ,CAAC,CAAC,CAAC2B,oBAAoB,CAC5D,CAAC,CAAC,OAAA7B,KAAA,CACJ,CAAC8B,cAAA,CAAAnC,YAAA,EAAAG,gBAAA,MAAAiC,MAAA,GAAApC,YAAA,CAAAqC,SAAA,CAAAD,MAAA,CACDE,iBAAiB,GAAjB,SAAAA,kBAAA,EAAoB,KAAAC,oBAAA,CAClB,CAAAA,oBAAA,GAAAxC,mBAAmB,aAAnBwC,oBAAA,CAAqBP,IAAI,CAAC,CAAC,CAAC,CAC5B;IACAjC,mBAAmB,GAAG,IAAI,CAC1B,IAAAyC,cAAA,GAA6B,IAAI,CAACjC,QAAQ,CAAC,CAAC,CAApCsB,MAAM,GAAAW,cAAA,CAANX,MAAM,CAAEL,QAAQ,GAAAgB,cAAA,CAARhB,QAAQ,CACxB,IAAIK,MAAM,EAAE,CACV,IAAI,CAACT,SAAS,CAAC,CAAC,CAClB,CACA,IAAII,QAAQ,EAAE,CACZ,IAAI,CAACE,SAAS,CAAC,IAAI,CAAC,CACtB,CACF,CAAC,CAAAU,MAAA,CAEDK,oBAAoB,GAApB,SAAAA,qBAAA,EAA6B,CAC3B1C,mBAAmB,GAAG,IAAI,CAC5B,CAAC,CAAAqC,MAAA,CAEDM,kBAAkB,GAAlB,SAAAA,mBAAmBC,SAAsC,EAAE,CACzD,IAAAC,eAAA,GAAmD,IAAI,CAACrC,QAAQ,CAAC,CAAC,CAA1D2B,oBAAoB,GAAAU,eAAA,CAApBV,oBAAoB,CAAEV,QAAQ,GAAAoB,eAAA,CAARpB,QAAQ,CAAEK,MAAM,GAAAe,eAAA,CAANf,MAAM,CAC9C,IAAIK,oBAAoB,KAAKS,SAAS,CAACT,oBAAoB,EAAE,CAC3D,IAAI,CAACxB,QAAQ,CAAC,EAAEwB,oBAAoB,EAApBA,oBAAoB,CAAC,CAAC,CAAC,CACzC,CACA,IAAIV,QAAQ,KAAKmB,SAAS,CAACnB,QAAQ,EAAE,CACnC,IAAI,CAACE,SAAS,CAACF,QAAQ,CAAC,CAC1B,CACA,IAAIK,MAAM,KAAKc,SAAS,CAACd,MAAM,EAAE,CAC/B,IAAIA,MAAM,EAAE,CACV,IAAI,CAACT,SAAS,CAAC,CAAC,CAClB,CAAC,MAAM,CACL,IAAI,CAACO,OAAO,CAAC,CAAC,CAChB,CACF,CACF,CAAC,CAAAS,MAAA,CAEMS,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,IAAIC,MAAuC,GAAG,UAAU,CAExD,IAAI,IAAI,CAACxB,KAAK,CAACC,IAAI,EAAE,CACnBuB,MAAM,GAAG,SAAS,CACpB,CAAC,MAAM,IAAI,IAAI,CAACxB,KAAK,CAACE,QAAQ,EAAE,CAC9BsB,MAAM,GAAG,OAAO,CAClB,CAAC,MAAM,IAAI,IAAI,CAACxB,KAAK,CAACG,MAAM,EAAE,CAC5BqB,MAAM,GAAG,QAAQ,CACnB,CACA,IAAAC,eAAA,GAA+C,IAAI,CAACxC,QAAQ,CAAC,CAAC,CAAtDW,eAAe,GAAA6B,eAAA,CAAf7B,eAAe,CAAE8B,iBAAiB,GAAAD,eAAA,CAAjBC,iBAAiB,CAC1C,OACE,CAAC,IAAI,CAAC1B,KAAK,CAACW,IAAI,IAChB,IAAI,CAACX,KAAK,CAACX,OAAO,iBAChBrB,KAAA,CAAA2D,aAAA,CAACxD,aAAa,EAAAyD,QAAA,GAACC,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAChD,KAAK,gBAC1Dd,KAAA,CAAA2D,aAAA,CAACrD,gBAAgB,IACfsC,oBAAoB,EAAE,IAAI,CAACZ,KAAK,CAACY,oBAAqB,EACtDhB,eAAe,EAAEA,eAAgB,EACjC4B,MAAM,EAAEA,MAAO,EACf,YAAUjD,oBAAoB,CAACC,IAAK,EACpCkD,iBAAiB,EAAEA,iBAAkB,EACtC,CACY,CAChB,CAEL,CAAC,CAED;AACF;AACA;AACA;AACA;AACA,KALE,CAAAZ,MAAA,CAmFOiB,0BAA0B,GAAjC,SAAAA,2BAAkCnB,oBAA4B,EAAE,CAC9D,IAAI,CAACxB,QAAQ,CAAC,EAAEwB,oBAAoB,EAApBA,oBAAoB,CAAC,CAAC,CAAC,CACzC,CAAC,QAAAlC,YAAA,GA7L+BV,KAAK,CAACgE,SAAS,GAAApD,aAAA,CACjCqD,mBAAmB,GAAG,cAAc,EAAArD,aAAA,CACpCsD,WAAW,GAAG,cAAc,EAAAtD,aAAA,CAmB5BM,YAAY,GAAiB,EACzC0B,oBAAoB,EAAE,IAAI,EAC1BrB,eAAe,EAAE,IAAI,EACrBK,eAAe,EAAE,IAAI,EACrBM,QAAQ,EAAE,KAAK,EACfK,MAAM,EAAE,KAAK,EACbmB,iBAAiB,EAAExD,SAAS,CAC9B,CAAC,EAAAU,aAAA,CAkFauD,KAAK,GAAG,UAACvB,oBAA6B,EAAK,KAAAwB,qBAAA,CACvD,CAAAA,qBAAA,GAAA3D,mBAAmB,aAAnB2D,qBAAA,CAAqBtC,SAAS,CAAC,CAAC,CAChC,IAAI,OAAOc,oBAAoB,KAAK,QAAQ,EAAE,KAAAyB,qBAAA,CAC5C,CAAAA,qBAAA,GAAA5D,mBAAmB,aAAnB4D,qBAAA,CAAqBN,0BAA0B,CAACnB,oBAAoB,CAAC,CACvE,CACF,CAAC,EAAAhC,aAAA,CAQaqB,IAAI,GAAG,YAAM,KAAAqC,qBAAA,CACzB,CAAAA,qBAAA,GAAA7D,mBAAmB,aAAnB6D,qBAAA,CAAqBjC,OAAO,CAAC,CAAC,CAChC,CAAC,EAAAzB,aAAA,CAQa0B,MAAM,GAAG,YAAM,KAAAiC,qBAAA,CAC3B,CAAAA,qBAAA,GAAA9D,mBAAmB,aAAnB8D,qBAAA,CAAqBnC,SAAS,CAAC,IAAI,CAAC,CACtC,CAAC,EAAAxB,aAAA,CAQauB,MAAM,GAAG,YAAM,KAAAqC,qBAAA,CAC3B,CAAAA,qBAAA,GAAA/D,mBAAmB,aAAnB+D,qBAAA,CAAqBpC,SAAS,CAAC,KAAK,CAAC,CACvC,CAAC,EAAAxB,aAAA,MAAAD,MAAA","ignoreList":[]}

package/components/GlobalLoader/GlobalLoader.d.ts CHANGED Viewed

@@ -58,6 +58,7 @@ export declare class GlobalLoader extends React.Component<GlobalLoaderProps, Glo
     static defaultProps: DefaultProps;
     constructor(props: GlobalLoaderProps);
     componentDidMount(): void;
+    componentWillUnmount(): void;
     componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
     render(): false | React.JSX.Element;
     /**

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

@@ -1,51 +1,75 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle, keyframes } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   outer: function outer(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      background-color: ", ";\n      position: ", ";\n      left: ", ";\n      top: ", ";\n      right: ", ";\n      bottom: ", ";\n      overflow: hidden;\n    "])), t.globalLoaderWidth, t.globalLoaderHeight, t.globalLoaderBackgroundColor, t.globalLoaderPosition, t.globalLoaderLeft, t.globalLoaderTop, t.globalLoaderRight, t.globalLoaderBottom);
+    return /*#__PURE__*/css("width:", t.globalLoaderWidth, ";height:", t.globalLoaderHeight, ";background-color:", t.globalLoaderBackgroundColor, ";position:", t.globalLoaderPosition, ";left:", t.globalLoaderLeft, ";top:", t.globalLoaderTop, ";right:", t.globalLoaderRight, ";bottom:", t.globalLoaderBottom, ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:outer;"));
   },
   inner: function inner(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      width: 0;\n      height: ", ";\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    "])), t.globalLoaderColor, t.globalLoaderHeight);
+    return /*#__PURE__*/css("background-color:", t.globalLoaderColor, ";width:0;height:", t.globalLoaderHeight, ";position:absolute;left:0;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:inner;"));
   },
   standardWithoutAnimation: function standardWithoutAnimation() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 90%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "197s5vg",
+      styles: "left:0;width:90%"
+    } : {
+      name: "7teemc-standardWithoutAnimation",
+      styles: "left:0;width:90%;label:standardWithoutAnimation;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   successWithoutAnimation: function successWithoutAnimation() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1q8hyk6",
+      styles: "left:0;width:100%"
+    } : {
+      name: "vhiog1-successWithoutAnimation",
+      styles: "left:0;width:100%;label:successWithoutAnimation;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   errorWithoutAnimation: function errorWithoutAnimation() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      left: 40%;\n      width: 20%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "8lc9qh",
+      styles: "left:40%;width:20%"
+    } : {
+      name: "1g7iini-errorWithoutAnimation",
+      styles: "left:40%;width:20%;label:errorWithoutAnimation;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });
-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"])));
+var moveToRightAnimation = keyframes(_templateObject || (_templateObject = _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(_templateObject2 || (_templateObject2 = _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(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
+var slowProgressAnimation = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));
 export var animations = {
   successAnimation: function successAnimation(delayBeforeHide, width, left) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])), delayBeforeHide, width, left);
+    return /*#__PURE__*/css("animation:successAnimation;animation-duration:", delayBeforeHide, "ms;@keyframes successAnimation{0%{width:", width, "px;left:", left, "px;opacity:1;}20%{width:100%;left:0;opacity:1;}80%{width:100%;left:0;opacity:1;}100%{width:100%;opacity:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:successAnimation;"));
   },
   errorAnimation: function errorAnimation(t) {
     var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
     var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 100%;\n      animation:\n        ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])), moveToRightAnimation, transitionDuration, spinnerAnimationDuration, spinnerAnimation, transitionDuration);
+    return /*#__PURE__*/css("left:0;width:100%;animation:", moveToRightAnimation, " ", transitionDuration, "ms linear,", spinnerAnimationDuration, "ms ", spinnerAnimation, " ", transitionDuration, "ms infinite alternate;" + (process.env.NODE_ENV === "production" ? "" : ";label:errorAnimation;"));
   },
   standardAnimation: function standardAnimation(t, expectedTime) {
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 90%;\n      animation:\n        ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])), linearProgressAnimation, expectedTime, slowProgressAnimationTime, slowProgressAnimation, expectedTime);
+    return /*#__PURE__*/css("width:90%;animation:", linearProgressAnimation, " ", expectedTime, "ms cubic-bezier(0, 0.4, 0.4, 1),", slowProgressAnimationTime, "ms ", slowProgressAnimation, " ", expectedTime, "ms linear;" + (process.env.NODE_ENV === "production" ? "" : ";label:standardAnimation;"));
   },
   acceptAnimation: function acceptAnimation(t, startWidth, expectedTime, width, left) {
     var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    "])), transitionTime, expectedTime, transitionTime, slowProgressAnimationTime, slowProgressAnimation, expectedTime + transitionTime, width, left, startWidth, startWidth);
+    return /*#__PURE__*/css("width:90%;animation:transitionAnimation ", transitionTime, "ms linear,", expectedTime, "ms acceptAnimation ", transitionTime, "ms cubic-bezier(0, 0.4, 0.4, 1),", slowProgressAnimationTime, "ms ", slowProgressAnimation, " ", expectedTime + transitionTime, "ms linear;@keyframes transitionAnimation{from{width:", width, "px;left:", left, "px;}to{width:", startWidth, "px;left:0;}}@keyframes acceptAnimation{from{width:", startWidth, "px;}to{width:80%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:acceptAnimation;"));
   },
   slowAcceptAnimation: function slowAcceptAnimation(t, startWidth, width, left) {
     var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    "])), transitionTime, slowProgressAnimationTime, transitionTime, width, left, startWidth, startWidth);
+    return /*#__PURE__*/css("width:90%;animation:transitionAnimation ", transitionTime, "ms linear,", slowProgressAnimationTime, "ms acceptAnimation ", transitionTime, "ms linear;@keyframes transitionAnimation{from{width:", width, "px;left:", left, "px;}to{width:", startWidth, "px;left:0;}}@keyframes acceptAnimation{from{width:", startWidth, "px;}to{width:90%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:slowAcceptAnimation;"));
   },
   acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: ", "px;\n    "])), startWidth);
+    return /*#__PURE__*/css("width:", startWidth, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:acceptWithoutAnimation;"));
   }
 };

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

	@@ -1 +1 @@
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 { 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":"~~sXAAA~~,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~~,~~2BAAA~~;~~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,2BAAA~~;~~IACYF~~,CAAC,CAACa,iBAAiB;;IAE7Bb,CAAC,~~CAACI~~,kBAAkB;;;;;EAKlC,CAAC;~~EACDU~~,wBAAwB,WAAAA,yBAAA,EAAG;IACzB,~~OAAOnB~~,GAAG,~~CAAAoB~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAb~~,~~2BAAA~~;;;;EAIZ,CAAC;~~EACDc~~,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,~~OAAOrB~~,GAAG,~~CAAAsB~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAf~~,~~2BAAA~~;;;;EAIZ,CAAC;~~EACDgB~~,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,~~OAAOvB~~,GAAG,~~CAAAwB~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAjB~~,~~2BAAA~~;;;;EAIZ;AACF,CAAC,CAAC;;AAEF,~~IAAMkB~~,oBAAoB,GAAGvB,SAAS,CAAAwB,~~gBAAA~~,KAAAA,~~gBAAA~~,~~GAAAnB~~,2BAAA,oJAarC;;;;;;;;;;;;;;AACD,~~IAAMoB~~,gBAAgB,~~GAAGzB~~,SAAS,~~CAAA0B~~,gBAAA,KAAAA,gBAAA,~~GAAArB~~,2BAAA,2TAYjC;;;;;;;;;;;;;AACD,~~IAAMsB~~,uBAAuB,~~GAAG3B~~,SAAS,~~CAAA4B~~,gBAAA,KAAAA,gBAAA,~~GAAAvB~~,2BAAA,qDAGxC;;;;AACD,~~IAAMwB~~,qBAAqB,~~GAAG7B~~,SAAS,~~CAAA8B~~,gBAAA,KAAAA,gBAAA,~~GAAAzB~~,2BAAA,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,2BAAA~~;;~~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,2BAAA~~;;;;~~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,2BAAA~~;;;~~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,2BAAA~~;;;~~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,2BAAA~~;;;~~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~~,~~2BAAA;IACC6C~~,~~UAAU~~;;EAEvB;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","keyframes","styles","outer","t","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","process","env","NODE_ENV","inner","globalLoaderColor","standardWithoutAnimation","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","_templateObject","_taggedTemplateLiteralLoose","spinnerAnimation","_templateObject2","linearProgressAnimation","_templateObject3","slowProgressAnimation","_templateObject4","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport { 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/Group/Group.styles/Group.styles.js CHANGED Viewed

@@ -1,23 +1,66 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1jo9ssw",
+      styles: "display:inline-flex;line-height:normal"
+    } : {
+      name: "1x7njen-root",
+      styles: "display:inline-flex;line-height:normal;label:root;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   fixed: function fixed() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "9u8y1h",
+      styles: "flex-shrink:0;display:inline-block"
+    } : {
+      name: "7tjt4j-fixed",
+      styles: "flex-shrink:0;display:inline-block;label:fixed;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   stretch: function stretch() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      flex-grow: 1;\n      flex-shrink: 1;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "2h1wr3",
+      styles: "flex-grow:1;flex-shrink:1"
+    } : {
+      name: "11wmfje-stretch",
+      styles: "flex-grow:1;flex-shrink:1;label:stretch;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   stretchFallback: function stretchFallback() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      flex-basis: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "48d2gn",
+      styles: "flex-basis:100%"
+    } : {
+      name: "ro9n8a-stretchFallback",
+      styles: "flex-basis:100%;label:stretchFallback;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   item: function item() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-left: -1px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "15ogush",
+      styles: "margin-left:-1px"
+    } : {
+      name: "lf02if-item",
+      styles: "margin-left:-1px;label:item;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   itemFirst: function itemFirst() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-left: 0;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1gz4j9a",
+      styles: "margin-left:0"
+    } : {
+      name: "q23b0v-itemFirst",
+      styles: "margin-left:0;label:itemFirst;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","root","~~_templateObject~~","~~_taggedTemplateLiteralLoose~~","~~fixed~~","~~_templateObject2~~","~~stretch~~","~~_templateObject3~~","~~stretchFallback~~","~~_templateObject4~~","~~item~~","~~_templateObject5~~","itemFirst"~~,"_templateObject6"~~],"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 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":"~~8MAAA~~,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,KAAK,WAAAA,MAAA,EAAG;IACN,~~OAAON~~,GAAG,~~CAAAO~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAF~~,~~2BAAA~~;;;;EAIZ,CAAC;;~~EAEDG~~,OAAO,WAAAA,QAAA,EAAG;IACR,~~OAAOR~~,GAAG,~~CAAAS~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAJ~~,~~2BAAA~~;;;;EAIZ,CAAC;;~~EAEDK~~,eAAe,WAAAA,gBAAA,EAAG;IAChB,~~OAAOV~~,GAAG,~~CAAAW~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAN~~,~~2BAAA~~;;;EAGZ,CAAC;;~~EAEDO~~,IAAI,WAAAA,KAAA,EAAG;IACL,~~OAAOZ~~,GAAG,~~CAAAa~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAR~~,~~2BAAA~~;;;EAGZ,CAAC;;~~EAEDS~~,SAAS,WAAAA,UAAA,EAAG;IACV,~~OAAOd~~,GAAG,~~CAAAe~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAV~~,~~2BAAA~~;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","root","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","fixed","stretch","stretchFallback","item","itemFirst"],"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 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":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,iDAAAK,IAAA,kBAAAL,MAAA,wDAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,6CAAAK,IAAA,kBAAAL,MAAA,qDAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDE,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOX,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,oCAAAK,IAAA,qBAAAL,MAAA,8CAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDG,eAAe,WAAAA,gBAAA,EAAG;IAChB,oBAAOZ,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,0BAAAK,IAAA,4BAAAL,MAAA,4CAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDI,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOb,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,2BAAAK,IAAA,iBAAAL,MAAA,kCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDK,SAAS,WAAAA,UAAA,EAAG;IACV,oBAAOd,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,wBAAAK,IAAA,sBAAAL,MAAA,oCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Group/__creevey__/Group.creevey.mts ADDED Viewed

@@ -0,0 +1,19 @@
+import { story, kind, test } from 'creevey';
+kind('Group', () => {
+  story('SimpleGroupWithInputAndButton', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+    test('focused input', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'focused input');
+    });
+  });
+});

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

@@ -1,11 +1,9 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   content: function content(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      color: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      max-width: ", ";\n      overflow-wrap: break-word;\n      padding: ", " ", ";\n      word-break: break-word;\n      word-wrap: break-word;\n    "])), t.hintColor, t.hintFontSize, t.hintLineHeight, t.hintMaxWidth, t.hintPaddingY, t.hintPaddingX);
+    return /*#__PURE__*/css("box-sizing:border-box;color:", t.hintColor, ";font-size:", t.hintFontSize, ";line-height:", t.hintLineHeight, ";max-width:", t.hintMaxWidth, ";overflow-wrap:break-word;padding:", t.hintPaddingY, " ", t.hintPaddingX, ";word-break:break-word;word-wrap:break-word;" + (process.env.NODE_ENV === "production" ? "" : ";label:content;"));
   },
   contentCenter: function contentCenter(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: ", ";\n    "])), t.hintTextAlign);
+    return /*#__PURE__*/css("text-align:", t.hintTextAlign, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentCenter;"));
   }
 });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","content","t","~~_templateObject","_taggedTemplateLiteralLoose","~~hintColor","hintFontSize","hintLineHeight","hintMaxWidth","hintPaddingY","hintPaddingX","~~contentCenter~~","~~_templateObject2~~","hintTextAlign"],"sources":["Hint.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n content(t: Theme) {\n return css`\n box-sizing: border-box;\n color: ${t.hintColor};\n font-size: ${t.hintFontSize};\n line-height: ${t.hintLineHeight};\n max-width: ${t.hintMaxWidth};\n overflow-wrap: break-word;\n padding: ${t.hintPaddingY} ${t.hintPaddingX};\n word-break: break-word;\n word-wrap: break-word;\n `;\n },\n\n contentCenter(t: Theme) {\n return css`\n text-align: ${t.hintTextAlign};\n `;\n },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,~~OAAOJ~~,GAAG~~,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA~~;;~~IAECF~~,CAAC,~~CAACG~~,SAAS;~~IACPH~~,CAAC,~~CAACI~~,YAAY;~~IACZJ~~,CAAC,~~CAACK~~,cAAc;~~IAClBL~~,CAAC,~~CAACM~~,YAAY;;~~IAEhBN~~,CAAC,~~CAACO~~,YAAY,~~EAAIP~~,CAAC,~~CAACQ~~,YAAY;;;;EAI/C,CAAC;;EAEDC,aAAa,WAAAA,~~cAACT~~,CAAQ,EAAE;IACtB,~~OAAOJ~~,GAAG,~~CAAAc~~,~~gBAAA~~,~~KAAAA~~,~~gBAAA~~,~~GAAAR~~,~~2BAAA;IACMF~~,~~CAAC~~,~~CAACW~~,~~aAAa~~;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","content","t","hintColor","hintFontSize","hintLineHeight","hintMaxWidth","hintPaddingY","hintPaddingX","process","env","NODE_ENV","contentCenter","hintTextAlign"],"sources":["Hint.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n content(t: Theme) {\n return css`\n box-sizing: border-box;\n color: ${t.hintColor};\n font-size: ${t.hintFontSize};\n line-height: ${t.hintLineHeight};\n max-width: ${t.hintMaxWidth};\n overflow-wrap: break-word;\n padding: ${t.hintPaddingY} ${t.hintPaddingX};\n word-break: break-word;\n word-wrap: break-word;\n `;\n },\n\n contentCenter(t: Theme) {\n return css`\n text-align: ${t.hintTextAlign};\n `;\n },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,oBAAOJ,GAAG;;IAECI,CAAC,CAACC,SAAS;IACPD,CAAC,CAACE,YAAY;IACZF,CAAC,CAACG,cAAc;IAClBH,CAAC,CAACI,YAAY;;IAEhBJ,CAAC,CAACK,YAAY,OAAIL,CAAC,CAACM,YAAY,oDAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;;EAI/C,CAAC;;EAEDC,aAAa,WAAAA,cAACV,CAAQ,EAAE;IACtB,oBAAOJ,GAAG;IACMI,CAAC,CAACW,aAAa,SAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}