@skbkontur/react-ui 4.0.0-beta.2 → 4.0.0-beta.3

package/components/FileUploader/FileUploader.md

@@ -0,0 +1,67 @@
+Контрол загрузки файлов.
+Можно использовать для синхронной отправки данных, например, в форме.
+Или же можно использовать в асинхронном режиме.
+
+Синхронный контрол
+```jsx harmony
+import { FileUploader } from '@skbkontur/react-ui';
+
+<FileUploader  />
+```
+
+Асинхронный контрол
+```jsx harmony
+import { FileUploader } from '@skbkontur/react-ui';
+
+const request = () => Promise.resolve();
+
+<FileUploader request={request} />
+```
+
+Multiple контрол
+```jsx harmony
+import { FileUploader } from '@skbkontur/react-ui';
+
+const request = () => Promise.reject();
+
+<FileUploader request={request} multiple />
+```
+
+Валидация файла в списке
+```jsx harmony
+import { FileUploader } from '@skbkontur/react-ui';
+
+<FileUploader multiple getFileValidationText={({originalFile}) => `У файла ${originalFile.name} неверный формат`} />
+```
+
+Валидация контрола
+```jsx harmony
+import { FileUploader } from '@skbkontur/react-ui';
+
+<FileUploader multiple error />
+```
+
+#### Локали по умолчанию
+
+```typescript static
+interface FileUploaderLocale {
+  chooseFile: string;
+  choosedFile: string;
+  orDragHere: string;
+  requestErrorText: string;
+}
+
+const ru_RU = {
+  chooseFile: 'Выберите файл',
+  choosedFile: 'Выбран файл',
+  orDragHere: 'или перетащите сюда',
+  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',
+};
+
+const en_GB = {
+  chooseFile: 'Select a file',
+  choosedFile: 'File selected',
+  orDragHere: 'or drag here',
+  requestErrorText: 'The file could not be uploaded to the server, please try again later',
+};
+```

package/components/FileUploader/FileUploader.styles/FileUploader.styles.js

@@ -0,0 +1,59 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+
+import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+var styles = {
+  pulse: function pulse() {
+    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
+  },
+  root: function root(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      min-width: 285px;\n      position: relative;\n      background-color: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n    "])), t.fileUploaderBg, t.fileUploaderLineHeight, t.fileUploaderFontSize, t.fileUploaderTextColorDefault);
+  },
+  uploadButton: function uploadButton(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: box-shadow 0.3s ease;\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.fileUploaderPaddingY, t.fileUploaderPaddingX);
+  },
+  uploadButtonFocus: function uploadButtonFocus(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+  },
+  dragOver: function dragOver() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border: 1px solid #2da4f9;\n      border-radius: 2px;\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    "])));
+  },
+  windowDragOver: function windowDragOver() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border-radius: 2px;\n      animation: ", " 1.5s infinite;\n    "])), styles.pulse());
+  },
+  content: function content() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      align-items: center;\n      height: 100%;\n    "])));
+  },
+  fileInput: function fileInput() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: 0;\n      height: 0;\n    "])));
+  },
+  afterLinkText: function afterLinkText() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    "])));
+  },
+  warning: function warning(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
+  },
+  error: function error(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", ";\n      border: ", " solid ", ";\n      color: ", ";\n      box-shadow: none;\n    "])), t.fileUploaderDisabledBg, t.fileUploaderBorderWidth, t.fileUploaderDisabledBorderColor, t.fileUploaderDisabledTextColor);
+  },
+  icon: function icon(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: ", ";\n      color: ", ";\n    "])), t.fileUploaderIconSize, t.fileUploaderIconColor);
+  },
+  iconDisabled: function iconDisabled(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+  },
+  link: function link(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])), t.fileUploaderLinkColor);
+  },
+  linkHovered: function linkHovered(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.linkHoverTextDecoration);
+  },
+  linkDisabled: function linkDisabled(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])), t.fileUploaderDisabledLinkColor);
+  }
+};
+export var jsStyles = memoizeStyle(styles);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","styles","pulse","root","t","fileUploaderBg","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","windowDragOver","content","fileInput","afterLinkText","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconSize","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkHovered","linkHoverTextDecoration","linkDisabled","fileUploaderDisabledLinkColor","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      min-width: 285px;\n      position: relative;\n      background-color: ${t.fileUploaderBg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\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.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: box-shadow 0.3s ease;\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() {\n    return css`\n      border: 1px solid #2da4f9;\n      border-radius: 2px;\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    `;\n  },\n\n  windowDragOver() {\n    return css`\n      border-radius: 2px;\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n      height: 100%;\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText() {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\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  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      font-size: ${t.fileUploaderIconSize};\n      color: ${t.fileUploaderIconColor};\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  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\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\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/FileUploader/FileUploader.styles/package.json

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

package/components/FileUploader/FileUploader.styles.d.ts

@@ -0,0 +1,20 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const jsStyles: {
+    pulse(): string;
+    root(t: Theme): string;
+    uploadButton(t: Theme): string;
+    uploadButtonFocus(t: Theme): string;
+    dragOver(): string;
+    windowDragOver(): string;
+    content(): string;
+    fileInput(): string;
+    afterLinkText(): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    link(t: Theme): string;
+    linkHovered(t: Theme): string;
+    linkDisabled(t: Theme): string;
+};

package/components/FileUploader/index/index.js

@@ -0,0 +1,3 @@
+export { FileUploaderFileStatus } from "../../../internal/FileUploaderControl/fileUtils";
+export { FileUploaderFileValidationResult } from "../../../internal/FileUploaderControl/FileUploaderFileValidationResult";
+export * from "../FileUploader";

package/components/FileUploader/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["FileUploaderFileStatus","FileUploaderFileValidationResult"],"mappings":"AAAA,SAASA,sBAAT,QAAuC,8CAAvC;;AAEA,SAASC,gCAAT,QAAiD,qEAAjD;AACA,cAAc,gBAAd","sourcesContent":["export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';\nexport type { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nexport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nexport * from './FileUploader';\n"]}

package/components/FileUploader/index/package.json

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

package/components/FileUploader/index.d.ts

@@ -0,0 +1,4 @@
+export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
+export type { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils';
+export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
+export * from './FileUploader';

package/components/FileUploader/locale/index/index.js

@@ -0,0 +1,8 @@
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
+export var FileUploaderLocaleHelper = new LocaleHelper({
+  ru_RU: ru_RU,
+  en_GB: en_GB
+});

package/components/FileUploader/locale/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","FileUploaderLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,wBAAwB,GAAG,IAAIJ,YAAJ,CAAqC;AAC3EG,EAAAA,KAAK,EAALA,KAD2E;AAE3ED,EAAAA,KAAK,EAALA,KAF2E,EAArC,CAAjC","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport const FileUploaderLocaleHelper = new LocaleHelper<FileUploaderLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/FileUploader/locale/index/package.json

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

package/components/FileUploader/locale/index.d.ts

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { FileUploaderLocale } from './types';
+export * from './types';
+export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;

package/components/FileUploader/locale/locales/en/en.js

@@ -0,0 +1,6 @@
+export var componentsLocales = {
+  chooseFile: 'Select a file',
+  choosedFile: 'File selected',
+  orDragHere: 'or drag here',
+  requestErrorText: 'The file could not be uploaded to the server, please try again later'
+};

package/components/FileUploader/locale/locales/en/en.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;AACnDC,EAAAA,UAAU,EAAE,eADuC;AAEnDC,EAAAA,WAAW,EAAE,eAFsC;AAGnDC,EAAAA,UAAU,EAAE,cAHuC;AAInDC,EAAAA,gBAAgB,EAAE,sEAJiC,EAA9C","sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Select a file',\n  choosedFile: 'File selected',\n  orDragHere: 'or drag here',\n  requestErrorText: 'The file could not be uploaded to the server, please try again later',\n};\n"]}

package/components/FileUploader/locale/locales/en/package.json

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

package/components/FileUploader/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/locales/ru/package.json

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

package/components/FileUploader/locale/locales/ru/ru.js

@@ -0,0 +1,6 @@
+export var componentsLocales = {
+  chooseFile: 'Выберите файл',
+  choosedFile: 'Выбран файл',
+  orDragHere: 'или перетащите сюда',
+  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже'
+};

package/components/FileUploader/locale/locales/ru/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;AACnDC,EAAAA,UAAU,EAAE,eADuC;AAEnDC,EAAAA,WAAW,EAAE,aAFsC;AAGnDC,EAAAA,UAAU,EAAE,qBAHuC;AAInDC,EAAAA,gBAAgB,EAAE,8DAJiC,EAA9C","sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Выберите файл',\n  choosedFile: 'Выбран файл',\n  orDragHere: 'или перетащите сюда',\n  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',\n};\n"]}

package/components/FileUploader/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/package.json

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

package/components/FileUploader/locale/types/package.json

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

package/components/FileUploader/locale/types/types.js

@@ -0,0 +1 @@
+export {};

package/components/FileUploader/locale/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/components/FileUploader/locale/types.d.ts

@@ -0,0 +1,6 @@
+export interface FileUploaderLocale {
+    chooseFile: string;
+    choosedFile: string;
+    orDragHere: string;
+    requestErrorText: string;
+}

package/components/FileUploader/package.json

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

package/components/GlobalLoader/GlabalLoaderView/GlabalLoaderView.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ZIndex } from "../../../internal/ZIndex";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { animations, styles } from "../GlobalLoaderView.styles";
+export var GlobalLoaderView = function GlobalLoaderView(_ref) {
+  var _ref$current, _cx;
+
+  var expectedResponseTime = _ref.expectedResponseTime,
+      delayBeforeHide = _ref.delayBeforeHide,
+      status = _ref.status,
+      disableAnimations = _ref.disableAnimations,
+      overtime = _ref.overtime;
+  var ref = React.useRef(null);
+  var theme = React.useContext(ThemeContext);
+
+  var _ref2 = ((_ref$current = ref.current) == null ? void 0 : _ref$current.getBoundingClientRect()) || {},
+      _ref2$width = _ref2.width,
+      width = _ref2$width === void 0 ? 0 : _ref2$width,
+      _ref2$left = _ref2.left,
+      left = _ref2$left === void 0 ? 0 : _ref2$left;
+
+  return /*#__PURE__*/React.createElement(ZIndex, {
+    priority: "GlobalLoader",
+    className: styles.outer(theme)
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: cx(styles.inner(theme), (_cx = {}, _cx[animations.successAnimation(delayBeforeHide, width, left)] = !disableAnimations && status === 'success', _cx[styles.standardWithoutAnimation()] = disableAnimations && status === 'standard', _cx[styles.successWithoutAnimation()] = disableAnimations && status === 'success', _cx[animations.errorAnimation(theme)] = !disableAnimations && status === 'error', _cx[styles.errorWithoutAnimation()] = disableAnimations && status === 'error', _cx[animations.standardAnimation(theme, expectedResponseTime, overtime)] = !disableAnimations && status === 'standard', _cx))
+  }));
+};

package/components/GlobalLoader/GlabalLoaderView/GlabalLoaderView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GlabalLoaderView.tsx"],"names":["React","cx","ZIndex","ThemeContext","animations","styles","GlobalLoaderView","expectedResponseTime","delayBeforeHide","status","disableAnimations","overtime","ref","useRef","theme","useContext","current","getBoundingClientRect","width","left","outer","inner","successAnimation","standardWithoutAnimation","successWithoutAnimation","errorAnimation","errorWithoutAnimation","standardAnimation"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,UAAT,EAAqBC,MAArB,QAAmC,2BAAnC;;;;;;;;;;AAUA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;;;;;;AAMH,2BAL3BC,oBAK2B,QAL3BA,oBAK2B,CAJ3BC,eAI2B,QAJ3BA,eAI2B,CAH3BC,MAG2B,QAH3BA,MAG2B,CAF3BC,iBAE2B,QAF3BA,iBAE2B,CAD3BC,QAC2B,QAD3BA,QAC2B;AAC3B,MAAMC,GAAG,GAAGZ,KAAK,CAACa,MAAN,CAA6B,IAA7B,CAAZ;AACA,MAAMC,KAAK,GAAGd,KAAK,CAACe,UAAN,CAAiBZ,YAAjB,CAAd;AACA,cAAgC,iBAAAS,GAAG,CAACI,OAAJ,kCAAaC,qBAAb,OAAwC,EAAxE,qBAAQC,KAAR,CAAQA,KAAR,4BAAgB,CAAhB,kCAAmBC,IAAnB,CAAmBA,IAAnB,2BAA0B,CAA1B;;AAEA;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAC,cAAjB,EAAgC,SAAS,EAAEd,MAAM,CAACe,KAAP,CAAaN,KAAb,CAA3C;AACE;AACE,MAAA,GAAG,EAAEF,GADP;AAEE,MAAA,SAAS,EAAEX,EAAE,CAACI,MAAM,CAACgB,KAAP,CAAaP,KAAb,CAAD;AACVV,MAAAA,UAAU,CAACkB,gBAAX,CAA4Bd,eAA5B,EAA6CU,KAA7C,EAAoDC,IAApD,CADU,IACkD,CAACT,iBAAD,IAAsBD,MAAM,KAAK,SADnF;AAEVJ,MAAAA,MAAM,CAACkB,wBAAP,EAFU,IAE0Bb,iBAAiB,IAAID,MAAM,KAAK,UAF1D;AAGVJ,MAAAA,MAAM,CAACmB,uBAAP,EAHU,IAGyBd,iBAAiB,IAAID,MAAM,KAAK,SAHzD;AAIVL,MAAAA,UAAU,CAACqB,cAAX,CAA0BX,KAA1B,CAJU,IAIyB,CAACJ,iBAAD,IAAsBD,MAAM,KAAK,OAJ1D;AAKVJ,MAAAA,MAAM,CAACqB,qBAAP,EALU,IAKuBhB,iBAAiB,IAAID,MAAM,KAAK,OALvD;AAMVL,MAAAA,UAAU,CAACuB,iBAAX,CAA6Bb,KAA7B,EAAoCP,oBAApC,EAA0DI,QAA1D,CANU;AAOT,OAACD,iBAAD,IAAsBD,MAAM,KAAK,UAPxB,OAFf,GADF,CADF;;;;;AAgBD,CA3BM","sourcesContent":["import React from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\n\nexport interface GlobalLoaderViewProps {\n  expectedResponseTime: number;\n  delayBeforeHide: number;\n  status?: 'success' | 'error' | 'standard';\n  disableAnimations: boolean;\n  overtime: number;\n}\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  overtime,\n}: GlobalLoaderViewProps) => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const theme = React.useContext(ThemeContext);\n  const { width = 0, left = 0 } = ref.current?.getBoundingClientRect() || {};\n\n  return (\n    <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n      <div\n        ref={ref}\n        className={cx(styles.inner(theme), {\n          [animations.successAnimation(delayBeforeHide, width, left)]: !disableAnimations && status === 'success',\n          [styles.standardWithoutAnimation()]: disableAnimations && status === 'standard',\n          [styles.successWithoutAnimation()]: disableAnimations && status === 'success',\n          [animations.errorAnimation(theme)]: !disableAnimations && status === 'error',\n          [styles.errorWithoutAnimation()]: disableAnimations && status === 'error',\n          [animations.standardAnimation(theme, expectedResponseTime, overtime)]:\n            !disableAnimations && status === 'standard',\n        })}\n      />\n    </ZIndex>\n  );\n};\n"]}

package/components/GlobalLoader/GlabalLoaderView/package.json

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

package/components/GlobalLoader/GlabalLoaderView.d.ts

@@ -0,0 +1,8 @@
+export interface GlobalLoaderViewProps {
+    expectedResponseTime: number;
+    delayBeforeHide: number;
+    status?: 'success' | 'error' | 'standard';
+    disableAnimations: boolean;
+    overtime: number;
+}
+export declare const GlobalLoaderView: ({ expectedResponseTime, delayBeforeHide, status, disableAnimations, overtime, }: GlobalLoaderViewProps) => JSX.Element;

package/components/GlobalLoader/GlobalLoader/GlobalLoader.js

@@ -0,0 +1,225 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import debounce from 'lodash.debounce';
+import { isTestEnv } from "../../../lib/currentEnvironment";
+import { GlobalLoaderView } from "../GlabalLoaderView";
+var currentGlobalLoader;
+export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(GlobalLoader, _React$Component);
+
+  function GlobalLoader(props) {
+    var _currentGlobalLoader;
+
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.startTask = debounce(function () {
+      _this.setState({
+        visible: true
+      });
+
+      _this.props.onStart == null ? void 0 : _this.props.onStart();
+
+      _this.errorTask();
+    }, _this.props.delayBeforeShow);
+    _this.errorTask = debounce(function () {
+      _this.setState({
+        rejected: true
+      });
+    }, _this.props.expectedResponseTime + _this.props.overtime);
+    _this.stopTask = debounce(function () {
+      _this.setState({
+        visible: false,
+        successAnimationInProgress: false
+      });
+
+      _this.props.onDone == null ? void 0 : _this.props.onDone();
+    }, _this.props.delayBeforeHide);
+
+    _this.setActive = function () {
+      _this.startTask.cancel();
+
+      if (_this.state.successAnimationInProgress) {
+        _this.successAnimationInProgressTimeout = setTimeout(function () {
+          _this.setActive();
+        }, _this.props.delayBeforeHide);
+      } else {
+        _this.setState({
+          visible: false,
+          done: false,
+          rejected: false
+        });
+
+        if (_this.props.rejected) {
+          _this.setReject(true);
+        } else {
+          _this.errorTask.cancel();
+
+          _this.stopTask.cancel();
+
+          _this.startTask();
+        }
+      }
+    };
+
+    _this.setDone = function () {
+      _this.setState({
+        done: true,
+        successAnimationInProgress: true
+      });
+
+      _this.errorTask.cancel();
+
+      _this.startTask.cancel();
+
+      _this.stopTask();
+    };
+
+    _this.setReject = function (reject) {
+      if (!_this.state.visible && _this.props.active) {
+        _this.setState({
+          visible: true
+        });
+      }
+
+      _this.errorTask.cancel();
+
+      _this.startTask.cancel();
+
+      _this.stopTask.cancel();
+
+      if (reject) {
+        _this.props.onReject == null ? void 0 : _this.props.onReject();
+      } else {
+        _this.props.onAccept == null ? void 0 : _this.props.onAccept();
+      }
+
+      _this.setState({
+        rejected: reject
+      });
+
+      if (!reject) {
+        _this.errorTask();
+      }
+    };
+
+    _this.kill = function () {
+      _this.errorTask.cancel();
+
+      _this.stopTask.cancel();
+
+      _this.startTask.cancel();
+
+      _this.setState({
+        dead: true
+      });
+    };
+
+    _this.state = {
+      visible: false,
+      done: false,
+      rejected: false,
+      dead: false,
+      successAnimationInProgress: false,
+      expectedResponseTime: _this.props.expectedResponseTime
+    };
+    _this.successAnimationInProgressTimeout = null;
+    (_currentGlobalLoader = currentGlobalLoader) == null ? void 0 : _currentGlobalLoader.kill();
+    currentGlobalLoader = _assertThisInitialized(_this);
+    return _this;
+  }
+
+  var _proto = GlobalLoader.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.active) {
+      this.setActive();
+    }
+
+    if (this.props.rejected) {
+      this.setReject(true);
+    }
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.rejected !== prevProps.rejected) {
+      this.setReject(!!this.props.rejected);
+    }
+
+    if (this.props.active !== prevProps.active) {
+      if (this.props.active) {
+        this.setActive();
+      } else {
+        this.setDone();
+      }
+    }
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);
+  };
+
+  _proto.render = function render() {
+    var status = 'standard';
+
+    if (this.state.done) {
+      status = 'success';
+    } else if (this.state.rejected) {
+      status = 'error';
+    }
+
+    return !this.state.dead && this.state.visible && /*#__PURE__*/React.createElement(GlobalLoaderView, {
+      expectedResponseTime: this.state.expectedResponseTime,
+      delayBeforeHide: this.props.delayBeforeHide,
+      status: status,
+      "data-tid": "GlobalLoader",
+      disableAnimations: this.props.disableAnimations,
+      overtime: this.props.overtime
+    });
+  }
+  /**
+  * Запускает анимацию лоадера <br />
+  * Равносильно установке пропа `active = true`
+  *
+  * @public
+  */
+  ;
+
+  _proto.updateExpectedResponseTime = function updateExpectedResponseTime(expectedResponseTime) {
+    this.setState({
+      expectedResponseTime: expectedResponseTime
+    });
+  };
+
+  return GlobalLoader;
+}(React.Component);
+GlobalLoader.defaultProps = {
+  expectedResponseTime: 1000,
+  delayBeforeShow: 1000,
+  delayBeforeHide: 1000,
+  rejected: false,
+  active: false,
+  disableAnimations: isTestEnv,
+  overtime: 5000
+};
+
+GlobalLoader.start = function (expectedResponseTime) {
+  currentGlobalLoader.setActive();
+
+  if (typeof expectedResponseTime === 'number') {
+    currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);
+  }
+};
+
+GlobalLoader.done = function () {
+  currentGlobalLoader.setDone();
+};
+
+GlobalLoader.reject = function () {
+  currentGlobalLoader.setReject(true);
+};
+
+GlobalLoader.accept = function () {
+  currentGlobalLoader.setReject(false);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GlobalLoader.tsx"],"names":["React","debounce","isTestEnv","GlobalLoaderView","currentGlobalLoader","GlobalLoader","props","startTask","setState","visible","onStart","errorTask","delayBeforeShow","rejected","expectedResponseTime","overtime","stopTask","successAnimationInProgress","onDone","delayBeforeHide","setActive","cancel","state","successAnimationInProgressTimeout","setTimeout","done","setReject","setDone","reject","active","onReject","onAccept","kill","dead","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","clearTimeout","render","status","disableAnimations","updateExpectedResponseTime","Component","defaultProps","start","accept"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlabalLoaderView';\n\nexport interface GlobalLoaderProps {\n  /**\n   * Время(ms) до появления лоадера\n   */\n  delayBeforeShow?: number;\n  /**\n   * Время(ms) до исчезновения лоадера\n   */\n  delayBeforeHide?: number;\n  /**\n   * Ожидаемое время(ms) ответа сервера\n   */\n  expectedResponseTime: number;\n  /**\n   * Добавочное время(ms) ответа сервера\n   */\n  overtime?: number;\n  /**\n   * Анимация лоадера в виде спиннера\n   */\n  rejected?: boolean;\n  /**\n   * Показывать лоадер\n   */\n  active?: boolean;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n  /**\n   * Коллбек, вызывающийся после появления лоадера\n   */\n  onStart?(): void;\n  /**\n   * Коллбек, вызывающийся после исчезновения лоадера\n   */\n  onDone?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n   * Или после установки пропа `rejected = true`\n   */\n  onReject?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n   * Или после установки пропа `rejected = false`\n   */\n  onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n  visible: boolean;\n  done: boolean;\n  rejected: boolean;\n  dead: boolean;\n  successAnimationInProgress: boolean;\n  expectedResponseTime: number;\n}\n\nlet currentGlobalLoader: GlobalLoader;\n\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n  private successAnimationInProgressTimeout: Nullable<NodeJS.Timeout>;\n\n  private readonly startTask = debounce(() => {\n    this.setState({ visible: true });\n    this.props.onStart?.();\n    this.errorTask();\n  }, this.props.delayBeforeShow!);\n\n  private readonly errorTask = debounce(() => {\n    this.setState({ rejected: true });\n  }, this.props.expectedResponseTime + this.props.overtime!);\n\n  private readonly stopTask = debounce(() => {\n    this.setState({ visible: false, successAnimationInProgress: false });\n    this.props.onDone?.();\n  }, this.props.delayBeforeHide!);\n\n  public static defaultProps: Partial<GlobalLoaderProps> = {\n    expectedResponseTime: 1000,\n    delayBeforeShow: 1000,\n    delayBeforeHide: 1000,\n    rejected: false,\n    active: false,\n    disableAnimations: isTestEnv,\n    overtime: 5000,\n  };\n\n  constructor(props: GlobalLoaderProps) {\n    super(props);\n    this.state = {\n      visible: false,\n      done: false,\n      rejected: false,\n      dead: false,\n      successAnimationInProgress: false,\n      expectedResponseTime: this.props.expectedResponseTime,\n    };\n    this.successAnimationInProgressTimeout = null;\n    currentGlobalLoader?.kill();\n    currentGlobalLoader = this;\n  }\n  componentDidMount() {\n    if (this.props.active) {\n      this.setActive();\n    }\n    if (this.props.rejected) {\n      this.setReject(true);\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n    if (this.props.rejected !== prevProps.rejected) {\n      this.setReject(!!this.props.rejected);\n    }\n    if (this.props.active !== prevProps.active) {\n      if (this.props.active) {\n        this.setActive();\n      } else {\n        this.setDone();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);\n  }\n\n  public render() {\n    let status: GlobalLoaderViewProps['status'] = 'standard';\n    if (this.state.done) {\n      status = 'success';\n    } else if (this.state.rejected) {\n      status = 'error';\n    }\n    return (\n      !this.state.dead &&\n      this.state.visible && (\n        <GlobalLoaderView\n          expectedResponseTime={this.state.expectedResponseTime}\n          delayBeforeHide={this.props.delayBeforeHide!}\n          status={status}\n          data-tid=\"GlobalLoader\"\n          disableAnimations={this.props.disableAnimations}\n          overtime={this.props.overtime!}\n        />\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.successAnimationInProgressTimeout = setTimeout(() => {\n        this.setActive();\n      }, this.props.delayBeforeHide);\n    } else {\n      this.setState({ visible: false, done: false, rejected: false });\n      if (this.props.rejected) {\n        this.setReject(true);\n      } else {\n        this.errorTask.cancel();\n        this.stopTask.cancel();\n        this.startTask();\n      }\n    }\n  };\n\n  public setDone = () => {\n    this.setState({ done: true, successAnimationInProgress: true });\n    this.errorTask.cancel();\n    this.startTask.cancel();\n    this.stopTask();\n  };\n\n  public setReject = (reject: boolean) => {\n    if (!this.state.visible && this.props.active) {\n      this.setState({ visible: true });\n    }\n    this.errorTask.cancel();\n    this.startTask.cancel();\n    this.stopTask.cancel();\n    if (reject) {\n      this.props.onReject?.();\n    } else {\n      this.props.onAccept?.();\n    }\n    this.setState({ rejected: reject });\n    if (!reject) {\n      this.errorTask();\n    }\n  };\n\n  public updateExpectedResponseTime(expectedResponseTime: number) {\n    this.setState({ expectedResponseTime });\n  }\n\n  public kill = () => {\n    this.errorTask.cancel();\n    this.stopTask.cancel();\n    this.startTask.cancel();\n    this.setState({\n      dead: true,\n    });\n  };\n}\n"]}

package/components/GlobalLoader/GlobalLoader/package.json

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