rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/Calendar/hooks/useCalendarState.js

@@ -2,16 +2,14 @@
 import { useMemo, useState } from 'react';
 import { addMonths } from "../../internals/utils/date/index.js";
 import { useEventCallback } from "../../internals/hooks/index.js";
-export var CalendarState = /*#__PURE__*/function (CalendarState) {
+export let CalendarState = /*#__PURE__*/function (CalendarState) {
   CalendarState["TIME"] = "TIME";
   CalendarState["MONTH"] = "MONTH";
   return CalendarState;
 }({});
-export var useCalendarState = function useCalendarState(props) {
-  var _useState = useState(props.defaultState),
-    calendarState = _useState[0],
-    setCalendarState = _useState[1];
-  var reset = useEventCallback(function () {
+export const useCalendarState = props => {
+  const [calendarState, setCalendarState] = useState(props.defaultState);
+  const reset = useEventCallback(() => {
     setCalendarState(undefined);
     if (calendarState === CalendarState.TIME) {
       var _props$onToggleTimeDr;
@@ -21,15 +19,15 @@ export var useCalendarState = function useCalendarState(props) {
       (_props$onToggleMonthD = props.onToggleMonthDropdown) === null || _props$onToggleMonthD === void 0 || _props$onToggleMonthD.call(props, false);
     }
   });
-  var onMoveForward = useEventCallback(function () {
+  const onMoveForward = useEventCallback(() => {
     var _props$onMoveForward;
     (_props$onMoveForward = props.onMoveForward) === null || _props$onMoveForward === void 0 || _props$onMoveForward.call(props, addMonths(props.calendarDate, 1));
   });
-  var onMoveBackward = useEventCallback(function () {
+  const onMoveBackward = useEventCallback(() => {
     var _props$onMoveBackward;
     (_props$onMoveBackward = props.onMoveBackward) === null || _props$onMoveBackward === void 0 || _props$onMoveBackward.call(props, addMonths(props.calendarDate, -1));
   });
-  var onToggleTimeDropdown = useEventCallback(function () {
+  const onToggleTimeDropdown = useEventCallback(() => {
     var _props$onToggleTimeDr2;
     if (calendarState === CalendarState.TIME) {
       setCalendarState(undefined);
@@ -38,7 +36,7 @@ export var useCalendarState = function useCalendarState(props) {
     }
     (_props$onToggleTimeDr2 = props.onToggleTimeDropdown) === null || _props$onToggleTimeDr2 === void 0 || _props$onToggleTimeDr2.call(props, calendarState !== CalendarState.TIME);
   });
-  var onToggleMonthDropdown = useEventCallback(function () {
+  const onToggleMonthDropdown = useEventCallback(() => {
     var _props$onToggleMonthD2;
     if (calendarState === CalendarState.MONTH) {
       setCalendarState(undefined);
@@ -47,17 +45,17 @@ export var useCalendarState = function useCalendarState(props) {
     }
     (_props$onToggleMonthD2 = props.onToggleMonthDropdown) === null || _props$onToggleMonthD2 === void 0 || _props$onToggleMonthD2.call(props, calendarState !== CalendarState.MONTH);
   });
-  var handlers = useMemo(function () {
+  const handlers = useMemo(() => {
     return {
-      onMoveForward: onMoveForward,
-      onMoveBackward: onMoveBackward,
-      onToggleTimeDropdown: onToggleTimeDropdown,
-      onToggleMonthDropdown: onToggleMonthDropdown
+      onMoveForward,
+      onMoveBackward,
+      onToggleTimeDropdown,
+      onToggleMonthDropdown
     };
   }, [onMoveBackward, onMoveForward, onToggleMonthDropdown, onToggleTimeDropdown]);
   return {
-    calendarState: calendarState,
-    handlers: handlers,
-    reset: reset
+    calendarState,
+    handlers,
+    reset
   };
 };

package/esm/Calendar/utils/isEveryDateInMonth.js

@@ -1,8 +1,8 @@
 'use client';
 import { getDaysInMonth } from "../../internals/utils/date/index.js";
 export function isEveryDateInMonth(year, month, predicate) {
-  var days = getDaysInMonth(new Date(year, month));
-  for (var i = 1; i <= days; i++) {
+  const days = getDaysInMonth(new Date(year, month));
+  for (let i = 1; i <= days; i++) {
     if (!predicate(new Date(year, month, i))) {
       return false;
     }

package/esm/Card/Card.js

@@ -1,43 +1,41 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "bordered", "classPrefix", "className", "children", "direction", "shaded", "style", "size", "width"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import CardHeader from "./CardHeader.js";
 import CardBody from "./CardBody.js";
 import CardFooter from "./CardFooter.js";
 import { useCustom } from "../CustomProvider/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
-var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _withClassPrefix;
-  var _useCustom = useCustom('Card', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$bo = propsWithDefaults.bordered,
-    bordered = _propsWithDefaults$bo === void 0 ? true : _propsWithDefaults$bo,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'card' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    direction = propsWithDefaults.direction,
-    shaded = propsWithDefaults.shaded,
-    style = propsWithDefaults.style,
-    size = propsWithDefaults.size,
-    width = propsWithDefaults.width,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix(direction, size, (_withClassPrefix = {
-    bordered: bordered,
-    shaded: shaded === true
-  }, _withClassPrefix['shaded-hover'] = shaded === 'hover', _withClassPrefix)));
-  var styles = _extends({}, style, {
-    '--rs-card-width': typeof width === 'number' ? width + "px" : width
-  });
+const Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
+  const {
+    propsWithDefaults
+  } = useCustom('Card', props);
+  const {
+    as: Component = 'div',
+    bordered = true,
+    classPrefix = 'card',
+    className,
+    children,
+    direction,
+    shaded,
+    style,
+    size,
+    width,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(direction, size, {
+    bordered,
+    shaded: shaded === true,
+    ['shaded-hover']: shaded === 'hover'
+  }));
+  const styles = {
+    ...style,
+    '--rs-card-width': typeof width === 'number' ? `${width}px` : width
+  };
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     className: classes,
@@ -48,11 +46,4 @@ Card.displayName = 'Card';
 Card.Header = CardHeader;
 Card.Body = CardBody;
 Card.Footer = CardFooter;
-Card.propTypes = {
-  bordered: PropTypes.bool,
-  shaded: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['hover'])]),
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  direction: oneOf(['row', 'column']),
-  size: oneOf(['lg', 'md', 'sm'])
-};
 export default Card;

package/esm/Card/CardBody.d.ts

@@ -1,4 +1,4 @@
 import { ComponentProps } from '../internals/utils';
 export type CardBodyProps = ComponentProps;
-declare const CardBody: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+declare const CardBody: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
 export default CardBody;

package/esm/Card/CardBody.js

@@ -1,6 +1,6 @@
 'use client';
 import { createComponent } from "../internals/utils/index.js";
-var CardBody = createComponent({
+const CardBody = createComponent({
   name: 'CardBody',
   componentAs: 'div'
 });

package/esm/Card/CardFooter.d.ts

@@ -1,4 +1,4 @@
 import { ComponentProps } from '../internals/utils';
 export type CardFooterProps = ComponentProps;
-declare const CardFooter: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+declare const CardFooter: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
 export default CardFooter;

package/esm/Card/CardFooter.js

@@ -1,6 +1,6 @@
 'use client';
 import { createComponent } from "../internals/utils/index.js";
-var CardFooter = createComponent({
+const CardFooter = createComponent({
   name: 'CardFooter',
   componentAs: 'div'
 });

package/esm/Card/CardHeader.d.ts

@@ -1,4 +1,4 @@
 import { ComponentProps } from '../internals/utils';
 export type CardHeaderProps = ComponentProps;
-declare const CardHeader: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+declare const CardHeader: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
 export default CardHeader;

package/esm/Card/CardHeader.js

@@ -1,6 +1,6 @@
 'use client';
 import { createComponent } from "../internals/utils/index.js";
-var CardHeader = createComponent({
+const CardHeader = createComponent({
   name: 'CardHeader',
   componentAs: 'div'
 });

package/esm/CardGroup/CardGroup.js

@@ -1,33 +1,33 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "children", "columns", "spacing", "style"];
 import React from 'react';
-import PropTypes from 'prop-types';
+import { getCssValue } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-var CardGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('CardGroup', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'card-group' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    columns = propsWithDefaults.columns,
-    _propsWithDefaults$sp = propsWithDefaults.spacing,
-    spacing = _propsWithDefaults$sp === void 0 ? 16 : _propsWithDefaults$sp,
-    style = propsWithDefaults.style,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix());
-  var styles = _extends({}, style, {
+const CardGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('CardGroup', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'card-group',
+    className,
+    children,
+    columns,
+    spacing = 16,
+    style,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const styles = {
     '--rs-columns': columns,
-    '--rs-spacing': typeof spacing === 'number' ? spacing + "px" : spacing
-  });
+    '--rs-spacing': getCssValue(spacing),
+    ...style
+  };
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     className: classes,
@@ -35,8 +35,4 @@ var CardGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest), children);
 });
 CardGroup.displayName = 'CardGroup';
-CardGroup.propTypes = {
-  columns: PropTypes.number,
-  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-};
 export default CardGroup;

package/esm/Carousel/Carousel.js

@@ -1,11 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "children", "classPrefix", "className", "placement", "shape", "autoplay", "autoplayInterval", "activeIndex", "defaultActiveIndex", "onSelect", "onSlideStart", "onSlideEnd"];
 import React, { useState, useMemo, useCallback, useRef } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames, useControlled, useUpdateEffect, useTimeout } from "../internals/hooks/index.js";
 import { guid, ReactChildren, mergeRefs } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
@@ -13,48 +9,40 @@ import { useCustom } from "../CustomProvider/index.js";
  * The Carousel component is used to display a series of content.
  * @see https://rsuitejs.com/components/carousel
  */
-var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _sliderStyles, _ref;
-  var _useCustom = useCustom('Carousel', props),
-    rtl = _useCustom.rtl,
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    children = propsWithDefaults.children,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'carousel' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$pl = propsWithDefaults.placement,
-    placement = _propsWithDefaults$pl === void 0 ? 'bottom' : _propsWithDefaults$pl,
-    _propsWithDefaults$sh = propsWithDefaults.shape,
-    shape = _propsWithDefaults$sh === void 0 ? 'dot' : _propsWithDefaults$sh,
-    autoplay = propsWithDefaults.autoplay,
-    _propsWithDefaults$au = propsWithDefaults.autoplayInterval,
-    autoplayInterval = _propsWithDefaults$au === void 0 ? 4000 : _propsWithDefaults$au,
-    activeIndexProp = propsWithDefaults.activeIndex,
-    _propsWithDefaults$de = propsWithDefaults.defaultActiveIndex,
-    defaultActiveIndex = _propsWithDefaults$de === void 0 ? 0 : _propsWithDefaults$de,
-    onSelect = propsWithDefaults.onSelect,
-    onSlideStart = propsWithDefaults.onSlideStart,
-    onSlideEnd = propsWithDefaults.onSlideEnd,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var count = ReactChildren.count(children);
-  var labels = [];
-  var vertical = placement === 'left' || placement === 'right';
-  var lengthKey = vertical ? 'height' : 'width';
-  var _useControlled = useControlled(activeIndexProp, defaultActiveIndex),
-    activeIndex = _useControlled[0],
-    setActiveIndex = _useControlled[1],
-    isControlled = _useControlled[2];
-  var _useState = useState(0),
-    lastIndex = _useState[0],
-    setLastIndex = _useState[1];
-  var rootRef = useRef(null);
-  useUpdateEffect(function () {
+const Carousel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    rtl,
+    propsWithDefaults
+  } = useCustom('Carousel', props);
+  const {
+    as: Component = 'div',
+    children,
+    classPrefix = 'carousel',
+    className,
+    placement = 'bottom',
+    shape = 'dot',
+    autoplay,
+    autoplayInterval = 4000,
+    activeIndex: activeIndexProp,
+    defaultActiveIndex = 0,
+    onSelect,
+    onSlideStart,
+    onSlideEnd,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    prefix,
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const count = ReactChildren.count(children);
+  const labels = [];
+  const vertical = placement === 'left' || placement === 'right';
+  const lengthKey = vertical ? 'height' : 'width';
+  const [activeIndex, setActiveIndex, isControlled] = useControlled(activeIndexProp, defaultActiveIndex);
+  const [lastIndex, setLastIndex] = useState(0);
+  const rootRef = useRef(null);
+  useUpdateEffect(() => {
     // When the index is controlled, the index is not updated when the number of children changes.
     if (isControlled) {
       return;
@@ -65,44 +53,40 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   // Set a timer for automatic playback.
   // `autoplay` needs to be cast to boolean type to avoid undefined parameters.
-  var _useTimeout = useTimeout(function () {
-      return handleSlide();
-    }, autoplayInterval, !!autoplay && count > 1),
-    clear = _useTimeout.clear,
-    reset = _useTimeout.reset;
-  var handleSlide = useCallback(function (nextActiveIndex, event) {
+  const {
+    clear,
+    reset
+  } = useTimeout(() => handleSlide(), autoplayInterval, !!autoplay && count > 1);
+  const handleSlide = useCallback((nextActiveIndex, event) => {
     if (!rootRef.current) {
       return;
     }
     clear();
-    var index = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1;
+    const index = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1;
 
     // When index is greater than count, start from 1 again.
-    var nextIndex = index % count;
+    const nextIndex = index % count;
     setActiveIndex(nextIndex);
     onSlideStart === null || onSlideStart === void 0 || onSlideStart(nextIndex, event);
     setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex);
     reset();
   }, [activeIndex, count, setActiveIndex, clear, onSlideStart, reset]);
-  var handleChange = function handleChange(event) {
-    var activeIndex = +event.target.value;
+  const handleChange = event => {
+    const activeIndex = +event.target.value;
     handleSlide(activeIndex, event);
     onSelect === null || onSelect === void 0 || onSelect(activeIndex, event);
   };
-  var handleTransitionEnd = useCallback(function (event) {
+  const handleTransitionEnd = useCallback(event => {
     onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(activeIndex, event);
   }, [activeIndex, onSlideEnd]);
-  var uniqueId = useMemo(function () {
-    return guid();
-  }, []);
-  var items = ReactChildren.map(children, function (child, index) {
-    var _extends2;
+  const uniqueId = useMemo(() => guid(), []);
+  const items = ReactChildren.map(children, (child, index) => {
     if (!child) {
       return;
     }
-    var inputKey = "indicator_" + uniqueId + "_" + index;
+    const inputKey = `indicator_${uniqueId}_${index}`;
     labels.push(/*#__PURE__*/React.createElement("li", {
-      key: "label" + index,
+      key: `label${index}`,
       className: prefix('label-wrapper')
     }, /*#__PURE__*/React.createElement("input", {
       name: inputKey,
@@ -116,18 +100,24 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: prefix('label')
     })));
     return /*#__PURE__*/React.cloneElement(child, {
-      key: "slider-item" + index,
+      key: `slider-item${index}`,
       'aria-hidden': activeIndex !== index,
-      style: _extends({}, child.props.style, (_extends2 = {}, _extends2[lengthKey] = 100 / count + "%", _extends2)),
+      style: {
+        ...child.props.style,
+        [lengthKey]: `${100 / count}%`
+      },
       className: classNames(prefix('slider-item'), child.props.className)
     });
   });
-  var classes = merge(className, withClassPrefix("placement-" + placement, "shape-" + shape));
-  var positiveOrder = vertical || !rtl;
-  var sign = positiveOrder ? '-' : '';
-  var activeRatio = "" + sign + 100 / count * activeIndex + "%";
-  var sliderStyles = (_sliderStyles = {}, _sliderStyles[lengthKey] = count * 100 + "%", _sliderStyles.transform = vertical ? "translate3d(0, " + activeRatio + " ,0)" : "translate3d(" + activeRatio + ", 0 ,0)", _sliderStyles);
-  var showMask = count > 1 && activeIndex === 0 && activeIndex !== lastIndex;
+  const classes = merge(className, withClassPrefix(`placement-${placement}`, `shape-${shape}`));
+  const positiveOrder = vertical || !rtl;
+  const sign = positiveOrder ? '-' : '';
+  const activeRatio = `${sign}${100 / count * activeIndex}%`;
+  const sliderStyles = {
+    [lengthKey]: `${count * 100}%`,
+    transform: vertical ? `translate3d(0, ${activeRatio} ,0)` : `translate3d(${activeRatio}, 0 ,0)`
+  };
+  const showMask = count > 1 && activeIndex === 0 && activeIndex !== lastIndex;
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: mergeRefs(ref, rootRef),
     className: classes
@@ -142,30 +132,18 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: prefix('slider-after', {
       'slider-after-vertical': vertical
     }),
-    style: (_ref = {}, _ref[lengthKey] = '200%', _ref)
-  }, [items[items.length - 1], items[0]].map(function (node) {
-    var _extends3;
-    return /*#__PURE__*/React.cloneElement(node, {
-      key: node.key,
-      style: _extends({}, node.props.style, (_extends3 = {}, _extends3[lengthKey] = '50%', _extends3))
-    });
-  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      [lengthKey]: '200%'
+    }
+  }, [items[items.length - 1], items[0]].map(node => /*#__PURE__*/React.cloneElement(node, {
+    key: node.key,
+    style: {
+      ...node.props.style,
+      [lengthKey]: '50%'
+    }
+  })))), /*#__PURE__*/React.createElement("div", {
     className: prefix('toolbar')
   }, /*#__PURE__*/React.createElement("ul", null, labels)));
 });
 Carousel.displayName = 'Carousel';
-Carousel.propTypes = {
-  as: PropTypes.elementType,
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  activeIndex: PropTypes.number,
-  defaultActiveIndex: PropTypes.number,
-  autoplay: PropTypes.bool,
-  autoplayInterval: PropTypes.number,
-  placement: oneOf(['top', 'bottom', 'left', 'right']),
-  shape: oneOf(['dot', 'bar']),
-  onSelect: PropTypes.func,
-  onSlideStart: PropTypes.func,
-  onSlideEnd: PropTypes.func
-};
 export default Carousel;

package/esm/CascadeTree/CascadeTree.d.ts

@@ -5,7 +5,6 @@ export interface CascadeTreeComponent {
         ref?: React.Ref<HTMLDivElement>;
     }): JSX.Element | null;
     displayName?: string;
-    propTypes?: React.WeakValidationMap<CascadeTreeProps<any>>;
 }
 /**
  * CascadeTree is a component that displays tree-structured data in columns.