rsuite 5.0.0-beta.5 → 5.0.0

package/cjs/TagPicker/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -7,17 +9,34 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
 
-var _InputPicker = _interopRequireDefault(require("../InputPicker/InputPicker"));
+var _InputPicker = _interopRequireWildcard(require("../InputPicker/InputPicker"));
 
 var TagPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, props, {
-    ref: ref,
-    multi: true
-  }));
+  var tagProps = props.tagProps,
+      trigger = props.trigger,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["tagProps", "trigger"]);
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      multi: true,
+      trigger: trigger,
+      tagProps: tagProps
+    };
+  }, [tagProps, trigger]);
+  return /*#__PURE__*/_react.default.createElement(_InputPicker.InputPickerContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {
+    ref: ref
+  })));
 });
 
+TagPicker.defaultProps = {
+  trigger: 'Enter',
+  tagProps: {}
+};
 TagPicker.displayName = 'TagPicker';
 var _default = TagPicker;
 exports.default = _default;

package/cjs/Tree/Tree.d.ts

@@ -40,8 +40,6 @@ export interface TreeDragProps<ItemDataType = Record<string, any>> {
 export interface TreeBaseProps<ValueType = string | number, ItemDataType = Record<string, any>> extends StandardProps {
     /** The height of Dropdown */
     height?: number;
-    /** Display inline */
-    inline?: boolean;
     /** Whether display search input box */
     searchable?: boolean;
     /** Whether using virtualized list */

package/cjs/Tree/Tree.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -7,10 +9,12 @@ exports.default = exports.TREE_NODE_DROP_POSITION = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _TreePicker = _interopRequireDefault(require("../TreePicker"));
 
+var _TreeContext = _interopRequireDefault(require("./TreeContext"));
+
 /**
  * Tree Node Drag Type
  */
@@ -24,10 +28,15 @@ exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION;
 })(TREE_NODE_DROP_POSITION || (exports.TREE_NODE_DROP_POSITION = TREE_NODE_DROP_POSITION = {}));
 
 var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(_TreePicker.default, (0, _extends2.default)({
-    inline: true,
+  var dragNodeRef = (0, _react.useRef)();
+  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {
+    value: {
+      inline: true,
+      dragNodeRef: dragNodeRef
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TreePicker.default, (0, _extends2.default)({
     ref: ref
-  }, props));
+  }, props)));
 });
 
 Tree.displayName = 'Tree';

package/cjs/Tree/TreeContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TreeContextProps {
+    inline?: boolean;
+    dragNodeRef?: React.MutableRefObject<any>;
+}
+declare const TreeContext: React.Context<TreeContextProps>;
+export default TreeContext;

package/cjs/Tree/TreeContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var TreeContext = /*#__PURE__*/_react.default.createContext({});
+
+var _default = TreeContext;
+exports.default = _default;

package/cjs/TreePicker/TreeNode.js

@@ -21,6 +21,8 @@ var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"
 
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
 
+var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
+
 var _reactToString = _interopRequireDefault(require("../utils/reactToString"));
 
 var _utils = require("../utils");
@@ -66,6 +68,9 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       merge = _useClassNames.merge,
       withClassPrefix = _useClassNames.withClassPrefix;
 
+  var _useContext = (0, _react.useContext)(_TreeContext.default),
+      dragNodeRef = _useContext.dragNodeRef;
+
   var getTitle = (0, _react.useCallback)(function () {
     if (typeof label === 'string') {
       return label;
@@ -95,14 +100,16 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
   }, [nodeData, disabled, prefix, onSelect]);
   var handleDragStart = (0, _react.useCallback)(function (event) {
-    var dragNode = document.getElementById('drag-node');
+    var dragNode = dragNodeRef === null || dragNodeRef === void 0 ? void 0 : dragNodeRef.current;
 
     if (dragNode) {
-      event.dataTransfer.setDragImage(dragNode, 0, 0);
+      var _event$dataTransfer;
+
+      (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setDragImage(dragNode, 0, 0);
     }
 
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
-  }, [nodeData, onDragStart]);
+  }, [dragNodeRef, nodeData, onDragStart]);
   var handleDragEnter = (0, _react.useCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();

package/cjs/TreePicker/TreePicker.js

@@ -35,6 +35,8 @@ var _treeUtils = require("../utils/treeUtils");
 
 var _Picker = require("../Picker");
 
+var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
+
 // default value for virtualized
 var maxTreeHeight = 320;
 exports.maxTreeHeight = maxTreeHeight;
@@ -54,7 +56,6 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       data = props.data,
       style = props.style,
       controlledValue = props.value,
-      inline = props.inline,
       overrideLocale = props.locale,
       height = props.height,
       className = props.className,
@@ -84,6 +85,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       getChildren = props.getChildren,
       renderTreeIcon = props.renderTreeIcon,
       renderTreeNode = props.renderTreeNode,
+      onExit = props.onExit,
       onExited = props.onExited,
       onClean = props.onClean,
       onOpen = props.onOpen,
@@ -103,7 +105,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       renderMenu = props.renderMenu,
       renderValue = props.renderValue,
       renderDragNode = props.renderDragNode,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "value", "inline", "locale", "height", "className", "disabled", "placement", "cleanable", "menuStyle", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "getChildren", "renderTreeIcon", "renderTreeNode", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue", "renderDragNode"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "value", "locale", "height", "className", "disabled", "placement", "cleanable", "menuStyle", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue", "renderDragNode"]);
   var triggerRef = (0, _react.useRef)();
   var targetRef = (0, _react.useRef)();
   var listRef = (0, _react.useRef)();
@@ -115,6 +117,10 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       rtl = _useCustom.rtl,
       locale = _useCustom.locale;
 
+  var _useContext = (0, _react.useContext)(_TreeContext.default),
+      inline = _useContext.inline,
+      dragNodeRef = _useContext.dragNodeRef;
+
   var _useControlled = (0, _utils.useControlled)(controlledValue, defaultValue),
       value = _useControlled[0],
       setValue = _useControlled[1],
@@ -239,6 +245,14 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   (0, _react.useEffect)(function () {
     setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');
   }, [searchKeyword, setSearchKeyword]);
+  (0, _react.useEffect)(function () {
+    if (dragNodeRef) {
+      var _treeViewRef$current;
+
+      dragNodeRef.current = (_treeViewRef$current = treeViewRef.current) === null || _treeViewRef$current === void 0 ? void 0 : _treeViewRef$current.querySelector("." + treePrefix('drag-node-mover'));
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, []);
   var getDropData = (0, _react.useCallback)(function (nodeData) {
     var options = {
       valueKey: valueKey,
@@ -408,7 +422,6 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : (_triggerRef$current3$ = _triggerRef$current3.close) === null || _triggerRef$current3$ === void 0 ? void 0 : _triggerRef$current3$.call(_triggerRef$current3);
     setSearchKeyword('');
-    onClose === null || onClose === void 0 ? void 0 : onClose();
     setActive(false);
     setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);
     /**
@@ -416,12 +429,12 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
      */
 
     (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.focus();
-  }, [activeNode, onClose, setSearchKeyword, valueKey]);
+  }, [activeNode, setSearchKeyword, valueKey]);
   (0, _Picker.usePublicMethods)(ref, {
     triggerRef: triggerRef,
     overlayRef: overlayRef,
     targetRef: targetRef
-  });
+  }, inline);
   var handleFocusItem = (0, _react.useCallback)(function (key) {
     var focusableItems = (0, _treeUtils.getFocusableItems)(filteredData, {
       disabledItemValues: disabledItemValues,
@@ -613,7 +626,6 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
 
       return /*#__PURE__*/_react.default.createElement("span", {
-        id: "drag-node",
         className: treePrefix('drag-node-mover')
       }, dragNodeContent);
     }
@@ -629,10 +641,10 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var styles = inline ? (0, _extends2.default)({
       height: height
     }, style) : {};
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       role: "tree",
       id: id ? id + "-listbox" : undefined,
-      ref: treeViewRef,
+      ref: inline ? (0, _utils.mergeRefs)(treeViewRef, ref) : treeViewRef,
       className: classes,
       style: styles,
       onKeyDown: inline ? handleTreeKeyDown : undefined
@@ -656,7 +668,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         rowRenderer: renderVirtualListNode(formattedNodes),
         scrollToAlignment: "center"
       });
-    }) : formattedNodes)), renderDefaultDragNode());
+    }) : formattedNodes), renderDefaultDragNode());
   };
 
   var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
@@ -724,6 +736,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     placement: placement,
     onEnter: handleOpen,
     onEntered: onEntered,
+    onExit: (0, _utils.createChainedFunction)(onClose, onExit),
     onExited: (0, _utils.createChainedFunction)(handleClose, onExited),
     speaker: renderDropdownMenu
   }, /*#__PURE__*/_react.default.createElement(Component, {
@@ -750,7 +763,6 @@ TreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,
   appearance: _propTypes.default.oneOf(['default', 'subtle']),
   height: _propTypes.default.number,
-  inline: _propTypes.default.bool,
   draggable: _propTypes.default.bool,
   virtualized: _propTypes.default.bool,
   searchable: _propTypes.default.bool,

package/cjs/Uploader/UploadFileItem.d.ts

@@ -17,5 +17,10 @@ export interface UploadFileItemProps extends WithAsProps {
     onPreview?: (file: FileType, event: React.MouseEvent) => void;
     onReupload?: (file: FileType, event: React.MouseEvent) => void;
 }
+/**
+ * Format display file size
+ * @param size
+ */
+export declare const formatSize: (size?: number) => string;
 declare const UploadFileItem: React.ForwardRefExoticComponent<UploadFileItemProps & React.RefAttributes<HTMLDivElement>>;
 export default UploadFileItem;

package/cjs/Uploader/UploadFileItem.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.default = void 0;
+exports.default = exports.formatSize = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -27,7 +27,7 @@ var _CloseButton = _interopRequireDefault(require("../CloseButton"));
  * Format display file size
  * @param size
  */
-var getSize = function getSize(size) {
+var formatSize = function formatSize(size) {
   if (size === void 0) {
     size = 0;
   }
@@ -51,6 +51,7 @@ var getSize = function getSize(size) {
   return size + "B";
 };
 
+exports.formatSize = formatSize;
 var defaultProps = {
   as: 'div',
   classPrefix: 'uploader-file-item',
@@ -240,7 +241,7 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 
       return /*#__PURE__*/_react.default.createElement("span", {
         className: prefix('size')
-      }, getSize(file === null || file === void 0 ? void 0 : (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));
+      }, formatSize(file === null || file === void 0 ? void 0 : (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));
     }
 
     return null;

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

@@ -148,6 +148,7 @@ var Uploader = /*#__PURE__*/_react.default.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,
@@ -161,7 +162,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onError = props.onError,
       onProgress = props.onProgress,
       onReupload = props.onReupload,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
@@ -258,24 +259,28 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
 
   var handleUploadFile = (0, _react.useCallback)(function (file) {
-    var xhr = (0, _utils.ajaxUpload)({
+    var _ajaxUpload = (0, _utils.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((0, _extends2.default)({}, 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 = (0, _react.useCallback)(function () {
     fileList.current.forEach(function (file) {
       var checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);
@@ -474,7 +479,8 @@ Uploader.propTypes = {
   renderFileInfo: _propTypes.default.func,
   removable: _propTypes.default.bool,
   fileListVisible: _propTypes.default.bool,
-  draggable: _propTypes.default.bool
+  draggable: _propTypes.default.bool,
+  disableMultipart: _propTypes.default.bool
 };
 var _default = Uploader;
 exports.default = _default;

package/cjs/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/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.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.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"));
 
@@ -157,6 +157,10 @@ var _TagPicker = _interopRequireDefault(require("./TagPicker"));
 
 exports.TagPicker = _TagPicker.default;
 
+var _TagInput = _interopRequireDefault(require("./TagInput"));
+
+exports.TagInput = _TagInput.default;
+
 var _TreePicker = _interopRequireDefault(require("./TreePicker"));
 
 exports.TreePicker = _TreePicker.default;

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

@@ -29,14 +29,22 @@ 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]);
@@ -51,7 +59,7 @@ function ajaxUpload(options) {
     xhr.timeout = timeout;
 
     xhr.ontimeout = function (event) {
-      onError({
+      onError === null || onError === void 0 ? void 0 : onError({
         type: 'timeout'
       }, event, xhr);
     };
@@ -65,14 +73,14 @@ 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) {
@@ -83,16 +91,19 @@ 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/cjs/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/cjs/utils/constants.js

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

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

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.disabledTime = disabledTime;
 exports.getMonthView = getMonthView;
 exports.getDateMask = getDateMask;
-exports.shouldOnlyTime = exports.shouldDate = exports.shouldMonth = exports.shouldTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addMonths = exports.addDays = void 0;
+exports.shouldOnlyTime = exports.shouldDate = exports.shouldMonth = exports.shouldTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addMonths = exports.addDays = void 0;
 
 var _pick = _interopRequireDefault(require("lodash/pick"));
 
@@ -96,6 +96,10 @@ var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
 
 exports.isSameMonth = _isSameMonth.default;
 
+var _isSameSecond = _interopRequireDefault(require("date-fns/isSameSecond"));
+
+exports.isSameSecond = _isSameSecond.default;
+
 var _parse = _interopRequireDefault(require("date-fns/parse"));
 
 exports.parse = _parse.default;

package/cjs/utils/useInternalId.d.ts

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

package/cjs/utils/useInternalId.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = useInternalId;
+
+var _react = require("react");
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+/**
+ * Used for generating unique ID for DOM elements
+ */
+function useInternalId(prefix) {
+  var idRef = (0, _react.useRef)();
+
+  if (!idRef.current) {
+    idRef.current = (0, _uniqueId.default)("internal://" + prefix);
+  }
+
+  (0, _react.useDebugValue)(idRef.current);
+  return idRef.current;
+}

package/cjs/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;