rsuite 5.0.0-beta.5 → 5.0.0

package/esm/Uploader/Uploader.d.ts

@@ -38,12 +38,17 @@ export interface UploaderProps extends WithAsProps {
     multiple?: boolean;
     /** Disabled upload button */
     disabled?: boolean;
+    /** Disabled file item */
+    disabledFileItem?: boolean;
+    /**
+     * If 'true', disable using a multipart form for file upload and instead stream the file.
+     * Some APIs (e.g. Amazon S3) may expect the file to be streamed rather than sent via a form. Defaults to false.
+     **/
+    disableMultipart?: boolean;
     /** Render the control as plain text */
     plaintext?: boolean;
     /** Make the control readonly */
     readOnly?: boolean;
-    /** Disabled file item */
-    disabledFileItem?: boolean;
     /** Upload the parameter name of the corresponding file */
     name?: string;
     /** Set upload timeout */
@@ -73,7 +78,7 @@ export interface UploaderProps extends WithAsProps {
     /** callback function that the upload queue has changed */
     onChange?: (fileList: FileType[]) => void;
     /** The callback function that starts the upload file */
-    onUpload?: (file: FileType) => void;
+    onUpload?: (file: FileType, uploadData: any, xhr: XMLHttpRequest) => void;
     /** 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 */

package/esm/Uploader/Uploader.js

@@ -130,6 +130,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       action = props.action,
       headers = props.headers,
       withCredentials = props.withCredentials,
+      disableMultipart = props.disableMultipart,
       timeout = props.timeout,
       data = props.data,
       onRemove = props.onRemove,
@@ -143,7 +144,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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", "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", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -243,24 +244,28 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
 
   var handleUploadFile = useCallback(function (file) {
-    var xhr = ajaxUpload({
+    var _ajaxUpload = ajaxUpload({
       name: name,
       timeout: timeout,
       headers: headers,
       data: data,
       withCredentials: withCredentials,
+      disableMultipart: disableMultipart,
       file: file.blobFile,
       url: action,
       onError: handleAjaxUploadError.bind(null, file),
       onSuccess: handleAjaxUploadSuccess.bind(null, file),
       onProgress: handleAjaxUploadProgress.bind(null, file)
-    });
+    }),
+        xhr = _ajaxUpload.xhr,
+        uploadData = _ajaxUpload.data;
+
     updateFileStatus(_extends({}, file, {
       status: 'uploading'
     }));
     xhrs.current[file.fileKey] = xhr;
-    onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);
-  }, [action, data, handleAjaxUploadError, handleAjaxUploadProgress, handleAjaxUploadSuccess, headers, name, onUpload, timeout, updateFileStatus, withCredentials]);
+    onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, uploadData, xhr);
+  }, [action, data, handleAjaxUploadError, handleAjaxUploadProgress, handleAjaxUploadSuccess, headers, name, onUpload, timeout, updateFileStatus, withCredentials, disableMultipart]);
   var handleAjaxUpload = useCallback(function () {
     fileList.current.forEach(function (file) {
       var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);
@@ -458,6 +463,7 @@ Uploader.propTypes = {
   renderFileInfo: PropTypes.func,
   removable: PropTypes.bool,
   fileListVisible: PropTypes.bool,
-  draggable: PropTypes.bool
+  draggable: PropTypes.bool,
+  disableMultipart: PropTypes.bool
 };
 export default Uploader;

package/esm/index.d.ts

@@ -74,6 +74,8 @@ export { default as InputPicker } from './InputPicker';
 export type { InputPickerProps } from './InputPicker';
 export { default as TagPicker } from './TagPicker';
 export type { TagPickerProps } from './TagPicker';
+export { default as TagInput } from './TagInput';
+export type { TagInputProps } from './TagInput';
 export { default as TreePicker } from './TreePicker';
 export type { TreePickerProps } from './TreePicker';
 export { default as CheckTreePicker } from './CheckTreePicker';

package/esm/index.js

@@ -39,6 +39,7 @@ export { default as SelectPicker } from './SelectPicker';
 export { default as CheckPicker } from './CheckPicker';
 export { default as InputPicker } from './InputPicker';
 export { default as TagPicker } from './TagPicker';
+export { default as TagInput } from './TagInput';
 export { default as TreePicker } from './TreePicker';
 export { default as CheckTreePicker } from './CheckTreePicker';
 export { default as Cascader } from './Cascader';

package/esm/utils/ajaxUpload.d.ts

@@ -7,6 +7,7 @@ interface Options {
     timeout?: number;
     data?: any;
     withCredentials?: boolean;
+    disableMultipart?: boolean;
     headers?: any;
     file: File;
     url: string;
@@ -14,5 +15,8 @@ interface Options {
     onSuccess: (response: any, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     onProgress: (percent: number, event: ProgressEvent, xhr: XMLHttpRequest) => void;
 }
-export default function ajaxUpload(options: Options): XMLHttpRequest;
+export default function ajaxUpload(options: Options): {
+    xhr: XMLHttpRequest;
+    data: any;
+};
 export {};

package/esm/utils/ajaxUpload.js

@@ -24,14 +24,22 @@ export default function ajaxUpload(options) {
       onProgress = options.onProgress,
       file = options.file,
       url = options.url,
-      withCredentials = options.withCredentials;
+      withCredentials = options.withCredentials,
+      disableMultipart = options.disableMultipart;
   var xhr = new XMLHttpRequest();
-  var formData = new FormData();
-  formData.append(name, file, file.name);
+  var sendableData = null;
   xhr.open('POST', url, true);
-  Object.keys(data).forEach(function (key) {
-    return formData.append(key, data[key]);
-  });
+
+  if (!disableMultipart) {
+    sendableData = new FormData();
+    sendableData.append(name, file, file.name);
+    Object.keys(data).forEach(function (key) {
+      return sendableData.append(key, data[key]);
+    });
+  } else {
+    sendableData = file;
+  }
+
   Object.keys(headers).forEach(function (key) {
     if (headers[key] !== null) {
       xhr.setRequestHeader(key, headers[key]);
@@ -46,7 +54,7 @@ export default function ajaxUpload(options) {
     xhr.timeout = timeout;
 
     xhr.ontimeout = function (event) {
-      onError({
+      onError === null || onError === void 0 ? void 0 : onError({
         type: 'timeout'
       }, event, xhr);
     };
@@ -60,14 +68,14 @@ export default function ajaxUpload(options) {
     var resp = getResponse(xhr);
 
     if (xhr.status < 200 || xhr.status >= 300) {
-      onError({
+      onError === null || onError === void 0 ? void 0 : onError({
         type: 'server_error',
         response: resp
       }, event, xhr);
       return;
     }
 
-    onSuccess(resp, event, xhr);
+    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resp, event, xhr);
   };
 
   if (xhr.upload) {
@@ -78,16 +86,19 @@ export default function ajaxUpload(options) {
         percent = event.loaded / event.total * 100;
       }
 
-      onProgress(percent, event, xhr);
+      onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, event, xhr);
     };
   }
 
   xhr.onerror = function (event) {
-    onError({
+    onError === null || onError === void 0 ? void 0 : onError({
       type: 'xhr_error'
     }, event, xhr);
   };
 
-  xhr.send(formData);
-  return xhr;
+  xhr.send(sendableData);
+  return {
+    xhr: xhr,
+    data: sendableData
+  };
 }

package/esm/utils/constants.d.ts

@@ -42,6 +42,7 @@ export declare const KEY_VALUES: {
     SPACE: string;
     BACKSPACE: string;
     DELETE: string;
+    COMMA: string;
     ESC: string;
 };
 export declare enum DATERANGE_DISABLED_TARGET {

package/esm/utils/constants.js

@@ -52,6 +52,7 @@ export var KEY_VALUES = {
   // Editing Keys
   BACKSPACE: 'Backspace',
   DELETE: 'Delete',
+  COMMA: ',',
   // UI Keys
   ESC: 'Escape'
 };

package/esm/utils/dateUtils.d.ts

@@ -19,6 +19,7 @@ export { default as isBefore } from 'date-fns/isBefore';
 export { default as isEqual } from 'date-fns/isEqual';
 export { default as isSameDay } from 'date-fns/isSameDay';
 export { default as isSameMonth } from 'date-fns/isSameMonth';
+export { default as isSameSecond } from 'date-fns/isSameSecond';
 export { default as parse } from 'date-fns/parse';
 export { default as parseISO } from 'date-fns/parseISO';
 export { default as setDate } from 'date-fns/setDate';

package/esm/utils/dateUtils.js

@@ -26,6 +26,7 @@ export { default as isBefore } from 'date-fns/isBefore';
 export { default as isEqual } from 'date-fns/isEqual';
 export { default as isSameDay } from 'date-fns/isSameDay';
 export { default as isSameMonth } from 'date-fns/isSameMonth';
+export { default as isSameSecond } from 'date-fns/isSameSecond';
 export { default as parse } from 'date-fns/parse';
 export { default as parseISO } from 'date-fns/parseISO';
 export { default as setDate } from 'date-fns/setDate';

package/esm/utils/useInternalId.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Used for generating unique ID for DOM elements
+ */
+export default function useInternalId(prefix?: string): string;

package/esm/utils/useInternalId.js

@@ -0,0 +1,16 @@
+import { useDebugValue, useRef } from 'react';
+import uniqueId from 'lodash/uniqueId';
+/**
+ * Used for generating unique ID for DOM elements
+ */
+
+export default function useInternalId(prefix) {
+  var idRef = useRef();
+
+  if (!idRef.current) {
+    idRef.current = uniqueId("internal://" + prefix);
+  }
+
+  useDebugValue(idRef.current);
+  return idRef.current;
+}

package/esm/utils/useUniqueId.d.ts

@@ -1,4 +1,4 @@
 /**
- * Used for generating unique ID for elements
+ * Used for generating unique ID for DOM elements
  */
 export default function useUniqueId(prefix?: string): string;

package/esm/utils/useUniqueId.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 import uniqueId from 'lodash/uniqueId';
 /**
- * Used for generating unique ID for elements
+ * Used for generating unique ID for DOM elements
  */
 
 export default function useUniqueId(prefix) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.0.0-beta.5",
+  "version": "5.0.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -39,8 +39,8 @@
     "prop-types": "^15.7.2",
     "react-text-mask": "^5.4.3",
     "react-virtualized": "^9.22.3",
-    "rsuite-table": "^5.0.0-alpha.8",
-    "schema-typed": "^2.0.0"
+    "rsuite-table": "^5.0.0",
+    "schema-typed": "^2.0.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -57,10 +57,5 @@
     "dist/*",
     "*.less",
     "*.css"
-  ],
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  }
+  ]
 }

package/styles/color-modes/dark.less

@@ -82,19 +82,19 @@
   --rs-message-success-header: #fff;
   --rs-message-success-text: #fff;
   --rs-message-success-icon: #fff;
-  --rs-message-success-bg: @green;
+  --rs-message-success-bg: @green-500;
   --rs-message-info-header: #fff;
   --rs-message-info-text: #fff;
   --rs-message-info-icon: #fff;
-  --rs-message-info-bg: @blue;
+  --rs-message-info-bg: @blue-500;
   --rs-message-warning-header: @B900;
   --rs-message-warning-text: @B900;
   --rs-message-warning-icon: @B900;
-  --rs-message-warning-bg: @yellow;
+  --rs-message-warning-bg: @yellow-500;
   --rs-message-error-header: #fff;
   --rs-message-error-text: #fff;
   --rs-message-error-icon: #fff;
-  --rs-message-error-bg: @red;
+  --rs-message-error-bg: @red-500;
 
   // Tooltip
   --rs-tooltip-bg: @B500;
@@ -159,6 +159,22 @@
   --rs-navbar-subtle-hover-bg: @B700;
   --rs-navbar-subtle-hover-text: @B050;
 
+  // Sidenav
+  --rs-sidenav-default-bg: @B800;
+  --rs-sidenav-default-text: @B200;
+  --rs-sidenav-default-selected-text: @H500;
+  --rs-sidenav-default-hover-bg: @B700;
+  --rs-sidenav-default-hover-text: @B050;
+  --rs-sidenav-inverse-bg: @H700;
+  --rs-sidenav-inverse-text: #fff;
+  --rs-sidenav-inverse-selected-bg: @H400;
+  --rs-sidenav-inverse-hover-bg: @H600;
+  --rs-sidenav-subtle-bg: transparent;
+  --rs-sidenav-subtle-text: @B200;
+  --rs-sidenav-subtle-selected-text: @H500;
+  --rs-sidenav-subtle-hover-bg: @B700;
+  --rs-sidenav-subtle-hover-text: @B050;
+
   // Input
   --rs-input-bg: @B800;
   --rs-input-focus-border: @H500;
@@ -184,6 +200,10 @@
   --rs-radio-checked-bg: @H500;
   --rs-radio-disabled-bg: @B500;
 
+  // Rate
+  --rs-rate-symbol: @B600;
+  --rs-rate-symbol-checked: @yellow-500;
+
   // Toggle
   --rs-toggle-bg: @B400;
   --rs-toggle-thumb: #fff;
@@ -191,6 +211,7 @@
   --rs-toggle-disabled-bg: @B600;
   --rs-toggle-disabled-thumb: @B500;
   --rs-toggle-checked-bg: @H700;
+  --rs-toggle-checked-thumb: #fff;
   --rs-toggle-checked-hover-bg: @H600;
   --rs-toggle-checked-disabled-bg: @H900;
   --rs-toggle-checked-disabled-thumb: @B300;
@@ -265,13 +286,15 @@
 
   // Picker
   --rs-picker-value: @H500;
-  --rs-picker-count: @H700;
+  --rs-picker-count-bg: @H700;
+  --rs-picker-count-text: #fff;
 
   // Calendar
   --rs-calendar-today-bg: @H700;
   --rs-calendar-today-text: #fff;
   --rs-calendar-range-bg: fade(@H900, 50%);
   --rs-calendar-time-unit-bg: @B600;
+  --rs-calendar-date-selected-text: #fff;
 
   // Popover
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);