@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/DragNDropField/DragNDropFieldContent/formatFileRequirements.d.ts

@@ -1,3 +1,3 @@
-import { DragNDropFieldProps } from '../DragNDropField';
-import { Locale } from '../locale';
-export declare const formatFileRequirements: (accept: DragNDropFieldProps['accept'], maxSize: DragNDropFieldProps['maxSize'], minSize: DragNDropFieldProps['minSize'], locale?: Required<Locale>) => string;
+import { DragNDropFieldProps } from '../DragNDropField';
+import { Locale } from '../locale';
+export declare const formatFileRequirements: (accept: DragNDropFieldProps['accept'], maxSize: DragNDropFieldProps['maxSize'], minSize: DragNDropFieldProps['minSize'], locale?: Required<Locale>) => string;

package/__internal__/src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.d.ts

@@ -1,8 +1,8 @@
-import './DragNDropFieldTooltip.css';
-import React from 'react';
-declare type DragNDropFieldTooltipProps = {
-    anchorRef: React.RefObject<HTMLElement>;
-    errors: string[];
-};
-export declare const DragNDropFieldTooltip: React.FC<DragNDropFieldTooltipProps>;
-export {};
+import './DragNDropFieldTooltip.css';
+import React from 'react';
+declare type DragNDropFieldTooltipProps = {
+    anchorRef: React.RefObject<HTMLElement>;
+    errors: string[];
+};
+export declare const DragNDropFieldTooltip: React.FC<DragNDropFieldTooltipProps>;
+export {};

package/__internal__/src/components/DragNDropField/formatAccept.d.ts

@@ -1,3 +1,3 @@
-export declare const formatAccept: (accept: string | string[] | undefined) => {
-    '*': string[];
-} | undefined;
+export declare const formatAccept: (accept: string | string[] | undefined) => {
+    '*': string[];
+} | undefined;

package/__internal__/src/components/DragNDropField/formatAccept.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatAccept.js","names":["delSpace","str","replace","formatAccept","accept","formating","Array","isArray","map","split","length"],"sources":["../../../../../src/components/DragNDropField/formatAccept.ts"],"sourcesContent":["const delSpace = (str: string) => str.replace(' ', '');\n\nexport const formatAccept = (accept: string | string[] | undefined) => {\n  const formating = Array.isArray(accept)\n    ? accept.map(delSpace)\n    : accept?.split(',').map(delSpace);\n\n  return formating?.length ? { '*': formating } : undefined;\n};\n"],"mappings":"AAAA,GAAMA,SAAQ,CAAG,SAACC,CAAD,QAAiBA,EAAG,CAACC,OAAJ,CAAY,GAAZ,CAAiB,EAAjB,CAAjB,CAAjB,CAEA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAA2C,CACrE,GAAMC,EAAS,CAAGC,KAAK,CAACC,OAAN,CAAcH,CAAd,EACdA,CAAM,CAACI,GAAP,CAAWR,QAAX,CADc,QAEdI,CAFc,WAEdA,CAFc,QAEdA,CAAM,CAAEK,KAAR,CAAc,GAAd,EAAmBD,GAAnB,CAAuBR,QAAvB,CAFJ,CAIA,MAAO,QAAAK,CAAS,WAATA,CAAA,EAAAA,CAAS,CAAEK,MAAX,CAAoB,CAAE,IAAKL,CAAP,CAApB,OACR,CANM"}
+{"version":3,"file":"formatAccept.js","names":["delSpace","str","replace","formatAccept","accept","formatting","Array","isArray","map","split","length"],"sources":["../../../../../src/components/DragNDropField/formatAccept.ts"],"sourcesContent":["const delSpace = (str: string) => str.replace(' ', '');\n\nexport const formatAccept = (accept: string | string[] | undefined) => {\n  const formatting = Array.isArray(accept)\n    ? accept.map(delSpace)\n    : accept?.split(',').map(delSpace);\n\n  return formatting?.length ? { '*': formatting } : undefined;\n};\n"],"mappings":"AAAA,GAAMA,SAAQ,CAAG,SAACC,CAAD,QAAiBA,EAAG,CAACC,OAAJ,CAAY,GAAZ,CAAiB,EAAjB,CAAjB,CAAjB,CAEA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAA2C,CACrE,GAAMC,EAAU,CAAGC,KAAK,CAACC,OAAN,CAAcH,CAAd,EACfA,CAAM,CAACI,GAAP,CAAWR,QAAX,CADe,QAEfI,CAFe,WAEfA,CAFe,QAEfA,CAAM,CAAEK,KAAR,CAAc,GAAd,EAAmBD,GAAnB,CAAuBR,QAAvB,CAFJ,CAIA,MAAO,QAAAK,CAAU,WAAVA,CAAA,EAAAA,CAAU,CAAEK,MAAZ,CAAqB,CAAE,IAAKL,CAAP,CAArB,OACR,CANM"}

package/__internal__/src/components/DragNDropField/formatFileSize.d.ts

@@ -1,2 +1,2 @@
-import { Locale } from './locale';
-export declare const formatFileSize: (sizeInBytes: number, locale: Required<Locale>) => string | undefined;
+import { Locale } from './locale';
+export declare const formatFileSize: (sizeInBytes: number, locale: Required<Locale>) => string | undefined;

package/__internal__/src/components/DragNDropField/getErrorsList.d.ts

@@ -1,3 +1,3 @@
-import { FileRejection } from 'react-dropzone';
-import { DragNDropFieldPropLocale, FileSizes } from './types';
-export declare const getErrorsList: (fileRejections: readonly FileRejection[], sizes: FileSizes | undefined, locale: Required<DragNDropFieldPropLocale>) => string[];
+import { FileRejection } from 'react-dropzone';
+import { DragNDropFieldPropLocale, FileSizes } from './types';
+export declare const getErrorsList: (fileRejections: readonly FileRejection[], sizes: FileSizes | undefined, locale: Required<DragNDropFieldPropLocale>) => string[];

package/__internal__/src/components/DragNDropField/index.d.ts

@@ -1 +1 @@
-export * from './DragNDropField';
+export * from './DragNDropField';

package/__internal__/src/components/DragNDropField/locale.d.ts

@@ -1,30 +1,30 @@
-import { FileSizes } from './types';
-declare type LocaleError = string | ((props: {
-    file: File;
-    sizes: FileSizes;
-}) => string);
-declare type LocaleLabel = string | ((props: {
-    fileText: string;
-}) => string);
-export declare type Locale = {
-    'file-invalid-type'?: LocaleError;
-    'file-too-large'?: LocaleError;
-    'file-too-small'?: LocaleError;
-    'too-many-files'?: string;
-    'general-error'?: string;
-    'fit-files'?: string;
-    'file'?: string;
-    'files'?: string;
-    'before'?: string;
-    'from'?: string;
-    'gigabyte'?: string;
-    'megabyte'?: string;
-    'kilobyte'?: string;
-    'byte'?: string;
-    'call-to-action'?: LocaleLabel;
-    'action-button'?: LocaleLabel;
-};
-export declare const defaultLocale: Required<Locale>;
-export declare const getText: <PROPS>(textOrFn: string | ((props: PROPS) => string), props: PROPS) => string;
-export declare const withdefaultLocale: (locale?: Locale) => Required<Locale>;
-export {};
+import { FileSizes } from './types';
+declare type LocaleError = string | ((props: {
+    file: File;
+    sizes: FileSizes;
+}) => string);
+declare type LocaleLabel = string | ((props: {
+    fileText: string;
+}) => string);
+export declare type Locale = {
+    'file-invalid-type'?: LocaleError;
+    'file-too-large'?: LocaleError;
+    'file-too-small'?: LocaleError;
+    'too-many-files'?: string;
+    'general-error'?: string;
+    'fit-files'?: string;
+    'file'?: string;
+    'files'?: string;
+    'before'?: string;
+    'from'?: string;
+    'gigabyte'?: string;
+    'megabyte'?: string;
+    'kilobyte'?: string;
+    'byte'?: string;
+    'call-to-action'?: LocaleLabel;
+    'action-button'?: LocaleLabel;
+};
+export declare const defaultLocale: Required<Locale>;
+export declare const getText: <PROPS>(textOrFn: string | ((props: PROPS) => string), props: PROPS) => string;
+export declare const withDefaultLocale: (locale?: Locale) => Required<Locale>;
+export {};

package/__internal__/src/components/DragNDropField/locale.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{isDefined,isNotNil,isString}from"../../utils/type-guards";import{formatFileSize}from"./formatFileSize";export var defaultLocale={"file-invalid-type":function fileInvalidType(a){return["".concat(a.file.name,": \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430 \u043D\u0435 \u043F\u043E\u0434\u0445\u043E\u0434\u0438\u0442"),a.file.type&&"(".concat(a.file.type,")")].filter(isNotNil).join(" ")},"file-too-large":function fileTooLarge(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0431\u043E\u043B\u044C\u0448\u043E\u0439 (\u043C\u0430\u043A\u0441\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.maxSize)&&void 0!==b?b:0,defaultLocale),")")},"file-too-small":function fileTooSmall(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0439 (\u043C\u0438\u043D\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.minSize)&&void 0!==b?b:0,defaultLocale),")")},"too-many-files":"\u0412\u044B \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u043B\u0438 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0444\u0430\u0439\u043B\u043E\u0432. \u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0434\u0438\u043D, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430","general-error":"\u043D\u0435 \u043F\u043E\u043B\u0443\u0447\u0438\u043B\u043E\u0441\u044C \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B","fit-files":"\u041F\u043E\u0434\u0445\u043E\u0434\u044F\u0442 \u0444\u0430\u0439\u043B\u044B",file:"\u0444\u0430\u0439\u043B",files:"\u0444\u0430\u0439\u043B\u044B",before:"\u0434\u043E",from:"\u043E\u0442",gigabyte:"\u0413\u0431",megabyte:"\u041C\u0431",kilobyte:"\u041A\u0431",byte:"\u0431\u0430\u0439\u0442","call-to-action":function callToAction(a){return"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 ".concat(a.fileText," \u0441\u044E\u0434\u0430 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043F\u043E \u043A\u043D\u043E\u043F\u043A\u0435")},"action-button":function actionButton(a){return"\u0412\u044B\u0431\u0440\u0430\u0442\u044C ".concat(a.fileText)}};export var getText=function(a,b){return isString(a)?a:a(b)};export var withdefaultLocale=function(a){return isDefined(a)?_objectSpread(_objectSpread({},defaultLocale),a):defaultLocale};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{isDefined,isNotNil,isString}from"../../utils/type-guards";import{formatFileSize}from"./formatFileSize";export var defaultLocale={"file-invalid-type":function fileInvalidType(a){return["".concat(a.file.name,": \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430 \u043D\u0435 \u043F\u043E\u0434\u0445\u043E\u0434\u0438\u0442"),a.file.type&&"(".concat(a.file.type,")")].filter(isNotNil).join(" ")},"file-too-large":function fileTooLarge(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0431\u043E\u043B\u044C\u0448\u043E\u0439 (\u043C\u0430\u043A\u0441\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.maxSize)&&void 0!==b?b:0,defaultLocale),")")},"file-too-small":function fileTooSmall(a){var b;return"".concat(a.file.name,": \u0444\u0430\u0439\u043B \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u043C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0439 (\u043C\u0438\u043D\u0438\u043C\u0443\u043C ").concat(formatFileSize(null!==(b=a.sizes.minSize)&&void 0!==b?b:0,defaultLocale),")")},"too-many-files":"\u0412\u044B \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u043B\u0438 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0444\u0430\u0439\u043B\u043E\u0432. \u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0434\u0438\u043D, \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430","general-error":"\u043D\u0435 \u043F\u043E\u043B\u0443\u0447\u0438\u043B\u043E\u0441\u044C \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B","fit-files":"\u041F\u043E\u0434\u0445\u043E\u0434\u044F\u0442 \u0444\u0430\u0439\u043B\u044B",file:"\u0444\u0430\u0439\u043B",files:"\u0444\u0430\u0439\u043B\u044B",before:"\u0434\u043E",from:"\u043E\u0442",gigabyte:"\u0413\u0431",megabyte:"\u041C\u0431",kilobyte:"\u041A\u0431",byte:"\u0431\u0430\u0439\u0442","call-to-action":function callToAction(a){return"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 ".concat(a.fileText," \u0441\u044E\u0434\u0430 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043F\u043E \u043A\u043D\u043E\u043F\u043A\u0435")},"action-button":function actionButton(a){return"\u0412\u044B\u0431\u0440\u0430\u0442\u044C ".concat(a.fileText)}};export var getText=function(a,b){return isString(a)?a:a(b)};export var withDefaultLocale=function(a){return isDefined(a)?_objectSpread(_objectSpread({},defaultLocale),a):defaultLocale};
 //# sourceMappingURL=locale.js.map

package/__internal__/src/components/DragNDropField/locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale.js","names":["isDefined","isNotNil","isString","formatFileSize","defaultLocale","props","file","name","type","filter","join","sizes","maxSize","minSize","fileText","getText","textOrFn","withdefaultLocale","locale"],"sources":["../../../../../src/components/DragNDropField/locale.ts"],"sourcesContent":["import { isDefined, isNotNil, isString } from '../../utils/type-guards';\nimport { formatFileSize } from './formatFileSize';\nimport { FileSizes } from './types';\n\ntype LocaleError =\n  | string\n  | ((props: { file: File; sizes: FileSizes }) => string);\ntype LocaleLabel = string | ((props: { fileText: string }) => string);\n\nexport type Locale = {\n  'file-invalid-type'?: LocaleError;\n  'file-too-large'?: LocaleError;\n  'file-too-small'?: LocaleError;\n  'too-many-files'?: string;\n  'general-error'?: string;\n  'fit-files'?: string;\n  'file'?: string;\n  'files'?: string;\n  'before'?: string;\n  'from'?: string;\n  'gigabyte'?: string;\n  'megabyte'?: string;\n  'kilobyte'?: string;\n  'byte'?: string;\n  'call-to-action'?: LocaleLabel;\n  'action-button'?: LocaleLabel;\n};\n\nexport const defaultLocale: Required<Locale> = {\n  'file-invalid-type': (props) =>\n    [\n      `${props.file.name}: формат файла не подходит`,\n      props.file.type && `(${props.file.type})`,\n    ]\n      .filter(isNotNil)\n      .join(' '),\n  'file-too-large': (props) =>\n    `${props.file.name}: файл слишком большой (максимум ${formatFileSize(\n      props.sizes.maxSize ?? 0,\n      defaultLocale,\n    )})`,\n  'file-too-small': (props) =>\n    `${props.file.name}: файл слишком маленький (минимум ${formatFileSize(\n      props.sizes.minSize ?? 0,\n      defaultLocale,\n    )})`,\n  'too-many-files': 'Вы перетащили несколько файлов. Выберите один, пожалуйста',\n  'general-error': 'не получилось добавить файл',\n  'fit-files': 'Подходят файлы',\n  'file': 'файл',\n  'files': 'файлы',\n  'before': 'до',\n  'from': 'от',\n  'gigabyte': 'Гб',\n  'megabyte': 'Мб',\n  'kilobyte': 'Кб',\n  'byte': 'байт',\n  'call-to-action': (props) =>\n    `Перетащите ${props.fileText} сюда или загрузите по кнопке`,\n  'action-button': (props) => `Выбрать ${props.fileText}`,\n};\n\nexport const getText = <PROPS>(\n  textOrFn: string | ((props: PROPS) => string),\n  props: PROPS,\n) => {\n  return isString(textOrFn) ? textOrFn : textOrFn(props);\n};\n\nexport const withdefaultLocale = (locale?: Locale): Required<Locale> =>\n  isDefined(locale)\n    ? {\n        ...defaultLocale,\n        ...locale,\n      }\n    : defaultLocale;\n"],"mappings":"qqBAAA,OAASA,SAAT,CAAoBC,QAApB,CAA8BC,QAA9B,+BACA,OAASC,cAAT,wBA2BA,MAAO,IAAMC,cAA+B,CAAG,CAC7C,oBAAqB,yBAACC,CAAD,QACnB,WACKA,CAAK,CAACC,IAAN,CAAWC,IADhB,wIAEEF,CAAK,CAACC,IAAN,CAAWE,IAAX,aAAuBH,CAAK,CAACC,IAAN,CAAWE,IAAlC,KAFF,EAIGC,MAJH,CAIUR,QAJV,EAKGS,IALH,CAKQ,GALR,CADmB,CADwB,CAQ7C,iBAAkB,sBAACL,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,+KACsCJ,cAAc,WAClEE,CAAK,CAACM,KAAN,CAAYC,OADsD,gBAC3C,CAD2C,CAElER,aAFkE,CADpD,MAR2B,CAa7C,iBAAkB,sBAACC,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,qLACuCJ,cAAc,WACnEE,CAAK,CAACM,KAAN,CAAYE,OADuD,gBAC5C,CAD4C,CAEnET,aAFmE,CADrD,MAb2B,CAkB7C,iBAAkB,gTAlB2B,CAmB7C,gBAAiB,qJAnB4B,CAoB7C,YAAa,iFApBgC,CAqB7C,KAAQ,0BArBqC,CAsB7C,MAAS,gCAtBoC,CAuB7C,OAAU,cAvBmC,CAwB7C,KAAQ,cAxBqC,CAyB7C,SAAY,cAzBiC,CA0B7C,SAAY,cA1BiC,CA2B7C,SAAY,cA3BiC,CA4B7C,KAAQ,0BA5BqC,CA6B7C,iBAAkB,sBAACC,CAAD,+EACFA,CAAK,CAACS,QADJ,0JA7B2B,CA+B7C,gBAAiB,sBAACT,CAAD,6DAAsBA,CAAK,CAACS,QAA5B,EA/B4B,CAAxC,CAkCP,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,CAErBX,CAFqB,CAGlB,CACH,MAAOH,SAAQ,CAACc,CAAD,CAAR,CAAqBA,CAArB,CAAgCA,CAAQ,CAACX,CAAD,CAChD,CALM,CAOP,MAAO,IAAMY,kBAAiB,CAAG,SAACC,CAAD,QAC/BlB,UAAS,CAACkB,CAAD,CAAT,gCAESd,aAFT,EAGSc,CAHT,EAKId,aAN2B,CAA1B"}
+{"version":3,"file":"locale.js","names":["isDefined","isNotNil","isString","formatFileSize","defaultLocale","props","file","name","type","filter","join","sizes","maxSize","minSize","fileText","getText","textOrFn","withDefaultLocale","locale"],"sources":["../../../../../src/components/DragNDropField/locale.ts"],"sourcesContent":["import { isDefined, isNotNil, isString } from '../../utils/type-guards';\nimport { formatFileSize } from './formatFileSize';\nimport { FileSizes } from './types';\n\ntype LocaleError =\n  | string\n  | ((props: { file: File; sizes: FileSizes }) => string);\ntype LocaleLabel = string | ((props: { fileText: string }) => string);\n\nexport type Locale = {\n  'file-invalid-type'?: LocaleError;\n  'file-too-large'?: LocaleError;\n  'file-too-small'?: LocaleError;\n  'too-many-files'?: string;\n  'general-error'?: string;\n  'fit-files'?: string;\n  'file'?: string;\n  'files'?: string;\n  'before'?: string;\n  'from'?: string;\n  'gigabyte'?: string;\n  'megabyte'?: string;\n  'kilobyte'?: string;\n  'byte'?: string;\n  'call-to-action'?: LocaleLabel;\n  'action-button'?: LocaleLabel;\n};\n\nexport const defaultLocale: Required<Locale> = {\n  'file-invalid-type': (props) =>\n    [\n      `${props.file.name}: формат файла не подходит`,\n      props.file.type && `(${props.file.type})`,\n    ]\n      .filter(isNotNil)\n      .join(' '),\n  'file-too-large': (props) =>\n    `${props.file.name}: файл слишком большой (максимум ${formatFileSize(\n      props.sizes.maxSize ?? 0,\n      defaultLocale,\n    )})`,\n  'file-too-small': (props) =>\n    `${props.file.name}: файл слишком маленький (минимум ${formatFileSize(\n      props.sizes.minSize ?? 0,\n      defaultLocale,\n    )})`,\n  'too-many-files': 'Вы перетащили несколько файлов. Выберите один, пожалуйста',\n  'general-error': 'не получилось добавить файл',\n  'fit-files': 'Подходят файлы',\n  'file': 'файл',\n  'files': 'файлы',\n  'before': 'до',\n  'from': 'от',\n  'gigabyte': 'Гб',\n  'megabyte': 'Мб',\n  'kilobyte': 'Кб',\n  'byte': 'байт',\n  'call-to-action': (props) =>\n    `Перетащите ${props.fileText} сюда или загрузите по кнопке`,\n  'action-button': (props) => `Выбрать ${props.fileText}`,\n};\n\nexport const getText = <PROPS>(\n  textOrFn: string | ((props: PROPS) => string),\n  props: PROPS,\n) => {\n  return isString(textOrFn) ? textOrFn : textOrFn(props);\n};\n\nexport const withDefaultLocale = (locale?: Locale): Required<Locale> =>\n  isDefined(locale)\n    ? {\n        ...defaultLocale,\n        ...locale,\n      }\n    : defaultLocale;\n"],"mappings":"qqBAAA,OAASA,SAAT,CAAoBC,QAApB,CAA8BC,QAA9B,+BACA,OAASC,cAAT,wBA2BA,MAAO,IAAMC,cAA+B,CAAG,CAC7C,oBAAqB,yBAACC,CAAD,QACnB,WACKA,CAAK,CAACC,IAAN,CAAWC,IADhB,wIAEEF,CAAK,CAACC,IAAN,CAAWE,IAAX,aAAuBH,CAAK,CAACC,IAAN,CAAWE,IAAlC,KAFF,EAIGC,MAJH,CAIUR,QAJV,EAKGS,IALH,CAKQ,GALR,CADmB,CADwB,CAQ7C,iBAAkB,sBAACL,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,+KACsCJ,cAAc,WAClEE,CAAK,CAACM,KAAN,CAAYC,OADsD,gBAC3C,CAD2C,CAElER,aAFkE,CADpD,MAR2B,CAa7C,iBAAkB,sBAACC,CAAD,wBACbA,CAAK,CAACC,IAAN,CAAWC,IADE,qLACuCJ,cAAc,WACnEE,CAAK,CAACM,KAAN,CAAYE,OADuD,gBAC5C,CAD4C,CAEnET,aAFmE,CADrD,MAb2B,CAkB7C,iBAAkB,gTAlB2B,CAmB7C,gBAAiB,qJAnB4B,CAoB7C,YAAa,iFApBgC,CAqB7C,KAAQ,0BArBqC,CAsB7C,MAAS,gCAtBoC,CAuB7C,OAAU,cAvBmC,CAwB7C,KAAQ,cAxBqC,CAyB7C,SAAY,cAzBiC,CA0B7C,SAAY,cA1BiC,CA2B7C,SAAY,cA3BiC,CA4B7C,KAAQ,0BA5BqC,CA6B7C,iBAAkB,sBAACC,CAAD,+EACFA,CAAK,CAACS,QADJ,0JA7B2B,CA+B7C,gBAAiB,sBAACT,CAAD,6DAAsBA,CAAK,CAACS,QAA5B,EA/B4B,CAAxC,CAkCP,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,CAErBX,CAFqB,CAGlB,CACH,MAAOH,SAAQ,CAACc,CAAD,CAAR,CAAqBA,CAArB,CAAgCA,CAAQ,CAACX,CAAD,CAChD,CALM,CAOP,MAAO,IAAMY,kBAAiB,CAAG,SAACC,CAAD,QAC/BlB,UAAS,CAACkB,CAAD,CAAT,gCAESd,aAFT,EAGSc,CAHT,EAKId,aAN2B,CAA1B"}

package/__internal__/src/components/DragNDropField/types.d.ts

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-import { Locale } from './locale';
-export declare type DragNDropFieldPropLocale = Locale;
-export declare type FileError = {
-    message: string;
-    code: 'file-too-large' | 'file-too-small' | 'too-many-files' | 'file-invalid-type';
-};
-export declare type FileRejection = {
-    file: File;
-    errors: FileError[];
-};
-export declare type DragNDropFieldPropErrorMessages = Partial<Record<FileError['code'], string | ((file: File | undefined, error?: FileError) => string)>>;
-export declare type DragNDropFieldChildrenRenderProp = (props: {
-    openFileDialog: () => void;
-    locale: Required<DragNDropFieldPropLocale>;
-} & Pick<DragNDropFieldProps, 'accept' | 'maxSize' | 'multiple' | 'disabled' | 'minSize'>) => React.ReactNode;
-export declare type FileSizes = {
-    minSize?: number;
-    maxSize?: number;
-};
-export declare type DragNDropFieldProps = PropsWithHTMLAttributes<{
-    accept?: string | string[];
-    maxSize?: number;
-    minSize?: number;
-    multiple?: boolean;
-    onDropFiles: (files: File[]) => void;
-    children?: React.ReactNode | DragNDropFieldChildrenRenderProp;
-    locale?: DragNDropFieldPropLocale;
-    disabled?: boolean;
-}, HTMLDivElement>;
+/// <reference types="react" />
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+import { Locale } from './locale';
+export declare type DragNDropFieldPropLocale = Locale;
+export declare type FileError = {
+    message: string;
+    code: 'file-too-large' | 'file-too-small' | 'too-many-files' | 'file-invalid-type';
+};
+export declare type FileRejection = {
+    file: File;
+    errors: FileError[];
+};
+export declare type DragNDropFieldPropErrorMessages = Partial<Record<FileError['code'], string | ((file: File | undefined, error?: FileError) => string)>>;
+export declare type DragNDropFieldChildrenRenderProp = (props: {
+    openFileDialog: () => void;
+    locale: Required<DragNDropFieldPropLocale>;
+} & Pick<DragNDropFieldProps, 'accept' | 'maxSize' | 'multiple' | 'disabled' | 'minSize'>) => React.ReactNode;
+export declare type FileSizes = {
+    minSize?: number;
+    maxSize?: number;
+};
+export declare type DragNDropFieldProps = PropsWithHTMLAttributes<{
+    accept?: string | string[];
+    maxSize?: number;
+    minSize?: number;
+    multiple?: boolean;
+    onDropFiles: (files: File[]) => void;
+    children?: React.ReactNode | DragNDropFieldChildrenRenderProp;
+    locale?: DragNDropFieldPropLocale;
+    disabled?: boolean;
+}, HTMLDivElement>;

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldCanary.d.ts

@@ -1,17 +1,17 @@
-import './DragNDropField.css';
-import React from 'react';
-export declare const DragNDropField: React.ForwardRefExoticComponent<{
-    accept?: import("react-dropzone").Accept | undefined;
-    maxSize?: number | undefined;
-    minSize?: number | undefined;
-    maxFiles?: number | undefined;
-    multiple?: boolean | undefined;
-    disabled?: boolean | undefined;
-    children?: React.ReactNode | import("./types").DragNDropFieldChildrenRenderFn;
-    locale?: import("./types").DragNDropFieldPropLocale | undefined;
-    onDrop?: (<T extends File>(acceptedFiles: T[], fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void) | undefined;
-    onDropAccepted?: (<T_1 extends File>(files: T_1[]) => void) | undefined;
-    onDropRejected?: ((fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void) | undefined;
-    onError?: ((err: Error) => void) | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onError" | "onDrop" | "disabled" | "accept" | "multiple" | "css" | "locale" | "maxSize" | "minSize" | "maxFiles" | "onDropAccepted" | "onDropRejected"> & React.RefAttributes<HTMLDivElement>>;
-export * from './types';
+import './DragNDropField.css';
+import React from 'react';
+export declare const DragNDropField: React.ForwardRefExoticComponent<{
+    accept?: import("react-dropzone").Accept | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    maxFiles?: number | undefined;
+    multiple?: boolean | undefined;
+    disabled?: boolean | undefined;
+    children?: React.ReactNode | import("./types").DragNDropFieldChildrenRenderFn;
+    locale?: import("./types").DragNDropFieldPropLocale | undefined;
+    onDrop?: (<T extends File>(acceptedFiles: T[], fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void) | undefined;
+    onDropAccepted?: (<T_1 extends File>(files: T_1[]) => void) | undefined;
+    onDropRejected?: ((fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void) | undefined;
+    onError?: ((err: Error) => void) | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onError" | "onDrop" | "disabled" | "accept" | "multiple" | "css" | "locale" | "maxSize" | "minSize" | "maxFiles" | "onDropAccepted" | "onDropRejected"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldCanary.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["accept","maxSize","minSize","multiple","maxFiles","children","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className"],_excluded2=["getRootProps","getInputProps","rootRef","open","isDragActive"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DragNDropField.css";import React,{forwardRef,useCallback}from"react";import{useDropzone}from"react-dropzone";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cnCanary}from"../../utils/bem";import{withDefaultLocale}from"./locale";import{renderCildren}from"./renderCildren";var cnDragNDropField=cnCanary("DragNDropField");export var DragNDropField=forwardRef(function(a,b){var c=a.accept,d=a.maxSize,e=a.minSize,f=a.multiple,g=void 0!==f&&f,h=a.maxFiles,i=a.children,j=a.locale,k=a.disabled,l=a.onClick,m=a.onDrop,n=a.onDropAccepted,o=a.onDropRejected,p=a.onError,q=a.className,r=_objectWithoutProperties(a,_excluded),s=useMutableRef(l),t=withDefaultLocale(j),u=useDropzone({accept:c,maxSize:d||void 0,minSize:e||void 0,maxFiles:h||void 0,multiple:g,disabled:k,onDrop:m,onDropAccepted:n,onDropRejected:o,onError:p}),v=u.getRootProps,w=u.getInputProps,x=u.rootRef,y=u.open,z=u.isDragActive,A=_objectWithoutProperties(u,_excluded2);return React.createElement("div",v(_objectSpread(_objectSpread({},r),{},{className:cnDragNDropField({active:z,disabled:k},[q]),onClick:useCallback(function(a){var b;a.target!==x.current&&a.stopPropagation(),null===(b=s.current)||void 0===b?void 0:b.call(s,a)},[]),ref:useForkRef([b,x])})),React.createElement("input",w()),renderCildren(i,_objectSpread(_objectSpread({},A),{},{accept:c,maxSize:d,minSize:e,multiple:g,openFileDialog:y,locale:t,disabled:k,isDragActive:z})))});export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["accept","maxSize","minSize","multiple","maxFiles","children","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className"],_excluded2=["getRootProps","getInputProps","rootRef","open","isDragActive"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./DragNDropField.css";import React,{forwardRef,useCallback}from"react";import{useDropzone}from"react-dropzone";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cnCanary}from"../../utils/bem";import{withDefaultLocale}from"./locale";import{renderChildren}from"./renderChildren";var cnDragNDropField=cnCanary("DragNDropField");export var DragNDropField=forwardRef(function(a,b){var c=a.accept,d=a.maxSize,e=a.minSize,f=a.multiple,g=void 0!==f&&f,h=a.maxFiles,i=a.children,j=a.locale,k=a.disabled,l=a.onClick,m=a.onDrop,n=a.onDropAccepted,o=a.onDropRejected,p=a.onError,q=a.className,r=_objectWithoutProperties(a,_excluded),s=useMutableRef(l),t=withDefaultLocale(j),u=useDropzone({accept:c,maxSize:d||void 0,minSize:e||void 0,maxFiles:h||void 0,multiple:g,disabled:k,onDrop:m,onDropAccepted:n,onDropRejected:o,onError:p}),v=u.getRootProps,w=u.getInputProps,x=u.rootRef,y=u.open,z=u.isDragActive,A=_objectWithoutProperties(u,_excluded2);return React.createElement("div",v(_objectSpread(_objectSpread({},r),{},{className:cnDragNDropField({active:z,disabled:k},[q]),onClick:useCallback(function(a){var b;a.target!==x.current&&a.stopPropagation(),null===(b=s.current)||void 0===b?void 0:b.call(s,a)},[]),ref:useForkRef([b,x])})),React.createElement("input",w()),renderChildren(i,_objectSpread(_objectSpread({},A),{},{accept:c,maxSize:d,minSize:e,multiple:g,openFileDialog:y,locale:t,disabled:k,isDragActive:z})))});export*from"./types";
 //# sourceMappingURL=DragNDropFieldCanary.js.map

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldCanary.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragNDropFieldCanary.js","names":["React","forwardRef","useCallback","useDropzone","useForkRef","useMutableRef","cnCanary","withDefaultLocale","renderCildren","cnDragNDropField","DragNDropField","props","ref","accept","maxSize","minSize","multiple","maxFiles","children","localeProp","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className","otherProps","onClickRef","getRootProps","getInputProps","rootRef","openFileDialog","open","isDragActive","otherStateProps","active","e","target","current","stopPropagation"],"sources":["../../../../../src/components/DragNDropFieldCanary/DragNDropFieldCanary.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultLocale } from './locale';\nimport { renderCildren } from './renderCildren';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cnCanary('DragNDropField');\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      maxFiles,\n      children,\n      locale: localeProp,\n      disabled,\n      onClick,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n      className,\n      ...otherProps\n    } = props;\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withDefaultLocale(localeProp);\n\n    const {\n      getRootProps,\n      getInputProps,\n      rootRef,\n      open: openFileDialog,\n      isDragActive,\n      ...otherStateProps\n    } = useDropzone({\n      accept,\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      maxFiles: maxFiles || undefined,\n      multiple,\n      disabled,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n    });\n\n    return (\n      <div\n        {...getRootProps({\n          ...otherProps,\n          className: cnDragNDropField({ active: isDragActive, disabled }, [\n            className,\n          ]),\n          onClick: useCallback<React.MouseEventHandler<HTMLDivElement>>((e) => {\n            if (e.target !== rootRef.current) {\n              e.stopPropagation();\n            }\n            onClickRef.current?.(e);\n          }, []),\n          ref: useForkRef([ref, rootRef]),\n        })}\n      >\n        <input {...getInputProps()} />\n        {renderCildren(children, {\n          ...otherStateProps,\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog,\n          locale,\n          disabled,\n          isDragActive,\n        })}\n      </div>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"m/BAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,KAA+C,OAA/C,CACA,OAASC,WAAT,KAA4B,gBAA5B,CAEA,OAASC,UAAT,yCACA,OAASC,aAAT,+CACA,OAASC,QAAT,uBAEA,OAASC,iBAAT,gBACA,OAASC,aAAT,uBAGA,GAAMC,iBAAgB,CAAGH,QAAQ,CAAC,gBAAD,CAAjC,CAEA,MAAO,IAAMI,eAAc,CAAGT,UAAU,CACtC,SAACU,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAiBVF,CAjBU,CAEZE,MAFY,CAGZC,CAHY,CAiBVH,CAjBU,CAGZG,OAHY,CAIZC,CAJY,CAiBVJ,CAjBU,CAIZI,OAJY,GAiBVJ,CAjBU,CAKZK,QALY,CAKZA,CALY,eAMZC,CANY,CAiBVN,CAjBU,CAMZM,QANY,CAOZC,CAPY,CAiBVP,CAjBU,CAOZO,QAPY,CAQJC,CARI,CAiBVR,CAjBU,CAQZS,MARY,CASZC,CATY,CAiBVV,CAjBU,CASZU,QATY,CAUZC,CAVY,CAiBVX,CAjBU,CAUZW,OAVY,CAWZC,CAXY,CAiBVZ,CAjBU,CAWZY,MAXY,CAYZC,CAZY,CAiBVb,CAjBU,CAYZa,cAZY,CAaZC,CAbY,CAiBVd,CAjBU,CAaZc,cAbY,CAcZC,CAdY,CAiBVf,CAjBU,CAcZe,OAdY,CAeZC,CAfY,CAiBVhB,CAjBU,CAeZgB,SAfY,CAgBTC,CAhBS,0BAiBVjB,CAjBU,YAmBRkB,CAAU,CAAGxB,aAAa,CAACiB,CAAD,CAnBlB,CAqBRF,CAAM,CAAGb,iBAAiB,CAACY,CAAD,CArBlB,GA8BVhB,WAAW,CAAC,CACdU,MAAM,CAANA,CADc,CAEdC,OAAO,CAAEA,CAAO,QAFF,CAGdC,OAAO,CAAEA,CAAO,QAHF,CAIdE,QAAQ,CAAEA,CAAQ,QAJJ,CAKdD,QAAQ,CAARA,CALc,CAMdK,QAAQ,CAARA,CANc,CAOdE,MAAM,CAANA,CAPc,CAQdC,cAAc,CAAdA,CARc,CASdC,cAAc,CAAdA,CATc,CAUdC,OAAO,CAAPA,CAVc,CAAD,CA9BD,CAwBZI,CAxBY,GAwBZA,YAxBY,CAyBZC,CAzBY,GAyBZA,aAzBY,CA0BZC,CA1BY,GA0BZA,OA1BY,CA2BNC,CA3BM,GA2BZC,IA3BY,CA4BZC,CA5BY,GA4BZA,YA5BY,CA6BTC,CA7BS,wCA2Cd,MACE,2BACMN,CAAY,gCACXF,CADW,MAEdD,SAAS,CAAElB,gBAAgB,CAAC,CAAE4B,MAAM,CAAEF,CAAV,CAAwBd,QAAQ,CAARA,CAAxB,CAAD,CAAqC,CAC9DM,CAD8D,CAArC,CAFb,CAKdL,OAAO,CAAEpB,WAAW,CAA0C,SAACoC,CAAD,CAAO,OAC/DA,CAAC,CAACC,MAAF,GAAaP,CAAO,CAACQ,OAD0C,EAEjEF,CAAC,CAACG,eAAF,EAFiE,WAInEZ,CAAU,CAACW,OAJwD,qBAInE,OAAAX,CAAU,CAAWS,CAAX,CACX,CALmB,CAKjB,EALiB,CALN,CAWd1B,GAAG,CAAER,UAAU,CAAC,CAACQ,CAAD,CAAMoB,CAAN,CAAD,CAXD,GADlB,CAeE,4BAAWD,CAAa,EAAxB,CAfF,CAgBGvB,aAAa,CAACU,CAAD,gCACTkB,CADS,MAEZvB,MAAM,CAANA,CAFY,CAGZC,OAAO,CAAPA,CAHY,CAIZC,OAAO,CAAPA,CAJY,CAKZC,QAAQ,CAARA,CALY,CAMZiB,cAAc,CAAdA,CANY,CAOZb,MAAM,CAANA,CAPY,CAQZC,QAAQ,CAARA,CARY,CASZc,YAAY,CAAZA,CATY,GAhBhB,CA6BH,CA1EqC,CAAjC,CA6EP"}
+{"version":3,"file":"DragNDropFieldCanary.js","names":["React","forwardRef","useCallback","useDropzone","useForkRef","useMutableRef","cnCanary","withDefaultLocale","renderChildren","cnDragNDropField","DragNDropField","props","ref","accept","maxSize","minSize","multiple","maxFiles","children","localeProp","locale","disabled","onClick","onDrop","onDropAccepted","onDropRejected","onError","className","otherProps","onClickRef","getRootProps","getInputProps","rootRef","openFileDialog","open","isDragActive","otherStateProps","active","e","target","current","stopPropagation"],"sources":["../../../../../src/components/DragNDropFieldCanary/DragNDropFieldCanary.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultLocale } from './locale';\nimport { renderChildren } from './renderChildren';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cnCanary('DragNDropField');\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      maxFiles,\n      children,\n      locale: localeProp,\n      disabled,\n      onClick,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n      className,\n      ...otherProps\n    } = props;\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withDefaultLocale(localeProp);\n\n    const {\n      getRootProps,\n      getInputProps,\n      rootRef,\n      open: openFileDialog,\n      isDragActive,\n      ...otherStateProps\n    } = useDropzone({\n      accept,\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      maxFiles: maxFiles || undefined,\n      multiple,\n      disabled,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n    });\n\n    return (\n      <div\n        {...getRootProps({\n          ...otherProps,\n          className: cnDragNDropField({ active: isDragActive, disabled }, [\n            className,\n          ]),\n          onClick: useCallback<React.MouseEventHandler<HTMLDivElement>>((e) => {\n            if (e.target !== rootRef.current) {\n              e.stopPropagation();\n            }\n            onClickRef.current?.(e);\n          }, []),\n          ref: useForkRef([ref, rootRef]),\n        })}\n      >\n        <input {...getInputProps()} />\n        {renderChildren(children, {\n          ...otherStateProps,\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog,\n          locale,\n          disabled,\n          isDragActive,\n        })}\n      </div>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"m/BAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,KAA+C,OAA/C,CACA,OAASC,WAAT,KAA4B,gBAA5B,CAEA,OAASC,UAAT,yCACA,OAASC,aAAT,+CACA,OAASC,QAAT,uBAEA,OAASC,iBAAT,gBACA,OAASC,cAAT,wBAGA,GAAMC,iBAAgB,CAAGH,QAAQ,CAAC,gBAAD,CAAjC,CAEA,MAAO,IAAMI,eAAc,CAAGT,UAAU,CACtC,SAACU,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAiBVF,CAjBU,CAEZE,MAFY,CAGZC,CAHY,CAiBVH,CAjBU,CAGZG,OAHY,CAIZC,CAJY,CAiBVJ,CAjBU,CAIZI,OAJY,GAiBVJ,CAjBU,CAKZK,QALY,CAKZA,CALY,eAMZC,CANY,CAiBVN,CAjBU,CAMZM,QANY,CAOZC,CAPY,CAiBVP,CAjBU,CAOZO,QAPY,CAQJC,CARI,CAiBVR,CAjBU,CAQZS,MARY,CASZC,CATY,CAiBVV,CAjBU,CASZU,QATY,CAUZC,CAVY,CAiBVX,CAjBU,CAUZW,OAVY,CAWZC,CAXY,CAiBVZ,CAjBU,CAWZY,MAXY,CAYZC,CAZY,CAiBVb,CAjBU,CAYZa,cAZY,CAaZC,CAbY,CAiBVd,CAjBU,CAaZc,cAbY,CAcZC,CAdY,CAiBVf,CAjBU,CAcZe,OAdY,CAeZC,CAfY,CAiBVhB,CAjBU,CAeZgB,SAfY,CAgBTC,CAhBS,0BAiBVjB,CAjBU,YAmBRkB,CAAU,CAAGxB,aAAa,CAACiB,CAAD,CAnBlB,CAqBRF,CAAM,CAAGb,iBAAiB,CAACY,CAAD,CArBlB,GA8BVhB,WAAW,CAAC,CACdU,MAAM,CAANA,CADc,CAEdC,OAAO,CAAEA,CAAO,QAFF,CAGdC,OAAO,CAAEA,CAAO,QAHF,CAIdE,QAAQ,CAAEA,CAAQ,QAJJ,CAKdD,QAAQ,CAARA,CALc,CAMdK,QAAQ,CAARA,CANc,CAOdE,MAAM,CAANA,CAPc,CAQdC,cAAc,CAAdA,CARc,CASdC,cAAc,CAAdA,CATc,CAUdC,OAAO,CAAPA,CAVc,CAAD,CA9BD,CAwBZI,CAxBY,GAwBZA,YAxBY,CAyBZC,CAzBY,GAyBZA,aAzBY,CA0BZC,CA1BY,GA0BZA,OA1BY,CA2BNC,CA3BM,GA2BZC,IA3BY,CA4BZC,CA5BY,GA4BZA,YA5BY,CA6BTC,CA7BS,wCA2Cd,MACE,2BACMN,CAAY,gCACXF,CADW,MAEdD,SAAS,CAAElB,gBAAgB,CAAC,CAAE4B,MAAM,CAAEF,CAAV,CAAwBd,QAAQ,CAARA,CAAxB,CAAD,CAAqC,CAC9DM,CAD8D,CAArC,CAFb,CAKdL,OAAO,CAAEpB,WAAW,CAA0C,SAACoC,CAAD,CAAO,OAC/DA,CAAC,CAACC,MAAF,GAAaP,CAAO,CAACQ,OAD0C,EAEjEF,CAAC,CAACG,eAAF,EAFiE,WAInEZ,CAAU,CAACW,OAJwD,qBAInE,OAAAX,CAAU,CAAWS,CAAX,CACX,CALmB,CAKjB,EALiB,CALN,CAWd1B,GAAG,CAAER,UAAU,CAAC,CAACQ,CAAD,CAAMoB,CAAN,CAAD,CAXD,GADlB,CAeE,4BAAWD,CAAa,EAAxB,CAfF,CAgBGvB,cAAc,CAACU,CAAD,gCACVkB,CADU,MAEbvB,MAAM,CAANA,CAFa,CAGbC,OAAO,CAAPA,CAHa,CAIbC,OAAO,CAAPA,CAJa,CAKbC,QAAQ,CAARA,CALa,CAMbiB,cAAc,CAAdA,CANa,CAObb,MAAM,CAANA,CAPa,CAQbC,QAAQ,CAARA,CARa,CASbc,YAAY,CAAZA,CATa,GAhBjB,CA6BH,CA1EqC,CAAjC,CA6EP"}

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldContent/DragNDropFieldContent.d.ts

@@ -1,4 +1,4 @@
-import './DragNDropFieldContent.css';
-import React from 'react';
-import { DragNDropFieldContentProps } from '../DragNDropFieldCanary';
-export declare const DragNDropFieldContent: React.FC<DragNDropFieldContentProps>;
+import './DragNDropFieldContent.css';
+import React from 'react';
+import { DragNDropFieldContentProps } from '../DragNDropFieldCanary';
+export declare const DragNDropFieldContent: React.FC<DragNDropFieldContentProps>;

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldContent/formatFileRequirements.d.ts

@@ -1,2 +1,2 @@
-import { DragNDropFieldPropLocale, DragNDropFieldProps } from '../DragNDropFieldCanary';
-export declare const formatFileRequirements: (accept: DragNDropFieldProps['accept'], maxSize: DragNDropFieldProps['maxSize'], minSize: DragNDropFieldProps['minSize'], locale?: Required<DragNDropFieldPropLocale>) => string;
+import { DragNDropFieldPropLocale, DragNDropFieldProps } from '../DragNDropFieldCanary';
+export declare const formatFileRequirements: (accept: DragNDropFieldProps['accept'], maxSize: DragNDropFieldProps['maxSize'], minSize: DragNDropFieldProps['minSize'], locale?: Required<DragNDropFieldPropLocale>) => string;

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldContent/index.d.ts

@@ -1 +1 @@
-export * from './DragNDropFieldContent';
+export * from './DragNDropFieldContent';

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldInformer/DragNDropFieldInformer.d.ts

@@ -1,4 +1,4 @@
-import './DragNDropFieldInformer.css';
-import React from 'react';
-import { DragNDropFieldInformerProps } from '../types';
-export declare const DragNDropFieldInformer: React.ForwardRefExoticComponent<DragNDropFieldInformerProps & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof DragNDropFieldInformerProps> & React.RefAttributes<HTMLDivElement>>;
+import './DragNDropFieldInformer.css';
+import React from 'react';
+import { DragNDropFieldInformerProps } from '../types';
+export declare const DragNDropFieldInformer: React.ForwardRefExoticComponent<DragNDropFieldInformerProps & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof DragNDropFieldInformerProps> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldInformer/index.d.ts

@@ -1 +1 @@
-export * from './DragNDropFieldInformer';
+export * from './DragNDropFieldInformer';

package/__internal__/src/components/DragNDropFieldCanary/formatFileSize.d.ts

@@ -1,2 +1,2 @@
-import { DragNDropFieldPropLocale } from './types';
-export declare const formatFileSize: (sizeInBytes: number, locale: Required<DragNDropFieldPropLocale>) => string | undefined;
+import { DragNDropFieldPropLocale } from './types';
+export declare const formatFileSize: (sizeInBytes: number, locale: Required<DragNDropFieldPropLocale>) => string | undefined;

package/__internal__/src/components/DragNDropFieldCanary/getErrorsList.d.ts

@@ -1,3 +1,3 @@
-import { FileRejection } from 'react-dropzone';
-import { DragNDropFieldPropLocale, FileSizes } from './types';
-export declare const getErrorsList: (fileRejections: FileRejection[], locale?: DragNDropFieldPropLocale, sizes?: FileSizes) => string[];
+import { FileRejection } from 'react-dropzone';
+import { DragNDropFieldPropLocale, FileSizes } from './types';
+export declare const getErrorsList: (fileRejections: FileRejection[], locale?: DragNDropFieldPropLocale, sizes?: FileSizes) => string[];

package/__internal__/src/components/DragNDropFieldCanary/index.d.ts

@@ -1,3 +1,3 @@
-export * from './DragNDropFieldCanary';
-export * from './DragNDropFieldInformer';
-export * from './getErrorsList';
+export * from './DragNDropFieldCanary';
+export * from './DragNDropFieldInformer';
+export * from './getErrorsList';

package/__internal__/src/components/DragNDropFieldCanary/locale.d.ts

@@ -1,4 +1,4 @@
-import { DragNDropFieldPropLocale } from './types';
-export declare const defaultLocale: Required<DragNDropFieldPropLocale>;
-export declare const getText: <PROPS>(textOrFn: string | ((props: PROPS) => string), props?: PROPS | undefined) => string | undefined;
-export declare const withDefaultLocale: (locale?: DragNDropFieldPropLocale) => Required<DragNDropFieldPropLocale>;
+import { DragNDropFieldPropLocale } from './types';
+export declare const defaultLocale: Required<DragNDropFieldPropLocale>;
+export declare const getText: <PROPS>(textOrFn: string | ((props: PROPS) => string), props?: PROPS | undefined) => string | undefined;
+export declare const withDefaultLocale: (locale?: DragNDropFieldPropLocale) => Required<DragNDropFieldPropLocale>;

package/__internal__/src/components/DragNDropFieldCanary/renderChildren.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DragNDropFieldChildrenRenderFn, DragNDropFieldContentProps } from './types';
+export declare const renderChildren: (children: React.ReactNode | DragNDropFieldChildrenRenderFn | undefined, props: DragNDropFieldContentProps) => React.ReactNode;

package/__internal__/src/components/DragNDropFieldCanary/renderChildren.js

@@ -0,0 +1,2 @@
+import React from"react";import{isRenderProp}from"../../utils/isRenderProp";import{DragNDropFieldContent}from"./DragNDropFieldContent";export var renderChildren=function(a,b){if(!a)return React.createElement(DragNDropFieldContent,b);if(isRenderProp(a)){var c=b.openFileDialog,d=b.isDragAccept,e=b.isDragActive,f=b.isDragReject,g=b.isFileDialogActive,h=b.isFocused,i=b.acceptedFiles,j=b.fileRejections;return a({openFileDialog:c,isDragAccept:d,isDragActive:e,isDragReject:f,isFileDialogActive:g,isFocused:h,acceptedFiles:i,fileRejections:j})}return a};
+//# sourceMappingURL=renderChildren.js.map

package/__internal__/src/components/DragNDropFieldCanary/renderChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderChildren.js","names":["React","isRenderProp","DragNDropFieldContent","renderChildren","children","props","openFileDialog","isDragAccept","isDragActive","isDragReject","isFileDialogActive","isFocused","acceptedFiles","fileRejections"],"sources":["../../../../../src/components/DragNDropFieldCanary/renderChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isRenderProp } from '##/utils/isRenderProp';\n\nimport { DragNDropFieldContent } from './DragNDropFieldContent';\nimport {\n  DragNDropFieldChildrenRenderFn,\n  DragNDropFieldContentProps,\n} from './types';\n\nexport const renderChildren = (\n  children: React.ReactNode | DragNDropFieldChildrenRenderFn | undefined,\n  props: DragNDropFieldContentProps,\n): React.ReactNode => {\n  if (!children) {\n    return <DragNDropFieldContent {...props} />;\n  }\n  if (isRenderProp(children)) {\n    const {\n      openFileDialog,\n      isDragAccept,\n      isDragActive,\n      isDragReject,\n      isFileDialogActive,\n      isFocused,\n      acceptedFiles,\n      fileRejections,\n    } = props;\n    return children({\n      openFileDialog,\n      isDragAccept,\n      isDragActive,\n      isDragReject,\n      isFileDialogActive,\n      isFocused,\n      acceptedFiles,\n      fileRejections,\n    });\n  }\n  return children;\n};\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,gCAEA,OAASC,qBAAT,+BAMA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGR,CACpB,GAAI,CAACD,CAAL,CACE,MAAO,qBAAC,qBAAD,CAA2BC,CAA3B,CAAP,CAEF,GAAIJ,YAAY,CAACG,CAAD,CAAhB,CAA4B,CAC1B,GACEE,EADF,CASID,CATJ,CACEC,cADF,CAEEC,CAFF,CASIF,CATJ,CAEEE,YAFF,CAGEC,CAHF,CASIH,CATJ,CAGEG,YAHF,CAIEC,CAJF,CASIJ,CATJ,CAIEI,YAJF,CAKEC,CALF,CASIL,CATJ,CAKEK,kBALF,CAMEC,CANF,CASIN,CATJ,CAMEM,SANF,CAOEC,CAPF,CASIP,CATJ,CAOEO,aAPF,CAQEC,CARF,CASIR,CATJ,CAQEQ,cARF,CAUA,MAAOT,EAAQ,CAAC,CACdE,cAAc,CAAdA,CADc,CAEdC,YAAY,CAAZA,CAFc,CAGdC,YAAY,CAAZA,CAHc,CAIdC,YAAY,CAAZA,CAJc,CAKdC,kBAAkB,CAAlBA,CALc,CAMdC,SAAS,CAATA,CANc,CAOdC,aAAa,CAAbA,CAPc,CAQdC,cAAc,CAAdA,CARc,CAAD,CAUhB,CACD,MAAOT,EACR,CA9BM"}

package/__internal__/src/components/DragNDropFieldCanary/types.d.ts

@@ -1,81 +1,81 @@
-/// <reference types="react" />
-import { IconComponent } from '@consta/icons/Icon';
-import { Accept, DropEvent, FileRejection, FileWithPath } from 'react-dropzone';
-import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type DragNDropFieldChildrenRenderFn = (props: {
-    openFileDialog: () => void;
-    isFocused: boolean;
-    isDragActive: boolean;
-    isDragAccept: boolean;
-    isDragReject: boolean;
-    isFileDialogActive: boolean;
-    acceptedFiles: readonly FileWithPath[];
-    fileRejections: readonly FileRejection[];
-}) => React.ReactNode;
-export declare type DragNDropFieldContentProps = {
-    openFileDialog: () => void;
-    locale: Required<DragNDropFieldPropLocale>;
-    isFocused: boolean;
-    isDragActive: boolean;
-    isDragAccept: boolean;
-    isDragReject: boolean;
-    isFileDialogActive: boolean;
-    acceptedFiles: readonly FileWithPath[];
-    fileRejections: readonly FileRejection[];
-} & Pick<DragNDropFieldProps, 'accept' | 'maxSize' | 'multiple' | 'disabled' | 'minSize'>;
-export declare type FileSizes = {
-    minSize?: number;
-    maxSize?: number;
-};
-export declare type DragNDropFieldProps = PropsWithHTMLAttributes<{
-    accept?: Accept;
-    maxSize?: number;
-    minSize?: number;
-    maxFiles?: number;
-    multiple?: boolean;
-    disabled?: boolean;
-    children?: React.ReactNode | DragNDropFieldChildrenRenderFn;
-    locale?: DragNDropFieldPropLocale;
-    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void;
-    onDropAccepted?: <T extends File>(files: T[]) => void;
-    onDropRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
-    onError?: (err: Error) => void;
-}, HTMLDivElement>;
-export declare type LocaleError = string | ((props: {
-    file: File;
-    sizes?: FileSizes;
-}) => string);
-export declare type LocaleLabel = string | ((props: {
-    fileText: string;
-}) => string);
-export declare type DragNDropFieldPropLocale = {
-    'file-invalid-type'?: LocaleError;
-    'file-too-large'?: LocaleError;
-    'file-too-small'?: LocaleError;
-    'too-many-files'?: string;
-    'general-error'?: string;
-    'fit-files'?: string;
-    'file'?: string;
-    'files'?: string;
-    'before'?: string;
-    'from'?: string;
-    'gigabyte'?: string;
-    'megabyte'?: string;
-    'kilobyte'?: string;
-    'byte'?: string;
-    'call-to-action'?: LocaleLabel;
-    'action-button'?: LocaleLabel;
-    'drag-active-message'?: string;
-};
-export declare const dragNDropFieldInformerPropStatus: readonly ["default", "alert", "warning"];
-export declare type DragNDropFieldInformerPropStatus = typeof dragNDropFieldInformerPropStatus[number];
-export declare type DragNDropFieldInformerProps = {
-    status?: DragNDropFieldInformerPropStatus;
-    icon?: IconComponent;
-    loading?: boolean | number;
-    text?: string;
-    withButton?: boolean;
-    buttonIcon?: IconComponent;
-    buttonLabel?: string;
-    onButtonClick?: () => void;
-};
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+import { Accept, DropEvent, FileRejection, FileWithPath } from 'react-dropzone';
+import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
+export declare type DragNDropFieldChildrenRenderFn = (props: {
+    openFileDialog: () => void;
+    isFocused: boolean;
+    isDragActive: boolean;
+    isDragAccept: boolean;
+    isDragReject: boolean;
+    isFileDialogActive: boolean;
+    acceptedFiles: readonly FileWithPath[];
+    fileRejections: readonly FileRejection[];
+}) => React.ReactNode;
+export declare type DragNDropFieldContentProps = {
+    openFileDialog: () => void;
+    locale: Required<DragNDropFieldPropLocale>;
+    isFocused: boolean;
+    isDragActive: boolean;
+    isDragAccept: boolean;
+    isDragReject: boolean;
+    isFileDialogActive: boolean;
+    acceptedFiles: readonly FileWithPath[];
+    fileRejections: readonly FileRejection[];
+} & Pick<DragNDropFieldProps, 'accept' | 'maxSize' | 'multiple' | 'disabled' | 'minSize'>;
+export declare type FileSizes = {
+    minSize?: number;
+    maxSize?: number;
+};
+export declare type DragNDropFieldProps = PropsWithHTMLAttributes<{
+    accept?: Accept;
+    maxSize?: number;
+    minSize?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode | DragNDropFieldChildrenRenderFn;
+    locale?: DragNDropFieldPropLocale;
+    onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void;
+    onDropAccepted?: <T extends File>(files: T[]) => void;
+    onDropRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
+    onError?: (err: Error) => void;
+}, HTMLDivElement>;
+export declare type LocaleError = string | ((props: {
+    file: File;
+    sizes?: FileSizes;
+}) => string);
+export declare type LocaleLabel = string | ((props: {
+    fileText: string;
+}) => string);
+export declare type DragNDropFieldPropLocale = {
+    'file-invalid-type'?: LocaleError;
+    'file-too-large'?: LocaleError;
+    'file-too-small'?: LocaleError;
+    'too-many-files'?: string;
+    'general-error'?: string;
+    'fit-files'?: string;
+    'file'?: string;
+    'files'?: string;
+    'before'?: string;
+    'from'?: string;
+    'gigabyte'?: string;
+    'megabyte'?: string;
+    'kilobyte'?: string;
+    'byte'?: string;
+    'call-to-action'?: LocaleLabel;
+    'action-button'?: LocaleLabel;
+    'drag-active-message'?: string;
+};
+export declare const dragNDropFieldInformerPropStatus: readonly ["default", "alert", "warning"];
+export declare type DragNDropFieldInformerPropStatus = typeof dragNDropFieldInformerPropStatus[number];
+export declare type DragNDropFieldInformerProps = {
+    status?: DragNDropFieldInformerPropStatus;
+    icon?: IconComponent;
+    loading?: boolean | number;
+    text?: string;
+    withButton?: boolean;
+    buttonIcon?: IconComponent;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+};