rsuite 5.78.1 → 5.79.0-canary-2025032417

package/CHANGELOG.md

@@ -1,12 +1,3 @@
-## [5.78.1](https://github.com/rsuite/rsuite/compare/v5.78.0...v5.78.1) (2025-03-14)
-
-
-### Bug Fixes
-
-* **Uploader:** refine children prop type and improve class handling ([#4175](https://github.com/rsuite/rsuite/issues/4175)) ([58d3eea](https://github.com/rsuite/rsuite/commit/58d3eea86e186590586a14068773a8418fb5f3f9))
-
-
-
 # [5.78.0](https://github.com/rsuite/rsuite/compare/v5.77.1...v5.78.0) (2025-02-21)
 
 

package/cjs/Form/hooks/useSchemaModel.js

@@ -5,58 +5,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _schemaTyped = require("schema-typed");
 var _react = require("react");
-/**
- * Convert a flat schema object to a nested schema object
- *
- * @example
- *
- * ```js
- * const schema = {
- *  'address.city': StringType().isRequired('City is required'),
- *  'address.street': StringType().isRequired('Street is required')
- * };
- *
- * const result = unflattenSchemaObject(schema);
- *
- * // result
- * {
- *    address: ObjectType().shape({
- *      city: StringType().isRequired('City is required'),
- *      street: StringType().isRequired('Street is required')
- *    })
- * }
- * ```
- */
-function unflattenSchemaObject(schema) {
-  var result = {};
-  var $type = Symbol('schema-type');
-  Object.keys(schema).forEach(function (key) {
-    if (key.includes('.')) {
-      var keys = key.split('.');
-      var lastKey = keys.pop() || '';
-      var current = result;
-      keys.forEach(function (subKey) {
-        var _ref;
-        current[subKey] = current[subKey] || (_ref = {}, _ref[$type] = 'object-type', _ref);
-        current = current[subKey];
-      });
-      current[lastKey] = schema[key];
-    } else {
-      result[key] = schema[key];
-    }
-  });
-  function convertToShape(obj) {
-    Object.keys(obj).forEach(function (key) {
-      var _obj$key;
-      if (((_obj$key = obj[key]) === null || _obj$key === void 0 ? void 0 : _obj$key[$type]) === 'object-type') {
-        delete obj[key][$type];
-        obj[key] = (0, _schemaTyped.ObjectType)().shape(convertToShape(obj[key]));
-      }
-    });
-    return obj;
-  }
-  return convertToShape(result);
-}
+var _constructFlatSchema = require("../utils/constructFlatSchema");
 function useSchemaModel(formModel, nestedField) {
   var subRulesRef = (0, _react.useRef)([]);
   var pushFieldRule = (0, _react.useCallback)(function (name, fieldRule) {
@@ -80,15 +29,15 @@ function useSchemaModel(formModel, nestedField) {
     if (realSubRules.length === 0) {
       return formModel;
     }
-    var subRuleObject = realSubRules.map(function (_ref2) {
-      var _ref3;
-      var name = _ref2.name,
-        fieldRule = _ref2.fieldRule;
-      return _ref3 = {}, _ref3[name] = fieldRule.current, _ref3;
+    var subRuleObject = realSubRules.map(function (_ref) {
+      var _ref2;
+      var name = _ref.name,
+        fieldRule = _ref.fieldRule;
+      return _ref2 = {}, _ref2[name] = fieldRule.current, _ref2;
     }).reduce(function (a, b) {
       return Object.assign(a, b);
     }, {});
-    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(nestedField ? unflattenSchemaObject(subRuleObject) : subRuleObject));
+    return _schemaTyped.SchemaModel.combine(formModel, (0, _schemaTyped.SchemaModel)(nestedField ? (0, _constructFlatSchema.constructFlatSchema)(subRuleObject) : subRuleObject));
   }, [formModel, nestedField]);
   return {
     getCombinedModel: getCombinedModel,

package/cjs/Form/utils/constructFlatSchema.d.ts

@@ -0,0 +1,4 @@
+/**
+ * combine flat schema to nested schema
+ */
+export declare function constructFlatSchema(schema: any): any;

package/cjs/Form/utils/constructFlatSchema.js

@@ -0,0 +1,42 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.constructFlatSchema = constructFlatSchema;
+var _schemaTyped = require("schema-typed");
+var _set = _interopRequireDefault(require("lodash/set"));
+/**
+ * combine flat schema to nested schema
+ */
+function constructFlatSchema(schema) {
+  var shape = {};
+  Object.keys(schema).forEach(function (key) {
+    (0, _set.default)(shape, key, {
+      schema: schema[key],
+      primitiveType: true
+    });
+  });
+  function convertShapeToSchema(shape, result, internal) {
+    Object.keys(shape).forEach(function (key) {
+      var currentShape = shape[key];
+      if (Array.isArray(currentShape)) {
+        var _ArrayType;
+        result[key] = (_ArrayType = (0, _schemaTyped.ArrayType)()).of.apply(_ArrayType, currentShape.map(function (v) {
+          if (v.primitiveType) {
+            return v.schema;
+          }
+          return convertShapeToSchema(v, {}, true);
+        }));
+      } else {
+        if (currentShape.primitiveType) {
+          result[key] = currentShape.schema;
+        } else {
+          result[key] = convertShapeToSchema(currentShape, {}, true);
+        }
+      }
+    });
+    return internal ? (0, _schemaTyped.ObjectType)().shape(result) : result;
+  }
+  return convertShapeToSchema(shape, {});
+}

package/cjs/Uploader/UploadTrigger.d.ts

@@ -11,7 +11,7 @@ export interface UploadTriggerProps extends ButtonProps {
     accept?: string;
     classPrefix?: string;
     className?: string;
-    children?: React.ReactElement;
+    children?: React.ReactNode;
     locale?: UploaderLocale;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onDragEnter?: React.DragEventHandler<HTMLInputElement>;

package/cjs/Uploader/UploadTrigger.js

@@ -15,7 +15,6 @@ var _excluded = ["as", "name", "accept", "multiple", "disabled", "readOnly", "ch
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _children$props;
   var _props$as = props.as,
     Component = _props$as === void 0 ? _Button.default : _props$as,
     name = props.name,
@@ -104,21 +103,18 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       clearInput: handleClearInput
     };
   });
-
-  // Prepare button props with event handlers conditionally applied
   var buttonProps = (0, _extends2.default)({}, rest, {
     disabled: disabled,
     className: prefix('btn')
-  }, !disabled && !readOnly && {
-    onClick: handleClick,
-    onDragEnter: handleDragEnter,
-    onDragLeave: handleDragLeave,
-    onDragOver: handleDragOver,
-    onDrop: handleDrop
   });
-  var trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), (0, _extends2.default)({}, buttonProps, {
-    className: merge((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.className, prefix('btn'))
-  }))) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
+  if (!disabled && !readOnly) {
+    buttonProps.onClick = handleClick;
+    buttonProps.onDragEnter = handleDragEnter;
+    buttonProps.onDragLeave = handleDragLeave;
+    buttonProps.onDragOver = handleDragOver;
+    buttonProps.onDrop = handleDrop;
+  }
+  var trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), buttonProps)) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
     className: classes
@@ -144,7 +140,7 @@ UploadTrigger.propTypes = {
   onChange: _propTypes.default.func,
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
-  children: _propTypes.default.element,
+  children: _propTypes.default.node,
   draggable: _propTypes.default.bool,
   onDragEnter: _propTypes.default.func,
   onDragLeave: _propTypes.default.func,

package/cjs/Uploader/Uploader.d.ts

@@ -29,7 +29,7 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
     /** Automatically upload files after selecting them */
     autoUpload?: boolean;
     /** Primary content */
-    children?: React.ReactElement;
+    children?: React.ReactNode;
     /** List of uploaded files */
     defaultFileList?: FileType[];
     /** List of uploaded files （Controlled） */

package/cjs/Uploader/Uploader.js

@@ -420,7 +420,7 @@ Uploader.propTypes = {
   action: _propTypes.default.string.isRequired,
   accept: _propTypes.default.string,
   autoUpload: _propTypes.default.bool,
-  children: _propTypes.default.element,
+  children: _propTypes.default.node,
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   defaultFileList: _propTypes.default.array,