@skbkontur/react-ui 4.0.0-beta.1 → 4.0.0-beta.5

package/internal/CustomComboBox/locale/locales/en.d.ts

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

package/internal/CustomComboBox/locale/locales/ru.d.ts

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

package/internal/CustomComboBox/locale/types.d.ts

@@ -1,5 +1,5 @@
-export interface ComboBoxLocale {
-    notFound: string;
-    errorNetworkButton: string;
-    errorNetworkMessage: string;
-}
+export interface ComboBoxLocale {
+    notFound: string;
+    errorNetworkButton: string;
+    errorNetworkMessage: string;
+}

package/internal/DateSelect/DateSelect.d.ts

@@ -1,93 +1,93 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-export interface DateSelectProps {
-    disabled?: boolean | null;
-    onValueChange: (value: number) => void;
-    type?: 'month' | 'year';
-    value: number;
-    width?: number | string;
-    minValue?: number;
-    maxValue?: number;
-}
-export interface DateSelectState {
-    botCapped: boolean;
-    current: Nullable<number>;
-    height: number;
-    opened: boolean;
-    pos: number;
-    top: number;
-    topCapped: boolean;
-    nodeTop: number;
-}
-export declare class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        value: PropTypes.Validator<number>;
-        width: PropTypes.Requireable<string | number>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        minValue: PropTypes.Requireable<number>;
-        maxValue: PropTypes.Requireable<number>;
-    };
-    static defaultProps: {
-        type: string;
-        minMonth: number;
-        maxMonth: number;
-        width: string;
-    };
-    state: {
-        botCapped: boolean;
-        current: number;
-        height: number;
-        opened: boolean;
-        pos: number;
-        top: number;
-        topCapped: boolean;
-        nodeTop: number;
-    };
-    private theme;
-    private readonly locale;
-    private root;
-    private itemsContainer;
-    private listener;
-    private timeout;
-    private longClickTimer;
-    private setPositionRepeatTimer;
-    private yearStep;
-    private touchStartY;
-    componentDidUpdate(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /**
-     * @public
-     */
-    open: () => void;
-    /**
-     * @public
-     */
-    close: () => void;
-    render(): JSX.Element;
-    private renderMain;
-    private refRoot;
-    private setNodeTop;
-    private disableItems;
-    private renderMenu;
-    private refItemsContainer;
-    private handleLongClickUp;
-    private handleLongClickDown;
-    private handleLongClickStop;
-    private getAnchor;
-    private handleWheel;
-    private handleTouchStart;
-    private handleTouchMove;
-    private handleItemClick;
-    private handleKey;
-    private handleUp;
-    private handleDown;
-    private getItem;
-    private setPosition;
-    private getMinPos;
-    private getMaxPos;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Nullable } from '../../typings/utility-types';
+export interface DateSelectProps {
+    disabled?: boolean | null;
+    onValueChange: (value: number) => void;
+    type?: 'month' | 'year';
+    value: number;
+    width?: number | string;
+    minValue?: number;
+    maxValue?: number;
+}
+export interface DateSelectState {
+    botCapped: boolean;
+    current: Nullable<number>;
+    height: number;
+    opened: boolean;
+    pos: number;
+    top: number;
+    topCapped: boolean;
+    nodeTop: number;
+}
+export declare class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        value: PropTypes.Validator<number>;
+        width: PropTypes.Requireable<string | number>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        minValue: PropTypes.Requireable<number>;
+        maxValue: PropTypes.Requireable<number>;
+    };
+    static defaultProps: {
+        type: string;
+        minMonth: number;
+        maxMonth: number;
+        width: string;
+    };
+    state: {
+        botCapped: boolean;
+        current: number;
+        height: number;
+        opened: boolean;
+        pos: number;
+        top: number;
+        topCapped: boolean;
+        nodeTop: number;
+    };
+    private theme;
+    private readonly locale;
+    private root;
+    private itemsContainer;
+    private listener;
+    private timeout;
+    private longClickTimer;
+    private setPositionRepeatTimer;
+    private yearStep;
+    private touchStartY;
+    componentDidUpdate(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * @public
+     */
+    open: () => void;
+    /**
+     * @public
+     */
+    close: () => void;
+    render(): JSX.Element;
+    private renderMain;
+    private refRoot;
+    private setNodeTop;
+    private disableItems;
+    private renderMenu;
+    private refItemsContainer;
+    private handleLongClickUp;
+    private handleLongClickDown;
+    private handleLongClickStop;
+    private getAnchor;
+    private handleWheel;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleItemClick;
+    private handleKey;
+    private handleUp;
+    private handleDown;
+    private getItem;
+    private setPosition;
+    private getMinPos;
+    private getMaxPos;
+}

package/internal/DateSelect/DateSelect.styles.d.ts

@@ -1,19 +1,19 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    disabled(): string;
-    caption(): string;
-    arrow(t: Theme): string;
-    arrowDisabled(): string;
-    menuHolder(t: Theme): string;
-    isTopCapped(): string;
-    isBotCapped(): string;
-    itemsHolder(): string;
-    menuItem(t: Theme): string;
-    menuItemSelected(t: Theme): string;
-    menuItemActive(t: Theme): string;
-    menuItemDisabled(t: Theme): string;
-    menu(t: Theme): string;
-    menuUp(): string;
-    menuDown(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    disabled(): string;
+    caption(): string;
+    arrow(t: Theme): string;
+    arrowDisabled(): string;
+    menuHolder(t: Theme): string;
+    isTopCapped(): string;
+    isBotCapped(): string;
+    itemsHolder(): string;
+    menuItem(t: Theme): string;
+    menuItemSelected(t: Theme): string;
+    menuItemActive(t: Theme): string;
+    menuItemDisabled(t: Theme): string;
+    menu(t: Theme): string;
+    menuUp(): string;
+    menuDown(): string;
+};

package/internal/DateSelect/index.d.ts

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

package/internal/DropdownContainer/DropdownContainer.d.ts

@@ -1,43 +1,43 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export interface DropdownContainerPosition {
-    top: Nullable<number>;
-    bottom: Nullable<number>;
-    left: Nullable<number>;
-    right: Nullable<number>;
-}
-export interface DropdownContainerProps {
-    align?: 'left' | 'right';
-    getParent: () => Nullable<HTMLElement>;
-    children?: React.ReactNode;
-    disablePortal?: boolean;
-    offsetY?: number;
-    offsetX?: number;
-}
-export interface DropdownContainerState {
-    position: Nullable<DropdownContainerPosition>;
-    minWidth: number;
-    isDocumentElementRoot?: boolean;
-}
-export declare class DropdownContainer extends React.PureComponent<DropdownContainerProps, DropdownContainerState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-        disablePortal: boolean;
-        offsetX: number;
-        offsetY: number;
-    };
-    state: DropdownContainerState;
-    private getProps;
-    private dom;
-    private layoutSub;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private ZIndexRef;
-    private isElement;
-    position: () => void;
-    private getHeight;
-    private getMinWidth;
-    private convertToRelativePosition;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export interface DropdownContainerPosition {
+    top: Nullable<number>;
+    bottom: Nullable<number>;
+    left: Nullable<number>;
+    right: Nullable<number>;
+}
+export interface DropdownContainerProps {
+    align?: 'left' | 'right';
+    getParent: () => Nullable<HTMLElement>;
+    children?: React.ReactNode;
+    disablePortal?: boolean;
+    offsetY?: number;
+    offsetX?: number;
+}
+export interface DropdownContainerState {
+    position: Nullable<DropdownContainerPosition>;
+    minWidth: number;
+    isDocumentElementRoot?: boolean;
+}
+export declare class DropdownContainer extends React.PureComponent<DropdownContainerProps, DropdownContainerState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        align: string;
+        disablePortal: boolean;
+        offsetX: number;
+        offsetY: number;
+    };
+    state: DropdownContainerState;
+    private getProps;
+    private dom;
+    private layoutSub;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private ZIndexRef;
+    private isElement;
+    position: () => void;
+    private getHeight;
+    private getMinWidth;
+    private convertToRelativePosition;
+}

package/internal/DropdownContainer/index.d.ts

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

package/internal/FileUploaderControl/FileUploaderControlContext/FileUploaderControlContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export var FileUploaderControlContext = /*#__PURE__*/React.createContext({});

package/internal/FileUploaderControl/FileUploaderControlContext/FileUploaderControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FileUploaderControlContext.ts"],"names":["React","FileUploaderControlContext","createContext"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;;AAeA,OAAO,IAAMC,0BAA0B,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAAnC","sourcesContent":["import React from 'react';\n\nimport { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlContextProps {\n  setFileStatus: (fileId: string, status: FileUploaderFileStatus) => void;\n  files: FileUploaderAttachedFile[];\n  setFiles: (files: FileUploaderAttachedFile[]) => void;\n  removeFile: (fileId: string) => void;\n  reset: () => void;\n\n  setFileValidationResult: (fileId: string, validationResult: FileUploaderFileValidationResult) => void;\n}\n\nexport const FileUploaderControlContext = React.createContext({} as FileUploaderControlContextProps);\n"]}

package/internal/FileUploaderControl/FileUploaderControlContext/package.json

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

package/internal/FileUploaderControl/FileUploaderControlContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils';
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
+export interface FileUploaderControlContextProps {
+    setFileStatus: (fileId: string, status: FileUploaderFileStatus) => void;
+    files: FileUploaderAttachedFile[];
+    setFiles: (files: FileUploaderAttachedFile[]) => void;
+    removeFile: (fileId: string) => void;
+    reset: () => void;
+    setFileValidationResult: (fileId: string, validationResult: FileUploaderFileValidationResult) => void;
+}
+export declare const FileUploaderControlContext: React.Context<FileUploaderControlContextProps>;

package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js

@@ -0,0 +1,85 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useState } from 'react';
+import { useMemoObject } from "../../../hooks/useMemoObject";
+import { useEffectWithoutInitCall } from "../../../hooks/useEffectWithoutInitCall";
+import { FileUploaderFileStatus } from "../fileUtils";
+import { FileUploaderControlContext } from "../FileUploaderControlContext";
+import { useControlLocale } from "../hooks/useControlLocale";
+import { FileUploaderFileValidationResult } from "../FileUploaderFileValidationResult";
+
+var updateFile = function updateFile(files, fileId, getFileUpdatedProps) {
+  var fileIndex = files.findIndex(function (file) {
+    return file.id === fileId;
+  });
+  if (fileIndex === -1) return files;
+  var newFiles = [].concat(files);
+  var file = files[fileIndex];
+  var updatedProps = getFileUpdatedProps(file);
+  newFiles[fileIndex] = _extends({}, file, updatedProps);
+  return newFiles;
+};
+
+export var FileUploaderControlProvider = function FileUploaderControlProvider(props) {
+  var children = props.children,
+      onValueChange = props.onValueChange,
+      onRemove = props.onRemove,
+      onAttach = props.onAttach;
+
+  var _useState = useState([]),
+      files = _useState[0],
+      setFiles = _useState[1];
+
+  var locale = useControlLocale();
+  useEffectWithoutInitCall(function () {
+    onValueChange == null ? void 0 : onValueChange(files);
+  }, [files]);
+  var setFileStatus = useCallback(function (fileId, status) {
+    setFiles(function (files) {
+      return updateFile(files, fileId, function (file) {
+        return {
+          status: status,
+          validationResult: status === FileUploaderFileStatus.Error ? FileUploaderFileValidationResult.error(locale.requestErrorText) : file.validationResult
+        };
+      });
+    });
+  }, [locale]);
+  var handleExternalSetFiles = useCallback(function (files) {
+    onAttach == null ? void 0 : onAttach(files);
+    setFiles(function (state) {
+      return [].concat(state, files);
+    });
+  }, [onAttach]);
+  var removeFile = useCallback(function (fileId) {
+    onRemove == null ? void 0 : onRemove(fileId);
+    setFiles(function (state) {
+      return state.filter(function (file) {
+        return file.id !== fileId;
+      });
+    });
+  }, [onRemove]);
+  var setFileValidationResult = useCallback(function (fileId, validationResult) {
+    setFiles(function (files) {
+      return updateFile(files, fileId, function () {
+        return {
+          validationResult: validationResult
+        };
+      });
+    });
+  }, []);
+  var reset = React.useCallback(function () {
+    setFiles(function () {
+      return [];
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(FileUploaderControlContext.Provider, {
+    value: useMemoObject({
+      setFileStatus: setFileStatus,
+      files: files,
+      setFiles: handleExternalSetFiles,
+      removeFile: removeFile,
+      setFileValidationResult: setFileValidationResult,
+      reset: reset
+    })
+  }, children);
+};
+FileUploaderControlProvider.displayName = 'FileUploaderControlProvider';

package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FileUploaderControlProvider.tsx"],"names":["React","useCallback","useState","useMemoObject","useEffectWithoutInitCall","FileUploaderFileStatus","FileUploaderControlContext","useControlLocale","FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","updatedProps","FileUploaderControlProvider","props","children","onValueChange","onRemove","onAttach","setFiles","locale","setFileStatus","status","validationResult","Error","error","requestErrorText","handleExternalSetFiles","state","removeFile","filter","setFileValidationResult","reset","displayName"],"mappings":"0DAAA,OAAOA,KAAP,IAAmCC,WAAnC,EAAgDC,QAAhD,QAAgE,OAAhE;;AAEA,SAASC,aAAT,QAA8B,2BAA9B;AACA,SAASC,wBAAT,QAAyC,sCAAzC;;AAEA,SAAmCC,sBAAnC,QAAiE,aAAjE;AACA,SAASC,0BAAT,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,0BAAjC;AACA,SAASC,gCAAT,QAAiD,oCAAjD;;;;;;;;;;;AAWA,IAAMC,UAAU,GAAG,SAAbA,UAAa;AACjBC,KADiB;AAEjBC,MAFiB;AAGjBC,mBAHiB;AAIc;AAC/B,MAAMC,SAAS,GAAGH,KAAK,CAACI,SAAN,CAAgB,UAACC,IAAD,UAAUA,IAAI,CAACC,EAAL,KAAYL,MAAtB,EAAhB,CAAlB;AACA,MAAIE,SAAS,KAAK,CAAC,CAAnB,EAAsB,OAAOH,KAAP;;AAEtB,MAAMO,QAAQ,aAAOP,KAAP,CAAd;AACA,MAAMK,IAAI,GAAGL,KAAK,CAACG,SAAD,CAAlB;;AAEA,MAAMK,YAAY,GAAGN,mBAAmB,CAACG,IAAD,CAAxC;;AAEAE,EAAAA,QAAQ,CAACJ,SAAD,CAAR;AACKE,EAAAA,IADL;AAEKG,EAAAA,YAFL;;;AAKA,SAAOD,QAAP;AACD,CAnBD;;AAqBA,OAAO,IAAME,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACC,KAAD,EAAgE;AACzG,MAAQC,QAAR,GAAwDD,KAAxD,CAAQC,QAAR,CAAkBC,aAAlB,GAAwDF,KAAxD,CAAkBE,aAAlB,CAAiCC,QAAjC,GAAwDH,KAAxD,CAAiCG,QAAjC,CAA2CC,QAA3C,GAAwDJ,KAAxD,CAA2CI,QAA3C;;AAEA,kBAA0BtB,QAAQ,CAA6B,EAA7B,CAAlC,CAAOQ,KAAP,gBAAce,QAAd;AACA,MAAMC,MAAM,GAAGnB,gBAAgB,EAA/B;;AAEAH,EAAAA,wBAAwB,CAAC,YAAM;AAC7BkB,IAAAA,aAAa,QAAb,YAAAA,aAAa,CAAGZ,KAAH,CAAb;AACD,GAFuB,EAErB,CAACA,KAAD,CAFqB,CAAxB;;AAIA,MAAMiB,aAAa,GAAG1B,WAAW;AAC/B,YAACU,MAAD,EAAiBiB,MAAjB,EAAoD;AAClDH,IAAAA,QAAQ,CAAC,UAACf,KAAD;AACPD,QAAAA,UAAU,CAACC,KAAD,EAAQC,MAAR,EAAgB,UAACI,IAAD,UAAW;AACnCa,YAAAA,MAAM,EAANA,MADmC;AAEnCC,YAAAA,gBAAgB;AACdD,YAAAA,MAAM,KAAKvB,sBAAsB,CAACyB,KAAlC;AACItB,YAAAA,gCAAgC,CAACuB,KAAjC,CAAuCL,MAAM,CAACM,gBAA9C,CADJ;AAEIjB,YAAAA,IAAI,CAACc,gBALwB,EAAX,EAAhB,CADH,GAAD,CAAR;;;AASD,GAX8B;AAY/B,GAACH,MAAD,CAZ+B,CAAjC;;;AAeA,MAAMO,sBAAsB,GAAGhC,WAAW;AACxC,YAACS,KAAD,EAAuC;AACrCc,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGd,KAAH,CAAR;AACAe,IAAAA,QAAQ,CAAC,UAACS,KAAD,oBAAeA,KAAf,EAAyBxB,KAAzB,GAAD,CAAR;AACD,GAJuC;AAKxC,GAACc,QAAD,CALwC,CAA1C;;;AAQA,MAAMW,UAAU,GAAGlC,WAAW;AAC5B,YAACU,MAAD,EAAoB;AAClBY,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGZ,MAAH,CAAR;AACAc,IAAAA,QAAQ,CAAC,UAACS,KAAD,UAAWA,KAAK,CAACE,MAAN,CAAa,UAACrB,IAAD,UAAUA,IAAI,CAACC,EAAL,KAAYL,MAAtB,EAAb,CAAX,EAAD,CAAR;AACD,GAJ2B;AAK5B,GAACY,QAAD,CAL4B,CAA9B;;;AAQA,MAAMc,uBAAuB,GAAGpC,WAAW,CAAC,UAACU,MAAD,EAAiBkB,gBAAjB,EAAwE;AAClHJ,IAAAA,QAAQ,CAAC,UAACf,KAAD,UAAWD,UAAU,CAACC,KAAD,EAAQC,MAAR,EAAgB,oBAAO,EAAEkB,gBAAgB,EAAhBA,gBAAF,EAAP,EAAhB,CAArB,EAAD,CAAR;AACD,GAF0C,EAExC,EAFwC,CAA3C;;AAIA,MAAMS,KAAK,GAAGtC,KAAK,CAACC,WAAN,CAAkB,YAAM;AACpCwB,IAAAA,QAAQ,CAAC,oBAAM,EAAN,EAAD,CAAR;AACD,GAFa,EAEX,EAFW,CAAd;;AAIA;AACE,wBAAC,0BAAD,CAA4B,QAA5B;AACE,MAAA,KAAK,EAAEtB,aAAa,CAAC;AACnBwB,QAAAA,aAAa,EAAbA,aADmB;AAEnBjB,QAAAA,KAAK,EAALA,KAFmB;AAGnBe,QAAAA,QAAQ,EAAEQ,sBAHS;AAInBE,QAAAA,UAAU,EAAVA,UAJmB;AAKnBE,QAAAA,uBAAuB,EAAvBA,uBALmB;AAMnBC,QAAAA,KAAK,EAALA,KANmB,EAAD,CADtB;;;AAUGjB,IAAAA,QAVH,CADF;;;AAcD,CA/DM;;AAiEPF,2BAA2B,CAACoB,WAA5B,GAA0C,6BAA1C","sourcesContent":["import React, { PropsWithChildren, useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n  /** Срабатывает при выборе файлов */\n  onAttach?: (files: FileUploaderAttachedFile[]) => void;\n  /** Срабатывает при удалении файла из контрола */\n  onRemove?: (fileId: string) => void;\n  /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n  onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n  files: FileUploaderAttachedFile[],\n  fileId: string,\n  getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n  const fileIndex = files.findIndex((file) => file.id === fileId);\n  if (fileIndex === -1) return files;\n\n  const newFiles = [...files];\n  const file = files[fileIndex];\n\n  const updatedProps = getFileUpdatedProps(file);\n\n  newFiles[fileIndex] = {\n    ...file,\n    ...updatedProps,\n  };\n\n  return newFiles;\n};\n\nexport const FileUploaderControlProvider = (props: PropsWithChildren<FileUploaderControlProviderProps>) => {\n  const { children, onValueChange, onRemove, onAttach } = props;\n\n  const [files, setFiles] = useState<FileUploaderAttachedFile[]>([]);\n  const locale = useControlLocale();\n\n  useEffectWithoutInitCall(() => {\n    onValueChange?.(files);\n  }, [files]);\n\n  const setFileStatus = useCallback(\n    (fileId: string, status: FileUploaderFileStatus) => {\n      setFiles((files) =>\n        updateFile(files, fileId, (file) => ({\n          status,\n          validationResult:\n            status === FileUploaderFileStatus.Error\n              ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n              : file.validationResult,\n        })),\n      );\n    },\n    [locale],\n  );\n\n  const handleExternalSetFiles = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      onAttach?.(files);\n      setFiles((state) => [...state, ...files]);\n    },\n    [onAttach],\n  );\n\n  const removeFile = useCallback(\n    (fileId: string) => {\n      onRemove?.(fileId);\n      setFiles((state) => state.filter((file) => file.id !== fileId));\n    },\n    [onRemove],\n  );\n\n  const setFileValidationResult = useCallback((fileId: string, validationResult: FileUploaderFileValidationResult) => {\n    setFiles((files) => updateFile(files, fileId, () => ({ validationResult })));\n  }, []);\n\n  const reset = React.useCallback(() => {\n    setFiles(() => [] as FileUploaderAttachedFile[]);\n  }, []);\n\n  return (\n    <FileUploaderControlContext.Provider\n      value={useMemoObject({\n        setFileStatus,\n        files,\n        setFiles: handleExternalSetFiles,\n        removeFile,\n        setFileValidationResult,\n        reset,\n      })}\n    >\n      {children}\n    </FileUploaderControlContext.Provider>\n  );\n};\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"]}

package/internal/FileUploaderControl/FileUploaderControlProvider/package.json

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

package/internal/FileUploaderControl/FileUploaderControlProvider.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { FileUploaderAttachedFile } from './fileUtils';
+export interface FileUploaderControlProviderProps {
+    /** Срабатывает при выборе файлов */
+    onAttach?: (files: FileUploaderAttachedFile[]) => void;
+    /** Срабатывает при удалении файла из контрола */
+    onRemove?: (fileId: string) => void;
+    /** Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */
+    onValueChange?: (files: FileUploaderAttachedFile[]) => void;
+}
+export declare const FileUploaderControlProvider: {
+    (props: PropsWithChildren<FileUploaderControlProviderProps>): JSX.Element;
+    displayName: string;
+};