rsuite 5.0.1 → 5.2.0

package/esm/Toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
 import { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps {
     /** Wheather to disabled toggle */
@@ -8,6 +8,8 @@ export interface ToggleProps extends WithAsProps {
     plaintext?: boolean;
     /** Make the control readonly */
     readOnly?: boolean;
+    /** Whether the checked state is being updated */
+    loading?: boolean;
     /** Checked（Controlled) */
     checked?: boolean;
     /** Default checked */
@@ -21,10 +23,7 @@ export interface ToggleProps extends WithAsProps {
     /** Custom locale */
     locale?: ToggleLocale;
     /** Callback function when state changes */
-    onChange?: (checked: boolean, event: React.SyntheticEvent) => void;
+    onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-/**
- * fixme: Should contain an input[type=checkbox]
- */
-declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<unknown>>;
+declare const Toggle: RsRefForwardingComponent<'label', ToggleProps>;
 export default Toggle;

package/esm/Toggle/Toggle.js

@@ -1,30 +1,31 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback } from 'react';
+import React, { useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useControlled, useCustom } from '../utils';
 import Plaintext from '../Plaintext';
-
-/**
- * fixme: Should contain an input[type=checkbox]
- */
+import Loader from '../Loader';
 var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'span' : _props$as,
       disabled = props.disabled,
       readOnly = props.readOnly,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
       plaintext = props.plaintext,
       className = props.className,
       checkedChildren = props.checkedChildren,
       unCheckedChildren = props.unCheckedChildren,
       _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'btn-toggle' : _props$classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'toggle' : _props$classPrefix,
       checkedProp = props.checked,
       defaultChecked = props.defaultChecked,
       size = props.size,
       localeProp = props.locale,
       onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "readOnly", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
+
+  var inputRef = useRef();
 
   var _useControlled = useControlled(checkedProp, defaultChecked),
       checked = _useControlled[0],
@@ -40,46 +41,67 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var classes = merge(className, withClassPrefix(size, {
     checked: checked,
-    disabled: disabled
+    disabled: disabled,
+    loading: loading
   }));
   var inner = checked ? checkedChildren : unCheckedChildren;
   var label = checked ? locale.on : locale.off;
-  var handleChange = useCallback(function (event) {
+  var handleInputChange = useCallback(function (e) {
     if (disabled || readOnly) {
       return;
     }
 
-    setChecked(!checked);
-    onChange === null || onChange === void 0 ? void 0 : onChange(!checked, event);
-  }, [checked, disabled, onChange, readOnly, setChecked]);
+    var checked = e.target.checked;
+    setChecked(checked);
+    onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
+  }, [disabled, readOnly, setChecked, onChange]);
 
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, null, inner || label);
   }
 
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement("label", _extends({
+    ref: ref,
+    className: classes
+  }, rest), /*#__PURE__*/React.createElement("input", {
+    ref: inputRef,
+    type: "checkbox",
+    checked: checked,
+    disabled: disabled,
+    readOnly: readOnly,
+    onChange: handleInputChange,
+    className: prefix('input'),
     role: "switch",
     "aria-checked": checked,
     "aria-disabled": disabled,
     "aria-label": typeof inner === 'string' ? inner : label,
-    tabIndex: -1
-  }, rest, {
-    ref: ref,
-    className: classes,
-    onClick: handleChange
-  }), /*#__PURE__*/React.createElement("span", {
+    "aria-busy": loading || undefined
+  }), /*#__PURE__*/React.createElement(Component, {
+    className: prefix('presentation')
+  }, /*#__PURE__*/React.createElement("span", {
     className: prefix('inner')
-  }, inner));
+  }, inner), loading && /*#__PURE__*/React.createElement(Loader, {
+    className: prefix('loader')
+  })));
 });
 Toggle.displayName = 'Toggle';
 Toggle.propTypes = {
   disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  plaintext: PropTypes.bool,
   checked: PropTypes.bool,
   defaultChecked: PropTypes.bool,
   checkedChildren: PropTypes.node,
   unCheckedChildren: PropTypes.node,
+  loading: PropTypes.bool,
   classPrefix: PropTypes.string,
   className: PropTypes.string,
-  onChange: PropTypes.func
+  onChange: PropTypes.func,
+  as: PropTypes.elementType,
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  locale: PropTypes.shape({
+    on: PropTypes.string,
+    off: PropTypes.string
+  })
 };
 export default Toggle;

package/esm/Tree/Tree.d.ts

@@ -23,7 +23,7 @@ export interface TreeDragProps<ItemDataType = Record<string, any>> {
     /** Whether the node can  be dragged */
     draggable?: boolean;
     /** Called when scrolling */
-    onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onScroll?: (event: React.SyntheticEvent) => void;
     /** Called when node drag start */
     onDragStart?: (nodeData: ItemDataType, e: React.DragEvent) => void;
     /** Called when node drag enter */
@@ -61,7 +61,7 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     /** Callback function for data change */
     onExpand?: (expandItemValues: ItemDataType[], activeNode: ItemDataType, concat: (data: ItemDataType[], children: React.ReactNode) => ItemDataType[]) => void;
     /** Callback function after selecting tree node */
-    onSelect?: (activeNode: ItemDataType, value: ValueType, event: React.SyntheticEvent<any>) => void;
+    onSelect?: (activeNode: ItemDataType, value: ValueType, event: React.SyntheticEvent) => void;
     /** Custom Render tree Node */
     renderTreeNode?: (nodeData: ItemDataType) => React.ReactNode;
     /** Custom Render icon */
@@ -69,7 +69,7 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     /** callback fired when search */
     onSearch?: (searchKeyword: string, event: React.KeyboardEvent<HTMLInputElement>) => void;
     /** Called when clean */
-    onClean?: (event: React.SyntheticEvent<any>) => void;
+    onClean?: (event: React.SyntheticEvent) => void;
     /** Custom search rules. */
     searchBy?: (keyword: string, label: React.ReactNode, item: any) => boolean;
     /** Customizing the Rendering Menu list */

package/esm/TreePicker/TreeNode.d.ts

@@ -22,7 +22,7 @@ export interface TreeNodeProps extends WithAsProps {
     classPrefix?: string;
     style?: React.CSSProperties;
     onExpand?: (nodeData: any) => void;
-    onSelect?: (nodeData: any, event: React.SyntheticEvent<any>) => void;
+    onSelect?: (nodeData: any, event: React.SyntheticEvent) => void;
     onRenderTreeIcon?: (nodeData: any) => React.ReactNode;
     onRenderTreeNode?: (nodeData: any) => React.ReactNode;
     onDragStart?: (data: any, event: React.DragEvent<any>) => void;

package/esm/TreePicker/TreeNode.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { forwardRef, useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { hasClass } from 'dom-lib';
+import hasClass from 'dom-lib/hasClass';
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
 import Spinner from '@rsuite/icons/legacy/Spinner';
 import TreeContext from '../Tree/TreeContext';

package/esm/TreePicker/TreePicker.d.ts

@@ -22,7 +22,7 @@ export interface TreePickerProps<T = number | string> extends TreeBaseProps<T, I
     /** Custom render selected items */
     renderValue?: (value: T, selectedItems: ItemDataType, selectedElement: React.ReactNode) => React.ReactNode;
     /** Called when scrolling */
-    onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    onScroll?: (event: React.SyntheticEvent) => void;
 }
 declare const TreePicker: PickerComponent<TreePickerProps>;
 export default TreePicker;

package/esm/TreePicker/TreePicker.js

@@ -709,7 +709,8 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     classPrefix: classPrefix,
     appearance: appearance,
     hasValue: hasValidValue,
-    name: 'tree'
+    name: 'tree',
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];

package/esm/Uploader/UploadFileItem.d.ts

@@ -13,6 +13,7 @@ export interface UploadFileItemProps extends WithAsProps {
     allowReupload?: boolean;
     locale?: UploaderLocale;
     renderFileInfo?: (file: FileType, fileElement: React.ReactNode) => React.ReactNode;
+    renderThumbnail?: (file: FileType, thumbnail: React.ReactNode) => React.ReactNode;
     onCancel?: (fileKey: number | string, event: React.MouseEvent) => void;
     onPreview?: (file: FileType, event: React.MouseEvent) => void;
     onReupload?: (file: FileType, event: React.MouseEvent) => void;

package/esm/Uploader/UploadFileItem.js

@@ -52,10 +52,11 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       maxPreviewFileSize = _props$maxPreviewFile === void 0 ? 1024 * 1024 * 5 : _props$maxPreviewFile,
       locale = props.locale,
       renderFileInfo = props.renderFileInfo,
+      renderThumbnail = props.renderThumbnail,
       onPreview = props.onPreview,
       onCancel = props.onCancel,
       onReupload = props.onReupload,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "onPreview", "onCancel", "onReupload"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "renderThumbnail", "onPreview", "onCancel", "onReupload"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -80,7 +81,8 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (!~['picture-text', 'picture'].indexOf(listType)) {
       return;
-    }
+    } // The thumbnail file size cannot be larger than the preset value.
+
 
     if (!file.blobFile || (file === null || file === void 0 ? void 0 : (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {
       return;
@@ -142,18 +144,17 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var renderPreview = function renderPreview() {
-    if (previewImage) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: prefix('preview')
-      }, /*#__PURE__*/React.createElement("img", {
-        role: "presentation",
-        src: previewImage,
-        alt: file.name,
-        onClick: handlePreview
-      }));
-    }
-
-    return null;
+    var thumbnail = previewImage ? /*#__PURE__*/React.createElement("img", {
+      role: "presentation",
+      src: previewImage,
+      alt: file.name,
+      onClick: handlePreview
+    }) : /*#__PURE__*/React.createElement(Attachment, {
+      className: prefix('icon')
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefix('preview')
+    }, renderThumbnail ? renderThumbnail(file, thumbnail) : thumbnail);
   };
   /**
    * Render the loading state.
@@ -165,11 +166,22 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var classes = prefix('icon-wrapper', {
       'icon-loading': uploading
     });
+
+    if (uploading) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, /*#__PURE__*/React.createElement("i", {
+        className: prefix('icon')
+      }));
+    }
+
+    if (listType === 'picture' || listType === 'picture-text') {
+      return null;
+    }
+
     return /*#__PURE__*/React.createElement("div", {
       className: classes
-    }, uploading ? /*#__PURE__*/React.createElement("i", {
-      className: prefix('icon')
-    }) : /*#__PURE__*/React.createElement(Attachment, {
+    }, /*#__PURE__*/React.createElement(Attachment, {
       className: prefix('icon')
     }));
   };
@@ -272,6 +284,7 @@ UploadFileItem.propTypes = {
   removable: PropTypes.bool,
   allowReupload: PropTypes.bool,
   renderFileInfo: PropTypes.func,
+  renderThumbnail: PropTypes.func,
   onCancel: PropTypes.func,
   onPreview: PropTypes.func,
   onReupload: PropTypes.func

package/esm/Uploader/Uploader.d.ts

@@ -82,17 +82,19 @@ export interface UploaderProps extends WithAsProps {
     /** In the file list, for uploading failed files, click the callback function to upload */
     onReupload?: (file: FileType) => void;
     /** In the file list, click the callback function for the uploaded file */
-    onPreview?: (file: FileType, event: React.SyntheticEvent<any>) => void;
+    onPreview?: (file: FileType, event: React.SyntheticEvent) => void;
     /** Upload callback function with erro */
-    onError?: (status: any, file: FileType, event: React.SyntheticEvent<any>, xhr: XMLHttpRequest) => void;
+    onError?: (status: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
     /** callback function after successful upload */
-    onSuccess?: (response: any, file: FileType, event: React.SyntheticEvent<any>, xhr: XMLHttpRequest) => void;
+    onSuccess?: (response: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
     /** Callback functions that upload progress change */
-    onProgress?: (percent: number, file: FileType, event: React.SyntheticEvent<any>, xhr: XMLHttpRequest) => void;
+    onProgress?: (percent: number, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
     /** In the file list, click the callback function to delete a file */
     onRemove?: (file: FileType) => void;
     /** Custom render file information */
     renderFileInfo?: (file: FileType, fileElement: React.ReactNode) => React.ReactNode;
+    /** Custom render thumbnail */
+    renderThumbnail?: (file: FileType, thumbnail: React.ReactNode) => React.ReactNode;
 }
 export declare type FileStatusType = 'inited' | 'uploading' | 'error' | 'finished';
 export interface FileProgressType {

package/esm/Uploader/Uploader.js

@@ -136,13 +136,14 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       shouldUpload = props.shouldUpload,
       shouldQueueUpdate = props.shouldQueueUpdate,
       renderFileInfo = props.renderFileInfo,
+      renderThumbnail = props.renderThumbnail,
       onPreview = props.onPreview,
       onChange = props.onChange,
       onSuccess = props.onSuccess,
       onError = props.onError,
       onProgress = props.onProgress,
       onReupload = props.onReupload,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -401,6 +402,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         onReupload: handleReupload,
         onCancel: handleRemoveFile,
         renderFileInfo: renderFileInfo,
+        renderThumbnail: renderThumbnail,
         removable: removable && !readOnly && !plaintext,
         allowReupload: !readOnly && !plaintext
       });
@@ -458,6 +460,7 @@ Uploader.propTypes = {
   style: PropTypes.object,
   toggleAs: PropTypes.elementType,
   renderFileInfo: PropTypes.func,
+  renderThumbnail: PropTypes.func,
   removable: PropTypes.bool,
   fileListVisible: PropTypes.bool,
   draggable: PropTypes.bool,

package/esm/index.d.ts

@@ -54,6 +54,8 @@ export { default as Form } from './Form';
 export type { FormProps, FormGroupProps, FormErrorMessageProps, FormControlLabelProps, FormHelpTextProps, FormControlProps } from './Form';
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
+export { default as MaskedInput } from './MaskedInput';
+export type { MaskedInputProps } from './MaskedInput';
 export { default as InputNumber } from './InputNumber';
 export type { InputNumberProps } from './InputNumber';
 export { default as InputGroup } from './InputGroup';

package/esm/index.js

@@ -29,6 +29,7 @@ export { default as Steps } from './Steps';
 export { default as Toggle } from './Toggle';
 export { default as Form } from './Form';
 export { default as Input } from './Input';
+export { default as MaskedInput } from './MaskedInput';
 export { default as InputNumber } from './InputNumber';
 export { default as InputGroup } from './InputGroup';
 export { default as Checkbox } from './Checkbox';

package/esm/locales/fa_IR.d.ts

@@ -0,0 +1,105 @@
+declare const _default: {
+    common: {
+        loading: string;
+        emptyMessage: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        dateLocale: any;
+    };
+    Picker: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/esm/locales/fa_IR.js

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import faIR from 'date-fns/locale/fa-IR';
+var Calendar = {
+  sunday: 'ی',
+  monday: 'د',
+  tuesday: 'س',
+  wednesday: 'چ',
+  thursday: 'پ',
+  friday: 'ج',
+  saturday: 'ش',
+  ok: 'تایید',
+  today: 'امروز',
+  yesterday: 'دیروز',
+  hours: 'ساعت',
+  minutes: 'دقیقه',
+  seconds: 'ثانیه',
+  formattedMonthPattern: 'MMM, yyyy',
+  formattedDayPattern: 'MMM dd, yyyy',
+  dateLocale: faIR
+};
+export default {
+  common: {
+    loading: 'در حال بارگذاری...',
+    emptyMessage: 'داده ایی پیدا نشد'
+  },
+  Plaintext: {
+    unfilled: 'خالی',
+    notSelected: 'انتخاب نشده',
+    notUploaded: 'اپلود نشده'
+  },
+  Pagination: {
+    more: 'بیشتر',
+    prev: 'قبلی',
+    next: 'بعدی',
+    first: 'اول',
+    last: 'اخر',
+    limit: '{0} / صفحه',
+    total: 'مجموع ردیف ها: {0}',
+    skip: 'برو به{0}'
+  },
+  Calendar: Calendar,
+  DatePicker: _extends({}, Calendar),
+  DateRangePicker: _extends({}, Calendar, {
+    last7Days: '7 روز اخر'
+  }),
+  Picker: {
+    noResultsText: 'نتیجه ایی یافت نشد',
+    placeholder: 'انتخاب',
+    searchPlaceholder: 'جستجو',
+    checkAll: 'همه'
+  },
+  InputPicker: {
+    newItem: 'گزینه جدید',
+    createOption: 'ساخت گزینه "{0}"'
+  },
+  Uploader: {
+    inited: 'اولیه',
+    progress: 'در حال اپلود',
+    error: 'مشکل',
+    complete: 'تمام شد',
+    emptyFile: 'خالی',
+    upload: 'اپلود'
+  },
+  CloseButton: {
+    closeLabel: 'بستن'
+  },
+  Breadcrumb: {
+    expandText: 'نمایش مسیر'
+  },
+  Toggle: {
+    on: 'باز کردن',
+    off: 'بستن'
+  }
+};

package/esm/locales/index.d.ts

@@ -14,6 +14,7 @@ export { default as ruRU } from './ru_RU';
 export { default as svSE } from './sv_SE';
 export { default as zhCN } from './zh_CN';
 export { default as zhTw } from './zh_TW';
+export { default as faIR } from './fa_IR';
 declare type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/esm/locales/index.js

@@ -12,4 +12,5 @@ export { default as ptBR } from './pt_BR';
 export { default as ruRU } from './ru_RU';
 export { default as svSE } from './sv_SE';
 export { default as zhCN } from './zh_CN';
-export { default as zhTw } from './zh_TW';
+export { default as zhTw } from './zh_TW';
+export { default as faIR } from './fa_IR';

package/esm/utils/BrowserDetection.js

@@ -1,5 +1,5 @@
 // from http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser
-import canUseDOM from 'dom-lib/lib/query/canUseDOM'; // Internet Explorer 6-11
+import canUseDOM from 'dom-lib/canUseDOM'; // Internet Explorer 6-11
 
 export var isIE = function isIE() {
   return canUseDOM && /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent);

package/esm/utils/index.d.ts

@@ -39,3 +39,4 @@ export { default as useEventCallback } from './useEventCallback';
 export { default as useUpdatedRef } from './useUpdatedRef';
 export { default as useWillUnmount } from './useWillUnmount';
 export { default as useUpdateEffect } from './useUpdateEffect';
+export { default as useIsMounted } from './useIsMounted';

package/esm/utils/index.js

@@ -41,4 +41,5 @@ export { default as stringToObject } from './stringToObject';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useUpdatedRef } from './useUpdatedRef';
 export { default as useWillUnmount } from './useWillUnmount';
-export { default as useUpdateEffect } from './useUpdateEffect';
+export { default as useUpdateEffect } from './useUpdateEffect';
+export { default as useIsMounted } from './useIsMounted';

package/esm/utils/previewFile.d.ts

@@ -1,2 +1,3 @@
+export declare function isImage(file: any): boolean;
 declare const _default: (file: File, callback: (result: string | ArrayBuffer) => void) => void;
 export default _default;

package/esm/utils/previewFile.js

@@ -1,4 +1,13 @@
+// https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
+var MIME = ['image/apng', 'image/avif', 'image/gif', 'image/jpeg', 'image/png', 'image/svg+xml', 'image/webp'];
+export function isImage(file) {
+  return MIME.includes(file === null || file === void 0 ? void 0 : file.type);
+}
 export default (function (file, callback) {
+  if (!isImage(file)) {
+    return callback(null);
+  }
+
   var reader = new FileReader();
 
   reader.onloadend = function () {

package/esm/utils/scrollTopAnimation.js

@@ -1,5 +1,5 @@
-import { scrollTop } from 'dom-lib';
-import requestAnimationFramePolyfill from 'dom-lib/lib/animation/requestAnimationFramePolyfill';
+import scrollTop from 'dom-lib/scrollTop';
+import requestAnimationFramePolyfill from 'dom-lib/requestAnimationFramePolyfill';
 export default function scrollTopAnimation(target, nextTop, animation, callback) {
   if (animation === void 0) {
     animation = true;