rsuite 5.0.3 → 5.1.0

package/cjs/Toggle/Toggle.js

@@ -19,6 +19,8 @@ var _utils = require("../utils");
 
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 
+var _Loader = _interopRequireDefault(require("../Loader"));
+
 /**
  * fixme: Should contain an input[type=checkbox]
  */
@@ -27,6 +29,8 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       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,
@@ -38,7 +42,7 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       size = props.size,
       localeProp = props.locale,
       onChange = props.onChange,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "readOnly", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
 
   var _useControlled = (0, _utils.useControlled)(checkedProp, defaultChecked),
       checked = _useControlled[0],
@@ -54,7 +58,8 @@ var Toggle = /*#__PURE__*/_react.default.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;
@@ -66,6 +71,14 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setChecked(!checked);
     onChange === null || onChange === void 0 ? void 0 : onChange(!checked, event);
   }, [checked, disabled, onChange, readOnly, setChecked]);
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    if (event.key !== ' ') {
+      return;
+    }
+
+    handleChange(event);
+    event.preventDefault();
+  }, [handleChange]);
 
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, null, inner || label);
@@ -76,14 +89,18 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "aria-checked": checked,
     "aria-disabled": disabled,
     "aria-label": typeof inner === 'string' ? inner : label,
-    tabIndex: -1
+    "aria-busy": loading || undefined,
+    tabIndex: 0
   }, rest, {
     ref: ref,
     className: classes,
-    onClick: handleChange
+    onClick: handleChange,
+    onKeyDown: handleKeyDown
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('inner')
-  }, inner));
+  }, inner), loading && /*#__PURE__*/_react.default.createElement(_Loader.default, {
+    className: prefix('loader')
+  }));
 });
 
 Toggle.displayName = 'Toggle';
@@ -93,6 +110,7 @@ Toggle.propTypes = {
   defaultChecked: _propTypes.default.bool,
   checkedChildren: _propTypes.default.node,
   unCheckedChildren: _propTypes.default.node,
+  loading: _propTypes.default.bool,
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
   onChange: _propTypes.default.func

package/cjs/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/cjs/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 
 var _Button = _interopRequireDefault(require("./Button"));
 
@@ -117,6 +117,10 @@ var _Input = _interopRequireDefault(require("./Input"));
 
 exports.Input = _Input.default;
 
+var _MaskedInput = _interopRequireDefault(require("./MaskedInput"));
+
+exports.MaskedInput = _MaskedInput.default;
+
 var _InputNumber = _interopRequireDefault(require("./InputNumber"));
 
 exports.InputNumber = _InputNumber.default;

package/cjs/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/cjs/locales/fa_IR.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _faIR = _interopRequireDefault(require("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.default
+};
+var _default = {
+  common: {
+    loading: 'در حال بارگذاری...',
+    emptyMessage: 'داده ایی پیدا نشد'
+  },
+  Plaintext: {
+    unfilled: 'خالی',
+    notSelected: 'انتخاب نشده',
+    notUploaded: 'اپلود نشده'
+  },
+  Pagination: {
+    more: 'بیشتر',
+    prev: 'قبلی',
+    next: 'بعدی',
+    first: 'اول',
+    last: 'اخر',
+    limit: '{0} / صفحه',
+    total: 'مجموع ردیف ها: {0}',
+    skip: 'برو به{0}'
+  },
+  Calendar: Calendar,
+  DatePicker: (0, _extends2.default)({}, Calendar),
+  DateRangePicker: (0, _extends2.default)({}, 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: 'بستن'
+  }
+};
+exports.default = _default;

package/cjs/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/cjs/locales/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.zhTw = exports.zhCN = exports.svSE = exports.ruRU = exports.ptBR = exports.koKR = exports.itIT = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
+exports.faIR = exports.zhTw = exports.zhCN = exports.svSE = exports.ruRU = exports.ptBR = exports.koKR = exports.itIT = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
 
 var _ar_EG = _interopRequireDefault(require("./ar_EG"));
 
@@ -63,4 +63,8 @@ exports.zhCN = _zh_CN.default;
 
 var _zh_TW = _interopRequireDefault(require("./zh_TW"));
 
-exports.zhTw = _zh_TW.default;
+exports.zhTw = _zh_TW.default;
+
+var _fa_IR = _interopRequireDefault(require("./fa_IR"));
+
+exports.faIR = _fa_IR.default;

package/dist/rsuite-rtl.css

@@ -260,6 +260,8 @@
   --rs-rate-symbol-checked: #ffb300;
   --rs-toggle-bg: #d9d9d9;
   --rs-toggle-thumb: #fff;
+  --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
+  --rs-toggle-loader-rotor: #fff;
   --rs-toggle-hover-bg: #c5c6c7;
   --rs-toggle-disabled-bg: #f7f7fa;
   --rs-toggle-disabled-thumb: #fff;
@@ -14234,6 +14236,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
       -ms-user-select: none;
           user-select: none;
 }
+.rs-btn-toggle-loader {
+  width: 18px;
+  height: 18px;
+  right: 3px;
+  top: 3px;
+}
 .rs-btn-toggle::after {
   width: 18px;
   height: 18px;
@@ -14265,6 +14273,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-left: 24px;
   margin-right: 8px;
 }
+.rs-btn-toggle.rs-btn-toggle-checked .rs-btn-toggle-loader {
+  right: 100%;
+  margin-right: -21px;
+}
 .rs-theme-high-contrast .rs-btn-toggle {
   -webkit-transition: none;
   transition: none;
@@ -14277,6 +14289,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background-color: #c5c6c7;
   background-color: var(--rs-toggle-hover-bg);
 }
+.rs-btn-toggle-loader {
+  position: absolute;
+  -webkit-transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
+  transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
+}
+.rs-btn-toggle-loader .rs-loader-spin::before {
+  border-color: rgba(247, 247, 250, 0.3);
+  border-color: var(--rs-toggle-loader-ring);
+}
+.rs-btn-toggle-loader .rs-loader-spin::after {
+  border-top-color: #fff;
+  border-top-color: var(--rs-toggle-loader-rotor);
+}
 .rs-btn-toggle::after {
   content: '';
   cursor: pointer;
@@ -14318,6 +14343,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: #fff;
   color: var(--rs-toggle-checked-disabled-thumb);
 }
+.rs-btn-toggle.rs-btn-toggle-loading::after {
+  display: none;
+}
 .rs-btn-toggle-inner {
   display: block;
   -webkit-transition: margin 0.2s ease-in-out;
@@ -14332,6 +14360,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   min-width: 26px;
   border-radius: 7px;
 }
+.rs-btn-toggle-sm-loader {
+  width: 10px;
+  height: 10px;
+  right: 2px;
+  top: 2px;
+}
 .rs-btn-toggle-sm::after {
   width: 10px;
   height: 10px;
@@ -14363,11 +14397,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-left: 14px;
   margin-right: 6px;
 }
+.rs-btn-toggle-sm.rs-btn-toggle-checked .rs-btn-toggle-sm-loader {
+  right: 100%;
+  margin-right: -12px;
+}
 .rs-btn-toggle-md {
   height: 24px;
   min-width: 44px;
   border-radius: 12px;
 }
+.rs-btn-toggle-md-loader {
+  width: 18px;
+  height: 18px;
+  right: 3px;
+  top: 3px;
+}
 .rs-btn-toggle-md::after {
   width: 18px;
   height: 18px;
@@ -14399,11 +14443,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-left: 24px;
   margin-right: 8px;
 }
+.rs-btn-toggle-md.rs-btn-toggle-checked .rs-btn-toggle-md-loader {
+  right: 100%;
+  margin-right: -21px;
+}
 .rs-btn-toggle-lg {
   height: 30px;
   min-width: 55px;
   border-radius: 15px;
 }
+.rs-btn-toggle-lg-loader {
+  width: 22px;
+  height: 22px;
+  right: 4px;
+  top: 4px;
+}
 .rs-btn-toggle-lg::after {
   width: 22px;
   height: 22px;
@@ -14435,6 +14489,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-left: 30px;
   margin-right: 10px;
 }
+.rs-btn-toggle-lg.rs-btn-toggle-checked .rs-btn-toggle-lg-loader {
+  right: 100%;
+  margin-right: -26px;
+}
 .rs-tooltip {
   position: absolute;
   z-index: 1070;