@consta/uikit 5.2.2 → 5.3.0

package/__internal__/src/components/DateTime/helpers/types.d.ts

@@ -1,56 +1,56 @@
-/// <reference types="react" />
-import { DateRange } from '../../../utils/types/Date';
-import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
-export declare const dateTimePropView: readonly ["classic", "book", "slider"];
-export declare type DateTimePropView = typeof dateTimePropView[number];
-export declare const dateTimePropViewDefault: "classic";
-export declare const dateTimePropType: readonly ["date", "month", "year", "time", "date-time"];
-export declare type DateTimePropType = typeof dateTimePropType[number];
-export declare const dateTimePropTypeDefault: "date";
-export declare type DateTimePropDisableDates = Array<Date | [Date, Date]>;
-export declare type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';
-export declare type DateTimePropValue<TYPE> = TYPE extends CapableRangeType ? Date | DateRange : Date;
-export declare type DateTimePropOnChange = (value: Date, props: {
-    e: React.MouseEvent<HTMLButtonElement>;
-}) => void;
-export declare type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType ? (value: DateRange, props: {
-    e: React.MouseEvent<HTMLButtonElement>;
-}) => void : never;
-declare type LocaleWords = {
-    words?: {
-        hours?: string;
-        minutes?: string;
-        seconds?: string;
-    };
-};
-export declare type DateTimePropLocale = Locale & LocaleWords;
-export declare const moveTypes: readonly ["year", "month", "day", "time"];
-export declare type MoveType = typeof moveTypes[number];
-declare type DateTimePropTimeFor<TYPE> = TYPE extends 'date-time' ? 'start' | 'end' : never;
-export declare type DateTimeProps<TYPE extends DateTimePropType = 'date'> = PropsWithHTMLAttributesAndRef<{
-    currentVisibleDate?: Date;
-    type?: TYPE;
-    value?: DateTimePropValue<TYPE>;
-    onChange?: DateTimePropOnChange;
-    onChangeRange?: DateTimePropOnChangeRange<TYPE>;
-    minDate?: Date;
-    maxDate?: Date;
-    events?: Date[];
-    view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';
-    locale?: DateTimePropLocale;
-    children?: never;
-    disableDates?: DateTimePropDisableDates;
-    onChangeCurrentVisibleDate?: (date: Date) => void;
-    multiplicitySeconds?: number;
-    multiplicityMinutes?: number;
-    multiplicityHours?: number;
-    onMove?: (type: MoveType) => void;
-    timeFor?: DateTimePropTimeFor<TYPE>;
-}, HTMLDivElement>;
-export declare type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(props: DateTimeProps<TYPE>) => React.ReactElement | null;
-export declare type DateTimeTypeComponent<TYPE extends DateTimePropType> = (props: Omit<DateTimeProps<TYPE>, 'type'>) => React.ReactElement | null;
-export declare type HandleSelectDate = (value: Date, props: {
-    value: Date;
-    e: React.MouseEvent<HTMLButtonElement>;
-}) => void;
-export {};
+/// <reference types="react" />
+import { DateRange } from '../../../utils/types/Date';
+import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
+export declare const dateTimePropView: readonly ["classic", "book", "slider"];
+export declare type DateTimePropView = typeof dateTimePropView[number];
+export declare const dateTimePropViewDefault: "classic";
+export declare const dateTimePropType: readonly ["date", "month", "year", "time", "date-time"];
+export declare type DateTimePropType = typeof dateTimePropType[number];
+export declare const dateTimePropTypeDefault: "date";
+export declare type DateTimePropDisableDates = Array<Date | [Date, Date]>;
+export declare type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';
+export declare type DateTimePropValue<TYPE> = TYPE extends CapableRangeType ? Date | DateRange : Date;
+export declare type DateTimePropOnChange = (value: Date, props: {
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void;
+export declare type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType ? (value: DateRange, props: {
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void : never;
+declare type LocaleWords = {
+    words?: {
+        hours?: string;
+        minutes?: string;
+        seconds?: string;
+    };
+};
+export declare type DateTimePropLocale = Locale & LocaleWords;
+export declare const moveTypes: readonly ["year", "month", "day", "time"];
+export declare type MoveType = typeof moveTypes[number];
+declare type DateTimePropTimeFor<TYPE> = TYPE extends 'date-time' ? 'start' | 'end' : never;
+export declare type DateTimeProps<TYPE extends DateTimePropType = 'date'> = PropsWithHTMLAttributesAndRef<{
+    currentVisibleDate?: Date;
+    type?: TYPE;
+    value?: DateTimePropValue<TYPE>;
+    onChange?: DateTimePropOnChange;
+    onChangeRange?: DateTimePropOnChangeRange<TYPE>;
+    minDate?: Date;
+    maxDate?: Date;
+    events?: Date[];
+    view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';
+    locale?: DateTimePropLocale;
+    children?: never;
+    disableDates?: DateTimePropDisableDates;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+    multiplicitySeconds?: number;
+    multiplicityMinutes?: number;
+    multiplicityHours?: number;
+    onMove?: (type: MoveType) => void;
+    timeFor?: DateTimePropTimeFor<TYPE>;
+}, HTMLDivElement>;
+export declare type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(props: DateTimeProps<TYPE>) => React.ReactElement | null;
+export declare type DateTimeTypeComponent<TYPE extends DateTimePropType> = (props: Omit<DateTimeProps<TYPE>, 'type'>) => React.ReactElement | null;
+export declare type HandleSelectDate = (value: Date, props: {
+    value: Date;
+    e: React.MouseEvent<HTMLButtonElement>;
+}) => void;
+export {};

package/__internal__/src/components/DateTime/helpers/useCurrentVisibleDate.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { DateRange } from '../../../utils/types/Date';
-declare type GetCurrentVisibleDateProps = {
-    currentVisibleDate: Date | undefined;
-    minDate: Date | undefined;
-    maxDate: Date | undefined;
-    value: Date | DateRange | undefined | null;
-    startOfUnit: (date: Date) => Date;
-    onChangeCurrentVisibleDate?: (date: Date) => void;
-};
-export declare type UseCurrentVisibleDateProps = GetCurrentVisibleDateProps & {
-    onChangeCurrentVisibleDate?: (date: Date) => void;
-};
-export declare const getCurrentVisibleDate: (props: GetCurrentVisibleDateProps) => Date;
-export declare const useCurrentVisibleDate: (props: UseCurrentVisibleDateProps) => [Date, import("react").Dispatch<import("react").SetStateAction<Date>>];
-export {};
+/// <reference types="react" />
+import { DateRange } from '../../../utils/types/Date';
+declare type GetCurrentVisibleDateProps = {
+    currentVisibleDate: Date | undefined;
+    minDate: Date | undefined;
+    maxDate: Date | undefined;
+    value: Date | DateRange | undefined | null;
+    startOfUnit: (date: Date) => Date;
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+};
+export declare type UseCurrentVisibleDateProps = GetCurrentVisibleDateProps & {
+    onChangeCurrentVisibleDate?: (date: Date) => void;
+};
+export declare const getCurrentVisibleDate: (props: GetCurrentVisibleDateProps) => Date;
+export declare const useCurrentVisibleDate: (props: UseCurrentVisibleDateProps) => [Date, import("react").Dispatch<import("react").SetStateAction<Date>>];
+export {};

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

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

package/__internal__/src/components/DateTime/mixs/DateTimeMixLayout/DateTimeMixLayout.d.ts

@@ -1,2 +1,2 @@
-import './DateTimeMixLayout.css';
-export declare const cnDateTimeMixLayout: import("@bem-react/classname").ClassNameFormatter;
+import './DateTimeMixLayout.css';
+export declare const cnDateTimeMixLayout: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/DateTime/mixs/index.d.ts

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

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

@@ -1,14 +1,14 @@
-import './DragNDropField.css';
-import React from 'react';
-export declare const COMPONENT_NAME: "DragNDropField";
-export declare const DragNDropField: React.ForwardRefExoticComponent<{
-    accept?: string | string[] | undefined;
-    maxSize?: number | undefined;
-    minSize?: number | undefined;
-    multiple?: boolean | undefined;
-    onDropFiles: (files: File[]) => void;
-    children?: React.ReactNode | import("./types").DragNDropFieldChildrenRenderProp;
-    locale?: import("./locale").Locale | undefined;
-    disabled?: boolean | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "disabled" | "accept" | "multiple" | "css" | "locale" | "maxSize" | "minSize" | "onDropFiles"> & React.RefAttributes<HTMLDivElement>>;
-export * from './types';
+import './DragNDropField.css';
+import React from 'react';
+export declare const COMPONENT_NAME: "DragNDropField";
+export declare const DragNDropField: React.ForwardRefExoticComponent<{
+    accept?: string | string[] | undefined;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    multiple?: boolean | undefined;
+    onDropFiles: (files: File[]) => void;
+    children?: React.ReactNode | import("./types").DragNDropFieldChildrenRenderProp;
+    locale?: import("./locale").Locale | undefined;
+    disabled?: boolean | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "disabled" | "accept" | "multiple" | "css" | "locale" | "maxSize" | "minSize" | "onDropFiles"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';

package/__internal__/src/components/DragNDropField/DragNDropField.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","onDropFiles","children","locale","disabled","onClick"];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,useRef}from"react";import{useDropzone}from"react-dropzone";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{DragNDropFieldContent}from"./DragNDropFieldContent/DragNDropFieldContent";import{DragNDropFieldTooltip}from"./DragNDropFieldTooltip/DragNDropFieldTooltip";import{getErrorsList}from"./getErrorsList";import{withdefaultLocale}from"./locale";var cnDragNDropField=cn("DragNDropField");export var COMPONENT_NAME="DragNDropField";export var DragNDropField=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.accept,f=d.maxSize,g=d.minSize,h=d.multiple,i=void 0!==h&&h,j=d.onDropFiles,k=d.children,l=void 0===k?DragNDropFieldContent:k,m=d.locale,n=d.disabled,o=d.onClick,p=_objectWithoutProperties(d,_excluded),q=useMutableRef(o),r=withdefaultLocale(m),s=React.useCallback(function(a){return 0<a.length&&j(a)},[j]),t=useDropzone({accept:null!==e&&void 0!==e&&e.length?e:void 0,maxSize:f||void 0,minSize:g||void 0,onDrop:s,multiple:i,disabled:n}),u=t.fileRejections,v=t.getRootProps,w=t.getInputProps,x=t.isDragActive,y=t.rootRef,z=t.open,A=React.useCallback(function(a){var b;a.target!==y.current&&a.stopPropagation(),null===(b=q.current)||void 0===b?void 0:b.call(q,a)},[]),B=v(_objectSpread(_objectSpread({},p),{},{className:cnDragNDropField({active:x,disabled:n},[p.className]),onClick:A})),C=isRenderProp(l)?l({accept:e,maxSize:f,minSize:g,multiple:i,openFileDialog:z,locale:r,disabled:n}):l,D=React.useMemo(function(){return getErrorsList(u,{maxSize:f,minSize:g},r)},[u]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},B,{ref:useForkRef([b,y,c])}),React.createElement("input",w()),x?React.createElement(Text,{view:"secondary",size:"s",align:"center",lineHeight:"m"},"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B \u0441\u044E\u0434\u0430"):C),React.createElement(DragNDropFieldTooltip,{anchorRef:y,errors:D}))});export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["accept","maxSize","minSize","multiple","onDropFiles","children","locale","disabled","onClick"];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,useRef}from"react";import{useDropzone}from"react-dropzone";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{cn}from"../../utils/bem";import{isRenderProp}from"../../utils/isRenderProp";import{DragNDropFieldContent}from"./DragNDropFieldContent/DragNDropFieldContent";import{DragNDropFieldTooltip}from"./DragNDropFieldTooltip/DragNDropFieldTooltip";import{formatAccept}from"./formatAccept";import{getErrorsList}from"./getErrorsList";import{withdefaultLocale}from"./locale";var cnDragNDropField=cn("DragNDropField");export var COMPONENT_NAME="DragNDropField";export var DragNDropField=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.accept,f=d.maxSize,g=d.minSize,h=d.multiple,i=void 0!==h&&h,j=d.onDropFiles,k=d.children,l=void 0===k?DragNDropFieldContent:k,m=d.locale,n=d.disabled,o=d.onClick,p=_objectWithoutProperties(d,_excluded),q=useMutableRef(o),r=withdefaultLocale(m),s=React.useCallback(function(a){return 0<a.length&&j(a)},[j]),t=useDropzone({accept:formatAccept(e),maxSize:f||void 0,minSize:g||void 0,onDrop:s,multiple:i,disabled:n}),u=t.fileRejections,v=t.getRootProps,w=t.getInputProps,x=t.isDragActive,y=t.rootRef,z=t.open,A=React.useCallback(function(a){var b;a.target!==y.current&&a.stopPropagation(),null===(b=q.current)||void 0===b?void 0:b.call(q,a)},[]),B=v(_objectSpread(_objectSpread({},p),{},{className:cnDragNDropField({active:x,disabled:n},[p.className]),onClick:A})),C=isRenderProp(l)?l({accept:e,maxSize:f,minSize:g,multiple:i,openFileDialog:z,locale:r,disabled:n}):l,D=React.useMemo(function(){return getErrorsList(u,{maxSize:f,minSize:g},r)},[u]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},B,{ref:useForkRef([b,y,c])}),React.createElement("input",w()),x?React.createElement(Text,{view:"secondary",size:"s",align:"center",lineHeight:"m"},"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B \u0441\u044E\u0434\u0430"):C),React.createElement(DragNDropFieldTooltip,{anchorRef:y,errors:D}))});export*from"./types";
 //# sourceMappingURL=DragNDropField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragNDropField.js","names":["React","forwardRef","useRef","useDropzone","usePropsHandler","Text","useForkRef","useMutableRef","cn","isRenderProp","DragNDropFieldContent","DragNDropFieldTooltip","getErrorsList","withdefaultLocale","cnDragNDropField","COMPONENT_NAME","DragNDropField","props","ref","dragNDropFieldRef","accept","maxSize","minSize","multiple","onDropFiles","children","localeProp","locale","disabled","onClick","otherProps","onClickRef","handleDrop","useCallback","acceptedFiles","length","onDrop","fileRejections","getRootProps","getInputProps","isDragActive","rootRef","open","handleRootClick","e","target","current","stopPropagation","rootProps","className","active","content","openFileDialog","errors","useMemo"],"sources":["../../../../../src/components/DragNDropField/DragNDropField.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useRef } from 'react';\nimport { DropzoneOptions, useDropzone } from 'react-dropzone';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { Text } from '##/components/Text/Text';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\n\nimport { DragNDropFieldContent } from './DragNDropFieldContent/DragNDropFieldContent';\nimport { DragNDropFieldTooltip } from './DragNDropFieldTooltip/DragNDropFieldTooltip';\nimport { getErrorsList } from './getErrorsList';\nimport { withdefaultLocale } from './locale';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cn('DragNDropField');\n\nexport const COMPONENT_NAME = 'DragNDropField' as const;\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const dragNDropFieldRef = useRef<HTMLDivElement>(null);\n\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      onDropFiles,\n      children = DragNDropFieldContent,\n      locale: localeProp,\n      disabled,\n      onClick,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, dragNDropFieldRef);\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withdefaultLocale(localeProp);\n\n    const handleDrop: DropzoneOptions['onDrop'] = React.useCallback(\n      (acceptedFiles: File[]) =>\n        acceptedFiles.length > 0 && onDropFiles(acceptedFiles),\n      [onDropFiles],\n    );\n\n    const {\n      fileRejections,\n      getRootProps,\n      getInputProps,\n      isDragActive,\n      rootRef,\n      open,\n    } = useDropzone({\n      accept: accept?.length ? accept : undefined,\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      onDrop: handleDrop,\n      multiple,\n      disabled,\n    });\n\n    const handleRootClick: React.MouseEventHandler<HTMLDivElement> =\n      React.useCallback((e) => {\n        // Чтобы не открывалось окно выбора файла при клике по внутренним элементам\n        if (e.target !== rootRef.current) {\n          e.stopPropagation();\n        }\n        onClickRef.current?.(e);\n      }, []);\n\n    const rootProps = getRootProps({\n      ...otherProps,\n      className: cnDragNDropField({ active: isDragActive, disabled }, [\n        otherProps.className,\n      ]),\n      onClick: handleRootClick,\n    });\n\n    const content = isRenderProp(children)\n      ? children({\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog: open,\n          locale,\n          disabled,\n        })\n      : children;\n\n    const errors = React.useMemo(\n      () => getErrorsList(fileRejections, { maxSize, minSize }, locale),\n      [fileRejections],\n    );\n\n    return (\n      <>\n        <div {...rootProps} ref={useForkRef([ref, rootRef, dragNDropFieldRef])}>\n          <input {...getInputProps()} />\n          {isDragActive ? (\n            <Text view=\"secondary\" size=\"s\" align=\"center\" lineHeight=\"m\">\n              Перетащите файлы сюда\n            </Text>\n          ) : (\n            content\n          )}\n        </div>\n        <DragNDropFieldTooltip anchorRef={rootRef} errors={errors} />\n      </>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"DragNDropField.js","names":["React","forwardRef","useRef","useDropzone","usePropsHandler","Text","useForkRef","useMutableRef","cn","isRenderProp","DragNDropFieldContent","DragNDropFieldTooltip","formatAccept","getErrorsList","withdefaultLocale","cnDragNDropField","COMPONENT_NAME","DragNDropField","props","ref","dragNDropFieldRef","accept","maxSize","minSize","multiple","onDropFiles","children","localeProp","locale","disabled","onClick","otherProps","onClickRef","handleDrop","useCallback","acceptedFiles","length","onDrop","fileRejections","getRootProps","getInputProps","isDragActive","rootRef","open","handleRootClick","e","target","current","stopPropagation","rootProps","className","active","content","openFileDialog","errors","useMemo"],"sources":["../../../../../src/components/DragNDropField/DragNDropField.tsx"],"sourcesContent":["import './DragNDropField.css';\n\nimport React, { forwardRef, useRef } from 'react';\nimport { DropzoneOptions, useDropzone } from 'react-dropzone';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { Text } from '##/components/Text/Text';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { cn } from '##/utils/bem';\nimport { isRenderProp } from '##/utils/isRenderProp';\n\nimport { DragNDropFieldContent } from './DragNDropFieldContent/DragNDropFieldContent';\nimport { DragNDropFieldTooltip } from './DragNDropFieldTooltip/DragNDropFieldTooltip';\nimport { formatAccept } from './formatAccept';\nimport { getErrorsList } from './getErrorsList';\nimport { withdefaultLocale } from './locale';\nimport { DragNDropFieldProps } from './types';\n\nconst cnDragNDropField = cn('DragNDropField');\n\nexport const COMPONENT_NAME = 'DragNDropField' as const;\n\nexport const DragNDropField = forwardRef<HTMLDivElement, DragNDropFieldProps>(\n  (props, ref) => {\n    const dragNDropFieldRef = useRef<HTMLDivElement>(null);\n\n    const {\n      accept,\n      maxSize,\n      minSize,\n      multiple = false,\n      onDropFiles,\n      children = DragNDropFieldContent,\n      locale: localeProp,\n      disabled,\n      onClick,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, dragNDropFieldRef);\n\n    const onClickRef = useMutableRef(onClick);\n\n    const locale = withdefaultLocale(localeProp);\n\n    const handleDrop: DropzoneOptions['onDrop'] = React.useCallback(\n      (acceptedFiles: File[]) =>\n        acceptedFiles.length > 0 && onDropFiles(acceptedFiles),\n      [onDropFiles],\n    );\n\n    const {\n      fileRejections,\n      getRootProps,\n      getInputProps,\n      isDragActive,\n      rootRef,\n      open,\n    } = useDropzone({\n      accept: formatAccept(accept),\n      maxSize: maxSize || undefined,\n      minSize: minSize || undefined,\n      onDrop: handleDrop,\n      multiple,\n      disabled,\n    });\n\n    const handleRootClick: React.MouseEventHandler<HTMLDivElement> =\n      React.useCallback((e) => {\n        // Чтобы не открывалось окно выбора файла при клике по внутренним элементам\n        if (e.target !== rootRef.current) {\n          e.stopPropagation();\n        }\n        onClickRef.current?.(e);\n      }, []);\n\n    const rootProps = getRootProps({\n      ...otherProps,\n      className: cnDragNDropField({ active: isDragActive, disabled }, [\n        otherProps.className,\n      ]),\n      onClick: handleRootClick,\n    });\n\n    const content = isRenderProp(children)\n      ? children({\n          accept,\n          maxSize,\n          minSize,\n          multiple,\n          openFileDialog: open,\n          locale,\n          disabled,\n        })\n      : children;\n\n    const errors = React.useMemo(\n      () => getErrorsList(fileRejections, { maxSize, minSize }, locale),\n      [fileRejections],\n    );\n\n    return (\n      <>\n        <div {...rootProps} ref={useForkRef([ref, rootRef, dragNDropFieldRef])}>\n          <input {...getInputProps()} />\n          {isDragActive ? (\n            <Text view=\"secondary\" size=\"s\" align=\"center\" lineHeight=\"m\">\n              Перетащите файлы сюда\n            </Text>\n          ) : (\n            content\n          )}\n        </div>\n        <DragNDropFieldTooltip anchorRef={rootRef} errors={errors} />\n      </>\n    );\n  },\n);\n\nexport * from './types';\n"],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-import './DragNDropFieldContent.css';
-import { DragNDropFieldChildrenRenderProp } from '../DragNDropField';
-export declare const DragNDropFieldContent: DragNDropFieldChildrenRenderProp;
+import './DragNDropFieldContent.css';
+import { DragNDropFieldChildrenRenderProp } from '../DragNDropField';
+export declare const DragNDropFieldContent: DragNDropFieldChildrenRenderProp;

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

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

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

@@ -0,0 +1,2 @@
+var delSpace=function(a){return a.replace(" ","")};export var formatAccept=function(a){var b=Array.isArray(a)?a.map(delSpace):null===a||void 0===a?void 0:a.split(",").map(delSpace);return null!==b&&void 0!==b&&b.length?{"*":b}:void 0};
+//# sourceMappingURL=formatAccept.js.map

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

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

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: FileRejection[], sizes: FileSizes | undefined, locale: Required<DragNDropFieldPropLocale>) => string[];
+import { FileRejection } from 'react-dropzone';
+import { DragNDropFieldPropLocale, FileSizes } from './types';
+export declare const getErrorsList: (fileRejections: 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/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/DragNDropField.css

@@ -0,0 +1 @@
+.canary--DragNDropField{align-items:center;background:var(--color-control-bg-clear);border:1px dashed var(--color-control-bg-border-default);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:var(--space-l);position:relative;width:100%}.canary--DragNDropField:not(.canary--DragNDropField_disabled){cursor:pointer}.canary--DragNDropField:hover{background:var(--color-control-bg-clear-hover);border-color:var(--color-control-bg-border-default-hover)}.canary--DragNDropField_active{background:var(--color-control-bg-clear-hover);border-color:var(--color-control-bg-border-focus)}.canary--DragNDropField_disabled,.canary--DragNDropField_disabled:hover{background:var(--color-control-bg-disable);border-color:transparent}

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

@@ -0,0 +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';

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

@@ -0,0 +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";
+//# sourceMappingURL=DragNDropFieldCanary.js.map

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

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

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldContent/DragNDropFieldContent.css

@@ -0,0 +1 @@
+.canary--DragNDropFieldContent-Button{margin-top:var(--space-s)}.canary--DragNDropFieldContent-Text_disabled.Text_view_secondary{color:var(--color-control-typo-disable)}

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

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

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

@@ -0,0 +1,2 @@
+import"./DragNDropFieldContent.css";import{IconAttach}from"@consta/icons/IconAttach";import React from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{cnCanary}from"../../../utils/bem";import{getText}from"../locale";import{formatFileRequirements}from"./formatFileRequirements";var cnDragNDropFieldContent=cnCanary("DragNDropFieldContent");export var DragNDropFieldContent=function(a){var b=a.accept,c=a.maxSize,d=a.minSize,e=a.multiple,f=a.openFileDialog,g=a.locale,h=a.disabled,i=a.isDragActive,j=formatFileRequirements(b,c,d,g),k=e?g.files:g.file;return i?React.createElement(Text,{view:"secondary",size:"s",align:"center",lineHeight:"m"},getText(g["drag-active-message"])):React.createElement(React.Fragment,null,React.createElement(Text,{className:cnDragNDropFieldContent("Text",{disabled:h}),view:"secondary",size:"s",lineHeight:"s",align:"center"},getText(g["call-to-action"],{fileText:k}),j&&React.createElement(React.Fragment,null,React.createElement("br",null),j)),React.createElement(Button,{className:cnDragNDropFieldContent("Button"),label:getText(g["action-button"],{fileText:k}),iconLeft:IconAttach,view:"ghost",size:"s",onClick:f,disabled:h}))};
+//# sourceMappingURL=DragNDropFieldContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragNDropFieldContent.js","names":["IconAttach","React","Button","Text","cnCanary","getText","formatFileRequirements","cnDragNDropFieldContent","DragNDropFieldContent","accept","maxSize","minSize","multiple","openFileDialog","locale","disabled","isDragActive","requirements","fileText","files","file"],"sources":["../../../../../../src/components/DragNDropFieldCanary/DragNDropFieldContent/DragNDropFieldContent.tsx"],"sourcesContent":["import './DragNDropFieldContent.css';\n\nimport { IconAttach } from '@consta/icons/IconAttach';\nimport React from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { cnCanary } from '##/utils/bem';\n\nimport { DragNDropFieldContentProps } from '../DragNDropFieldCanary';\nimport { getText } from '../locale';\nimport { formatFileRequirements } from './formatFileRequirements';\n\nconst cnDragNDropFieldContent = cnCanary('DragNDropFieldContent');\n\nexport const DragNDropFieldContent: React.FC<DragNDropFieldContentProps> = ({\n  accept,\n  maxSize,\n  minSize,\n  multiple,\n  openFileDialog,\n  locale,\n  disabled,\n  isDragActive,\n}) => {\n  const requirements = formatFileRequirements(accept, maxSize, minSize, locale);\n  const fileText = multiple ? locale.files : locale.file;\n\n  return isDragActive ? (\n    <Text view=\"secondary\" size=\"s\" align=\"center\" lineHeight=\"m\">\n      {getText(locale['drag-active-message'])}\n    </Text>\n  ) : (\n    <>\n      <Text\n        className={cnDragNDropFieldContent('Text', { disabled })}\n        view=\"secondary\"\n        size=\"s\"\n        lineHeight=\"s\"\n        align=\"center\"\n      >\n        {getText(locale['call-to-action'], { fileText })}\n        {requirements && (\n          <>\n            <br />\n            {requirements}\n          </>\n        )}\n      </Text>\n      <Button\n        className={cnDragNDropFieldContent('Button')}\n        label={getText(locale['action-button'], { fileText })}\n        iconLeft={IconAttach}\n        view=\"ghost\"\n        size=\"s\"\n        onClick={openFileDialog}\n        disabled={disabled}\n      />\n    </>\n  );\n};\n"],"mappings":"AAAA,oCAEA,OAASA,UAAT,KAA2B,0BAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,MAAT,oBACA,OAASC,IAAT,kBACA,OAASC,QAAT,0BAGA,OAASC,OAAT,iBACA,OAASC,sBAAT,gCAEA,GAAMC,wBAAuB,CAAGH,QAAQ,CAAC,uBAAD,CAAxC,CAEA,MAAO,IAAMI,sBAA2D,CAAG,WASrE,IARJC,EAQI,GARJA,MAQI,CAPJC,CAOI,GAPJA,OAOI,CANJC,CAMI,GANJA,OAMI,CALJC,CAKI,GALJA,QAKI,CAJJC,CAII,GAJJA,cAII,CAHJC,CAGI,GAHJA,MAGI,CAFJC,CAEI,GAFJA,QAEI,CADJC,CACI,GADJA,YACI,CACEC,CAAY,CAAGX,sBAAsB,CAACG,CAAD,CAASC,CAAT,CAAkBC,CAAlB,CAA2BG,CAA3B,CADvC,CAEEI,CAAQ,CAAGN,CAAQ,CAAGE,CAAM,CAACK,KAAV,CAAkBL,CAAM,CAACM,IAF9C,CAIJ,MAAOJ,EAAY,CACjB,oBAAC,IAAD,EAAM,IAAI,CAAC,WAAX,CAAuB,IAAI,CAAC,GAA5B,CAAgC,KAAK,CAAC,QAAtC,CAA+C,UAAU,CAAC,GAA1D,EACGX,OAAO,CAACS,CAAM,CAAC,qBAAD,CAAP,CADV,CADiB,CAKjB,wCACE,oBAAC,IAAD,EACE,SAAS,CAAEP,uBAAuB,CAAC,MAAD,CAAS,CAAEQ,QAAQ,CAARA,CAAF,CAAT,CADpC,CAEE,IAAI,CAAC,WAFP,CAGE,IAAI,CAAC,GAHP,CAIE,UAAU,CAAC,GAJb,CAKE,KAAK,CAAC,QALR,EAOGV,OAAO,CAACS,CAAM,CAAC,gBAAD,CAAP,CAA2B,CAAEI,QAAQ,CAARA,CAAF,CAA3B,CAPV,CAQGD,CAAY,EACX,wCACE,8BADF,CAEGA,CAFH,CATJ,CADF,CAgBE,oBAAC,MAAD,EACE,SAAS,CAAEV,uBAAuB,CAAC,QAAD,CADpC,CAEE,KAAK,CAAEF,OAAO,CAACS,CAAM,CAAC,eAAD,CAAP,CAA0B,CAAEI,QAAQ,CAARA,CAAF,CAA1B,CAFhB,CAGE,QAAQ,CAAElB,UAHZ,CAIE,IAAI,CAAC,OAJP,CAKE,IAAI,CAAC,GALP,CAME,OAAO,CAAEa,CANX,CAOE,QAAQ,CAAEE,CAPZ,EAhBF,CA2BH,CA7CM"}

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

@@ -0,0 +1,2 @@
+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/formatFileRequirements.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{isNotNil}from"../../../utils/type-guards";import{formatFileSize}from"../formatFileSize";import{defaultLocale}from"../locale";var formatAccept=function(a){return a&&Object.entries(a).map(function(a){var b=_slicedToArray(a,2),c=b[0],d=b[1];return 0<d.length?d.join(", "):c}).join(", ")},formatSize=function(a,b,c){return b?"".concat(a," ").concat(formatFileSize(b,c)):void 0};export var formatFileRequirements=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:defaultLocale;return[d["fit-files"],formatAccept(a),formatSize(d.from,c,d),formatSize(d.before,b,d)].filter(isNotNil).join(" ")};
+//# sourceMappingURL=formatFileRequirements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatFileRequirements.js","names":["isNotNil","formatFileSize","defaultLocale","formatAccept","accept","Object","entries","map","key","values","length","join","formatSize","prefix","size","locale","formatFileRequirements","maxSize","minSize","from","before","filter"],"sources":["../../../../../../src/components/DragNDropFieldCanary/DragNDropFieldContent/formatFileRequirements.ts"],"sourcesContent":["import { Accept } from 'react-dropzone';\n\nimport { isNotNil } from '../../../utils/type-guards';\nimport {\n  DragNDropFieldPropLocale,\n  DragNDropFieldProps,\n} from '../DragNDropFieldCanary';\nimport { formatFileSize } from '../formatFileSize';\nimport { defaultLocale } from '../locale';\n\nconst formatAccept = (accept: Accept | undefined): string | undefined => {\n  return (\n    accept &&\n    Object.entries(accept)\n      .map(([key, values]) => {\n        return values.length > 0 ? values.join(', ') : key;\n      })\n      .join(', ')\n  );\n};\n\nconst formatSize = (\n  prefix: string,\n  size: number | undefined,\n  locale: Required<DragNDropFieldPropLocale>,\n) => (size ? `${prefix} ${formatFileSize(size, locale)}` : undefined);\n\nexport const formatFileRequirements = (\n  accept: DragNDropFieldProps['accept'],\n  maxSize: DragNDropFieldProps['maxSize'],\n  minSize: DragNDropFieldProps['minSize'],\n  locale: Required<DragNDropFieldPropLocale> = defaultLocale,\n): string => {\n  return [\n    locale['fit-files'],\n    formatAccept(accept),\n    formatSize(locale.from, minSize, locale),\n    formatSize(locale.before, maxSize, locale),\n  ]\n    .filter(isNotNil)\n    .join(' ');\n};\n"],"mappings":"iEAEA,OAASA,QAAT,kCAKA,OAASC,cAAT,yBACA,OAASC,aAAT,iB,GAEMC,aAAY,CAAG,SAACC,CAAD,CAAoD,CACvE,MACEA,EAAM,EACNC,MAAM,CAACC,OAAP,CAAeF,CAAf,EACGG,GADH,CACO,WAAmB,2BAAjBC,CAAiB,MAAZC,CAAY,MACtB,MAAuB,EAAhB,CAAAA,CAAM,CAACC,MAAP,CAAoBD,CAAM,CAACE,IAAP,CAAY,IAAZ,CAApB,CAAwCH,CAChD,CAHH,EAIGG,IAJH,CAIQ,IAJR,CAMH,C,CAEKC,UAAU,CAAG,SACjBC,CADiB,CAEjBC,CAFiB,CAGjBC,CAHiB,QAIbD,EAAI,WAAMD,CAAN,aAAgBZ,cAAc,CAACa,CAAD,CAAOC,CAAP,CAA9B,QAJS,C,CAMnB,MAAO,IAAMC,uBAAsB,CAAG,SACpCZ,CADoC,CAEpCa,CAFoC,CAGpCC,CAHoC,CAKzB,IADXH,EACW,wDADkCb,aAClC,CACX,MAAO,CACLa,CAAM,CAAC,WAAD,CADD,CAELZ,YAAY,CAACC,CAAD,CAFP,CAGLQ,UAAU,CAACG,CAAM,CAACI,IAAR,CAAcD,CAAd,CAAuBH,CAAvB,CAHL,CAILH,UAAU,CAACG,CAAM,CAACK,MAAR,CAAgBH,CAAhB,CAAyBF,CAAzB,CAJL,EAMJM,MANI,CAMGrB,QANH,EAOJW,IAPI,CAOC,GAPD,CAQR,CAdM"}

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

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

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

@@ -0,0 +1,2 @@
+export*from"./DragNDropFieldContent";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/DragNDropFieldCanary/DragNDropFieldContent/index.ts"],"sourcesContent":["export * from './DragNDropFieldContent';\n"],"mappings":"AAAA"}

package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldInformer/DragNDropFieldInformer.css

@@ -0,0 +1 @@
+.canary--DragNDropFieldInformer{align-items:center;background-color:var(--informer-status-bg-color);border:var(--control-border-width) solid var(--informer-status-border-color);border-radius:var(--control-radius);color:var(--color-typo-primary);display:flex;flex-direction:row;margin-top:var(--space-xs);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-s);position:relative;width:100%}.canary--DragNDropFieldInformer_status_default{--informer-status-border-color:var(--color-bg-border);--informer-status-bg-color:var(--color-control-bg-default)}.canary--DragNDropFieldInformer_status_alert{--informer-status-border-color:var(--color-bg-alert);--informer-status-bg-color:rgba(235,87,87,.05)}.canary--DragNDropFieldInformer_status_warning{--informer-status-border-color:var(--color-bg-alert);--informer-status-bg-color:rgba(243,139,0,.05)}.canary--DragNDropFieldInformer-Text{align-content:center;min-height:var(--space-xl);width:100%}.canary--DragNDropFieldInformer-Progress{color:var(--informer-status-border-color);margin-right:var(--space-xs)}.canary--DragNDropFieldInformer-Button{margin-left:var(--space-xs)}.canary--DragNDropFieldInformer-Icon{margin-right:var(--space-xs)}

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

@@ -0,0 +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>>;

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["status","loading","icon","text","withButton","buttonIcon","buttonLabel","onButtonClick","className"];import"./DragNDropFieldInformer.css";import React from"react";import{Button}from"../../Button";import{ProgressSpin}from"../../ProgressSpin";import{Text}from"../../Text";import{cnCanary}from"../../../utils/bem";import{dragNDropFieldInformerPropStatus}from"../types";var textViewMap={default:"ghost",alert:"alert",warning:"warning"},iconStatusMap={default:"ghost",alert:"alert",warning:"warning"},cnDragNDropFieldInformer=cnCanary("DragNDropFieldInformer"),propStatusDefault=dragNDropFieldInformerPropStatus[0];export var DragNDropFieldInformer=React.forwardRef(function(a,b){var c=a.status,d=void 0===c?propStatusDefault:c,e=a.loading,f=void 0!==e&&e,g=a.icon,h=a.text,i=void 0===h?"":h,j=a.withButton,k=a.buttonIcon,l=a.buttonLabel,m=a.onButtonClick,n=a.className,o=_objectWithoutProperties(a,_excluded),p=g;return React.createElement("div",Object.assign({},o,{className:cnDragNDropFieldInformer({status:d},[n]),ref:b}),f&&React.createElement(ProgressSpin,{value:"number"==typeof f?f:void 0,animation:!0,size:"m",className:cnDragNDropFieldInformer("Progress")}),!f&&p&&React.createElement(p,{view:iconStatusMap[d],size:"s",className:cnDragNDropFieldInformer("Icon")}),i?React.createElement(Text,{align:"left",lineHeight:"xs",size:"xs",className:cnDragNDropFieldInformer("Text"),view:textViewMap[d]},i):" ",void 0!==j&&j&&React.createElement(Button,{onlyIcon:!0,iconLeft:k,onClick:m,view:"ghost",size:"xs",title:l,className:cnDragNDropFieldInformer("Button")}))});
+//# sourceMappingURL=DragNDropFieldInformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragNDropFieldInformer.js","names":["React","Button","ProgressSpin","Text","cnCanary","dragNDropFieldInformerPropStatus","textViewMap","alert","warning","iconStatusMap","cnDragNDropFieldInformer","propStatusDefault","DragNDropFieldInformer","forwardRef","props","ref","status","loading","icon","text","withButton","buttonIcon","buttonLabel","onButtonClick","className","otherProps","Icon"],"sources":["../../../../../../src/components/DragNDropFieldCanary/DragNDropFieldInformer/DragNDropFieldInformer.tsx"],"sourcesContent":["import './DragNDropFieldInformer.css';\n\nimport { IconPropView } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Button } from '##/components/Button';\nimport { ProgressSpin } from '##/components/ProgressSpin';\nimport { Text, TextPropView } from '##/components/Text';\nimport { cnCanary } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n  DragNDropFieldInformerProps,\n  DragNDropFieldInformerPropStatus,\n  dragNDropFieldInformerPropStatus,\n} from '../types';\n\nconst textViewMap: Record<DragNDropFieldInformerPropStatus, TextPropView> = {\n  default: 'ghost',\n  alert: 'alert',\n  warning: 'warning',\n};\n\nconst iconStatusMap: Record<DragNDropFieldInformerPropStatus, IconPropView> = {\n  default: 'ghost',\n  alert: 'alert',\n  warning: 'warning',\n};\n\ntype InformerProps = PropsWithHTMLAttributes<\n  DragNDropFieldInformerProps,\n  HTMLDivElement\n>;\n\nconst cnDragNDropFieldInformer = cnCanary('DragNDropFieldInformer');\n\nconst propStatusDefault: DragNDropFieldInformerPropStatus =\n  dragNDropFieldInformerPropStatus[0];\n\nexport const DragNDropFieldInformer = React.forwardRef<\n  HTMLDivElement,\n  InformerProps\n>((props, ref) => {\n  const {\n    status = propStatusDefault,\n    loading = false,\n    icon,\n    text = '',\n    withButton = false,\n    buttonIcon,\n    buttonLabel,\n    onButtonClick,\n    className,\n    ...otherProps\n  } = props;\n  const Icon = icon;\n  return (\n    <div\n      {...otherProps}\n      className={cnDragNDropFieldInformer(\n        {\n          status,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {loading && (\n        <ProgressSpin\n          value={typeof loading === 'number' ? loading : undefined}\n          animation\n          size=\"m\"\n          className={cnDragNDropFieldInformer('Progress')}\n        />\n      )}\n      {!loading && Icon && (\n        <Icon\n          view={iconStatusMap[status]}\n          size=\"s\"\n          className={cnDragNDropFieldInformer('Icon')}\n        />\n      )}\n      {text ? (\n        <Text\n          align=\"left\"\n          lineHeight=\"xs\"\n          size=\"xs\"\n          className={cnDragNDropFieldInformer('Text')}\n          view={textViewMap[status]}\n        >\n          {text}\n        </Text>\n      ) : (\n        ' '\n      )}\n      {withButton && (\n        <Button\n          onlyIcon\n          iconLeft={buttonIcon}\n          onClick={onButtonClick}\n          view=\"ghost\"\n          size=\"xs\"\n          title={buttonLabel}\n          className={cnDragNDropFieldInformer('Button')}\n        />\n      )}\n    </div>\n  );\n});\n"],"mappings":"0MAAA,qCAGA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,MAAT,oBACA,OAASC,YAAT,0BACA,OAASC,IAAT,kBACA,OAASC,QAAT,0BAGA,OAGEC,gCAHF,gB,GAMMC,YAAmE,CAAG,CAC1E,QAAS,OADiE,CAE1EC,KAAK,CAAE,OAFmE,CAG1EC,OAAO,CAAE,SAHiE,C,CAMtEC,aAAqE,CAAG,CAC5E,QAAS,OADmE,CAE5EF,KAAK,CAAE,OAFqE,CAG5EC,OAAO,CAAE,SAHmE,C,CAWxEE,wBAAwB,CAAGN,QAAQ,CAAC,wBAAD,C,CAEnCO,iBAAmD,CACvDN,gCAAgC,CAAC,CAAD,C,CAElC,MAAO,IAAMO,uBAAsB,CAAGZ,KAAK,CAACa,UAAN,CAGpC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAYZD,CAZY,CAEdE,MAFc,CAEdA,CAFc,YAELL,iBAFK,KAYZG,CAZY,CAGdG,OAHc,CAGdA,CAHc,eAIdC,CAJc,CAYZJ,CAZY,CAIdI,IAJc,GAYZJ,CAZY,CAKdK,IALc,CAKdA,CALc,YAKP,EALO,KAYZL,CAZY,CAMdM,UANc,CAOdC,CAPc,CAYZP,CAZY,CAOdO,UAPc,CAQdC,CARc,CAYZR,CAZY,CAQdQ,WARc,CASdC,CATc,CAYZT,CAZY,CASdS,aATc,CAUdC,CAVc,CAYZV,CAZY,CAUdU,SAVc,CAWXC,CAXW,0BAYZX,CAZY,YAaVY,CAAI,CAAGR,CAbG,CAchB,MACE,4CACMO,CADN,EAEE,SAAS,CAAEf,wBAAwB,CACjC,CACEM,MAAM,CAANA,CADF,CADiC,CAIjC,CAACQ,CAAD,CAJiC,CAFrC,CAQE,GAAG,CAAET,CARP,GAUGE,CAAO,EACN,oBAAC,YAAD,EACE,KAAK,CAAqB,QAAnB,QAAOA,EAAP,CAA8BA,CAA9B,OADT,CAEE,SAAS,GAFX,CAGE,IAAI,CAAC,GAHP,CAIE,SAAS,CAAEP,wBAAwB,CAAC,UAAD,CAJrC,EAXJ,CAkBG,CAACO,CAAD,EAAYS,CAAZ,EACC,oBAAC,CAAD,EACE,IAAI,CAAEjB,aAAa,CAACO,CAAD,CADrB,CAEE,IAAI,CAAC,GAFP,CAGE,SAAS,CAAEN,wBAAwB,CAAC,MAAD,CAHrC,EAnBJ,CAyBGS,CAAI,CACH,oBAAC,IAAD,EACE,KAAK,CAAC,MADR,CAEE,UAAU,CAAC,IAFb,CAGE,IAAI,CAAC,IAHP,CAIE,SAAS,CAAET,wBAAwB,CAAC,MAAD,CAJrC,CAKE,IAAI,CAAEJ,WAAW,CAACU,CAAD,CALnB,EAOGG,CAPH,CADG,CAWH,GApCJ,CAsCG,eACC,oBAAC,MAAD,EACE,QAAQ,GADV,CAEE,QAAQ,CAAEE,CAFZ,CAGE,OAAO,CAAEE,CAHX,CAIE,IAAI,CAAC,OAJP,CAKE,IAAI,CAAC,IALP,CAME,KAAK,CAAED,CANT,CAOE,SAAS,CAAEZ,wBAAwB,CAAC,QAAD,CAPrC,EAvCJ,CAmDH,CArEqC,CAA/B"}

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

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