rsuite 5.13.1 → 5.15.1

package/esm/toaster/ToastContainer.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export declare type PlacementType = 'topCenter' | 'bottomCenter' | 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';
+export declare const toastPlacements: PlacementType[];
 export interface ToastContainerProps extends WithAsProps {
     /** The placement of the message box */
     placement?: PlacementType;

package/esm/toaster/ToastContainer.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import Transition from '../Animation/Transition';
 import { useClassNames, guid, createChainedFunction } from '../utils';
+export var toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];
 
 var useMessages = function useMessages() {
   var _useState = useState([]),

package/esm/toaster/index.d.ts

@@ -1,3 +1,4 @@
 import toaster from './toaster';
 export type { Toaster } from './toaster';
+export { default as useToaster } from './useToaster';
 export default toaster;

package/esm/toaster/index.js

@@ -1,2 +1,3 @@
 import toaster from './toaster';
+export { default as useToaster } from './useToaster';
 export default toaster;

package/esm/toaster/toaster.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { ToastContainerProps } from './ToastContainer';
-export declare type PlacementType = 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';
 export interface Toaster {
     /**
      * Add a message to the container.

package/esm/toaster/useToaster.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ToastContainerProps } from './ToastContainer';
+/**
+ * Hook to use the toaster
+ * @returns toaster { push, remove, clear }
+ */
+declare const useToaster: () => {
+    push: (message: React.ReactNode, options?: ToastContainerProps) => string | undefined;
+    remove: (key: string) => void;
+    clear: () => void;
+};
+export default useToaster;

package/esm/toaster/useToaster.js

@@ -0,0 +1,34 @@
+import toaster from './toaster';
+import { useCustom } from '../utils';
+/**
+ * Hook to use the toaster
+ * @returns toaster { push, remove, clear }
+ */
+
+var useToaster = function useToaster() {
+  var _useCustom = useCustom(),
+      toasters = _useCustom.toasters;
+
+  return {
+    push: function push(message, options) {
+      var _toasters$current;
+
+      var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
+      return customToaster ? customToaster.push(message) : toaster.push(message, options);
+    },
+    remove: function remove(key) {
+      toasters ? Array.from(toasters.current).forEach(function (_ref) {
+        var c = _ref[1];
+        return c === null || c === void 0 ? void 0 : c.remove(key);
+      }) : toaster.remove(key);
+    },
+    clear: function clear() {
+      toasters ? Array.from(toasters.current).forEach(function (_ref2) {
+        var c = _ref2[1];
+        return c === null || c === void 0 ? void 0 : c.clear();
+      }) : toaster.clear();
+    }
+  };
+};
+
+export default useToaster;

package/esm/utils/ajaxUpload.d.ts

@@ -11,6 +11,7 @@ interface Options {
     headers?: any;
     file: File;
     url: string;
+    method?: string;
     onError: (status: ErrorStatus, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     onSuccess: (response: any, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     onProgress: (percent: number, event: ProgressEvent, xhr: XMLHttpRequest) => void;

package/esm/utils/ajaxUpload.js

@@ -19,6 +19,8 @@ export default function ajaxUpload(options) {
       headers = _options$headers === void 0 ? {} : _options$headers,
       _options$data = options.data,
       data = _options$data === void 0 ? {} : _options$data,
+      _options$method = options.method,
+      method = _options$method === void 0 ? 'POST' : _options$method,
       onError = options.onError,
       onSuccess = options.onSuccess,
       onProgress = options.onProgress,
@@ -28,7 +30,7 @@ export default function ajaxUpload(options) {
       disableMultipart = options.disableMultipart;
   var xhr = new XMLHttpRequest();
   var sendableData;
-  xhr.open('POST', url, true);
+  xhr.open(method, url, true);
 
   if (!disableMultipart) {
     sendableData = new FormData();

package/esm/utils/constants.d.ts

@@ -1,4 +1,5 @@
 export declare const SIZE: string[];
+export declare const COLUMN_SIZE: string[];
 export declare const STATUS: string[];
 export declare const COLOR: string[];
 export declare const PLACEMENT_4: readonly ["top", "bottom", "right", "left"];

package/esm/utils/constants.js

@@ -1,4 +1,5 @@
 export var SIZE = ['lg', 'md', 'sm', 'xs'];
+export var COLUMN_SIZE = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
 export var STATUS = ['success', 'warning', 'error', 'info'];
 export var COLOR = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];
 export var PLACEMENT_4 = ['top', 'bottom', 'right', 'left'];

package/esm/utils/stringToObject.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (value: any, labelKey?: string | undefined, valueKey?: string | undefined) => object | null;
+declare const _default: (value: any, labelKey?: string, valueKey?: string) => object | null;
 export default _default;

package/esm/utils/tplTransform.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-declare const _default: (pattern: string, ...data: any[]) => React.ReactNode;
 /**
  * tplTransform('Show {0} data', <i>100</i>);
  * output:
  * Show <span><i>100</i></span> data
  */
+declare const _default: (pattern: string, ...data: any[]) => React.ReactNode;
 export default _default;

package/esm/utils/treeUtils.d.ts

@@ -70,7 +70,7 @@ export declare function filterNodesOfTree(data: any, check: any): TreeNodeType[]
  * @param isSearching - component is in Searching
  * @returns
  */
-export declare const getFocusableItems: (filteredData: ItemDataType[], props: Required<Pick<PartialTreeProps, 'disabledItemValues' | 'valueKey' | 'childrenKey' | 'expandItemValues'>>, isSearching?: boolean | undefined) => TreeNodeType[];
+export declare const getFocusableItems: (filteredData: ItemDataType[], props: Required<Pick<PartialTreeProps, 'disabledItemValues' | 'valueKey' | 'childrenKey' | 'expandItemValues'>>, isSearching?: boolean) => TreeNodeType[];
 /**
  * return all focusable Item and active Element index
  * @param focusItemValue
@@ -190,7 +190,7 @@ interface UnSerializeListProps {
 export declare function useFlattenTreeData({ data, labelKey, valueKey, childrenKey, uncheckableItemValues, callback }: FlattenTreeDataProps): {
     forceUpdate: () => void;
     flattenNodes: TreeNodesType;
-    flattenTreeData: (treeData: TreeNodeType[], ref: string, parent?: TreeNodeType | undefined, layer?: any) => never[] | undefined;
+    flattenTreeData: (treeData: TreeNodeType[], ref: string, parent?: TreeNodeType, layer?: any) => never[] | undefined;
     serializeListOnlyParent: (nodes: TreeNodesType, key: string) => (string | number)[];
     unSerializeList: ({ nodes, key, value, cascade, uncheckableItemValues }: UnSerializeListProps) => void;
     formatVirtualizedTreeData: (nodes: TreeNodesType, data: any[], expandItemValues: ItemDataType[], options: {
@@ -203,7 +203,7 @@ export declare function useFlattenTreeData({ data, labelKey, valueKey, childrenK
  */
 export declare function useTreeNodeRefs(): {
     treeNodesRefs: {};
-    saveTreeNodeRef: (ref: React.Ref<any>, refKey?: string | undefined) => void;
+    saveTreeNodeRef: (ref: React.Ref<any>, refKey?: string) => void;
 };
 interface TreeSearchProps {
     labelKey: string;

package/esm/utils/useCustom.d.ts

@@ -3,5 +3,5 @@ import { CustomValue } from '../CustomProvider/CustomProvider';
  * A hook to get custom configuration of `<CustomProvider>`
  * @param keys
  */
-declare function useCustom<T = any>(keys: string | string[], overrideLocale?: any): CustomValue<T>;
+declare function useCustom<T = any>(keys?: string | string[], overrideLocale?: any): CustomValue<T>;
 export default useCustom;

package/esm/utils/useCustom.js

@@ -29,11 +29,12 @@ function useCustom(keys, overrideLocale) {
       _useContext$rtl = _useContext.rtl,
       rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,
       formatDate = _useContext.formatDate,
-      parseDate = _useContext.parseDate;
+      parseDate = _useContext.parseDate,
+      toasters = _useContext.toasters;
 
-  var componentLocale = _extends({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : mergeObject(keys.map(function (key) {
+  var componentLocale = _extends({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {
     return locale === null || locale === void 0 ? void 0 : locale[key];
-  }))); // Component custom locale
+  })) : {}); // Component custom locale
 
 
   if (overrideLocale) {
@@ -57,6 +58,7 @@ function useCustom(keys, overrideLocale) {
   return {
     locale: componentLocale,
     rtl: rtl,
+    toasters: toasters,
     formatDate: formatDate || defaultFormatDate,
     parseDate: parseDate || defaultParseDate
   };

package/esm/utils/useFocus.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export default function useFocus<E extends HTMLElement>(elementRef: React.RefObject<E>): {
     grab: () => void;
-    release: (options?: FocusOptions | undefined) => void;
+    release: (options?: FocusOptions) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.13.1",
+  "version": "5.15.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",