@douyinfe/semi-ui 2.35.0 → 2.36.0-beta.0

package/dist/umd/semi-ui.js

@@ -18394,6 +18394,9 @@ class BaseComponent extends external_root_React_commonjs2_react_commonjs_react_a
 }
 BaseComponent.propTypes = {};
 BaseComponent.defaultProps = {};
+// EXTERNAL MODULE: ../../node_modules/lodash/isObject.js
+var isObject = __webpack_require__("tQYX");
+var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 ;// CONCATENATED MODULE: ../semi-foundation/anchor/linkFoundation.ts
 
 class LinkFoundation extends foundation {
@@ -18438,6 +18441,7 @@ const constants_cssClasses = {
   PREFIX: `${BASE_CLASS_PREFIX}-typography`
 };
 const typography_constants_strings = {
+  WEIGHT: ['light', 'regular', 'medium', 'semibold', 'bold', "default"],
   TYPE: ['primary', 'secondary', 'danger', 'warning', 'success', 'tertiary', 'quaternary'],
   SIZE: ['normal', 'small'],
   SPACING: ['normal', 'extended'],
@@ -26464,7 +26468,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       }
 
       this.rafId = window.requestAnimationFrame(this.getEllipsisState.bind(this));
-    }; // if need to use js overflowed:
+    }; // if it needs to use js overflowed:
     // 1. text is expandable 2. expandText need to be shown  3. has extra operation 4. text need to ellipse from mid
 
 
@@ -26807,10 +26811,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
     const {
       expanded
     } = this.state;
-    const canUseCSSEllipsis = this.canUseCSSEllipsis(); // Currently only text truncation is supported, if there is non-text, 
-    // both css truncation and js truncation should throw a warning
-
-    warning('children' in this.props && typeof children !== 'string', "[Semi Typography] 'Only children with pure text could be used with ellipsis at this moment."); // If children is null, css/js truncated flag isTruncate is false
+    const canUseCSSEllipsis = this.canUseCSSEllipsis(); // If children is null, css/js truncated flag isTruncate is false
 
     if (isNull_default()(children)) {
       this.setState({
@@ -26818,7 +26819,11 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
         isOverflowed: false
       });
       return undefined;
-    }
+    } // Currently only text truncation is supported, if there is non-text, 
+    // both css truncation and js truncation should throw a warning
+
+
+    warning('children' in this.props && typeof children !== 'string', "[Semi Typography] Only children with pure text could be used with ellipsis at this moment.");
 
     if (!rows || rows < 0 || expanded) {
       return undefined;
@@ -26927,9 +26932,10 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       icon,
       size,
       link,
-      heading
+      heading,
+      weight
     } = _a,
-          rest = base_rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading"]);
+          rest = base_rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading", "weight"]);
 
     const textProps = omit_default()(rest, ['strong', 'editable', 'mark', 'copyable', 'underline', 'code', // 'link',
     'delete']);
@@ -26949,6 +26955,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       className: linkCls
     }, textNode) : textNode));
     const hTagReg = /^h[1-6]$/;
+    const isHeader = isString_default()(heading) && hTagReg.test(heading);
     const wrapperCls = classnames_default()(className, ellipsisCls, {
       // [`${prefixCls}-primary`]: !type || type === 'primary',
       [`${base_prefixCls}-${type}`]: type && !link,
@@ -26956,11 +26963,15 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       [`${base_prefixCls}-link`]: link,
       [`${base_prefixCls}-disabled`]: disabled,
       [`${base_prefixCls}-${spacing}`]: spacing,
-      [`${base_prefixCls}-${heading}`]: isString_default()(heading) && hTagReg.test(heading)
+      [`${base_prefixCls}-${heading}`]: isHeader,
+      [`${base_prefixCls}-${heading}-weight-${weight}`]: isHeader && isNaN(Number(weight))
     });
+    const textStyle = Object.assign(Object.assign({}, isNaN(Number(weight)) ? {} : {
+      fontWeight: weight
+    }), style);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(typography_typography, Object.assign({
       className: wrapperCls,
-      style: Object.assign(Object.assign({}, style), ellipsisStyle),
+      style: Object.assign(Object.assign({}, textStyle), ellipsisStyle),
       component: component,
       forwardRef: this.wrapperRef
     }, textProps), textNode, this.renderOperations());
@@ -26996,15 +27007,22 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
   }
 
   render() {
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ReactResizeObserver, {
-      onResize: this.onResize
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
+    const content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
       componentName: "Typography"
     }, locale => {
       this.expandStr = locale.expand;
       this.collapseStr = locale.collapse;
       return this.renderTipWrapper();
-    }));
+    });
+
+    if (this.props.ellipsis) {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ReactResizeObserver, {
+        onResize: this.onResize,
+        observeParent: true
+      }, content);
+    }
+
+    return content;
   }
 
 }
@@ -27157,7 +27175,8 @@ Title.propTypes = {
   heading: prop_types_default().oneOf(typography_constants_strings.HEADING),
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
-  component: (prop_types_default()).string
+  component: (prop_types_default()).string,
+  weight: prop_types_default().oneOfType([prop_types_default().oneOf(typography_constants_strings.WEIGHT), (prop_types_default()).number])
 };
 Title.defaultProps = {
   copyable: false,
@@ -27437,6 +27456,7 @@ typography_Typography.Numeral = Numeral;
 
 
 
+
 const link_prefixCls = cssClasses.PREFIX; // eslint-disable-next-line @typescript-eslint/ban-types
 
 class Link extends BaseComponent {
@@ -27461,17 +27481,22 @@ class Link extends BaseComponent {
         [`${link_prefixCls}-link-tooltip-active`]: active,
         [`${link_prefixCls}-link-tooltip-disabled`]: disabled
       });
-      const toolTipOpt = position ? {
-        position
-      } : {};
 
       if (showTooltip) {
+        const showTooltipObj = isObject_default()(showTooltip) ? Object.assign({
+          opts: {}
+        }, showTooltip) : {
+          opts: {}
+        }; // The position can be set through showTooltip, here it is compatible with the position API
+
+        if (position) {
+          showTooltipObj.opts['position'] = position;
+        }
+
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(typography_0.Text, {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
-            showTooltip: {
-              opts: Object.assign({}, toolTipOpt)
-            }
+            showTooltip: showTooltipObj
           },
           type: 'tertiary',
           className: linkTitleCls
@@ -27976,9 +28001,6 @@ const autoComplete_constants_strings = {
   STATUS: VALIDATE_STATUS
 };
 
-// EXTERNAL MODULE: ../../node_modules/lodash/isObject.js
-var isObject = __webpack_require__("tQYX");
-var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 // EXTERNAL MODULE: ../../node_modules/lodash/isNumber.js
 var isNumber = __webpack_require__("mGvo");
 var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber);
@@ -37639,6 +37661,10 @@ class DayCalendar extends BaseComponent {
     this.checkWeekend = val => this.foundation.checkWeekend(val);
 
     this.renderAllDayEvents = events => {
+      if (this.props.allDayEventsRender) {
+        return this.props.allDayEventsRender(this.props.events);
+      }
+
       const list = events.map((event, ind) => {
         const {
           children,
@@ -37731,7 +37757,7 @@ class DayCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys)) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || !isEqual_default()(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseDailyEvents();
     }
   }
@@ -37804,7 +37830,8 @@ DayCalendar.propTypes = {
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
-  dateGridRender: (prop_types_default()).func
+  dateGridRender: (prop_types_default()).func,
+  allDayEventsRender: (prop_types_default()).func
 };
 DayCalendar.defaultProps = {
   events: [],
@@ -37881,7 +37908,8 @@ class WeekCalendar extends BaseComponent {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        displayValue
+        displayValue,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -37907,16 +37935,21 @@ class WeekCalendar extends BaseComponent {
           [`${calendar_constants_cssClasses.PREFIX}-today`]: isToday,
           [`${calendar_constants_cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
+        }, dateContent);
       }))));
     };
 
     this.renderAllDayEvents = events => {
+      if (this.props.allDayEventsRender) {
+        return this.props.allDayEventsRender(this.props.events);
+      }
+
       const list = events.map((event, ind) => {
         const {
           leftPos,
@@ -37941,13 +37974,15 @@ class WeekCalendar extends BaseComponent {
     };
 
     this.renderAllDay = locale => {
+      const {
+        allDayEventsRender
+      } = this.props;
       const {
         allDay
       } = this.state.parsedEvents;
       const parsed = this.foundation.parseWeeklyAllDayEvents(allDay);
-      const maxRowHeight = calcRowHeight(parsed);
-      const style = {
-        height: `${maxRowHeight}em`
+      const style = allDayEventsRender ? null : {
+        height: `${calcRowHeight(parsed)}em`
       };
       const {
         markWeekend
@@ -38031,7 +38066,7 @@ class WeekCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys)) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || !isEqual_default()(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseWeeklyEvents();
     }
   }
@@ -38083,7 +38118,9 @@ WeekCalendar.propTypes = {
   markWeekend: (prop_types_default()).bool,
   scrollTop: (prop_types_default()).number,
   renderTimeDisplay: (prop_types_default()).func,
+  renderDateDisplay: (prop_types_default()).func,
   dateGridRender: (prop_types_default()).func,
+  allDayEventsRender: (prop_types_default()).func,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   style: (prop_types_default()).object,
@@ -38271,10 +38308,18 @@ class monthCalendar extends BaseComponent {
         key: date,
         className: listCls,
         onClick: e => this.handleClick(e, [date])
-      }, this.formatDayString(month, dayString), shouldRenderCard ? text : null, this.renderCusDateGrid(date)));
+      }, this.formatDayString(date, month, dayString), shouldRenderCard ? text : null, this.renderCusDateGrid(date)));
     };
 
-    this.formatDayString = (month, date) => {
+    this.formatDayString = (dateObj, month, date) => {
+      const {
+        renderDateDisplay
+      } = this.props;
+
+      if (renderDateDisplay) {
+        return renderDateDisplay(dateObj);
+      }
+
       if (date === '1') {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
           componentName: "Calendar"
@@ -38351,7 +38396,7 @@ class monthCalendar extends BaseComponent {
           key: `${date}-weeksk`,
           className: listCls,
           onClick: e => _this.handleClick(e, [date])
-        }, _this.formatDayString(month, dayString), _this.renderCusDateGrid(date));
+        }, _this.formatDayString(date, month, dayString), _this.renderCusDateGrid(date));
 
         if (!shouldRenderCollapsed) {
           return inner;
@@ -38471,7 +38516,7 @@ class monthCalendar extends BaseComponent {
       }
     }
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || itemLimitUpdate || !isEqual_default()(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
     }
   }
@@ -38598,7 +38643,8 @@ class RangeCalendar extends BaseComponent {
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
-        range
+        range,
+        renderDateDisplay
       } = this.props;
       const {
         month,
@@ -38624,16 +38670,21 @@ class RangeCalendar extends BaseComponent {
           [`${calendar_constants_cssClasses.PREFIX}-today`]: isToday,
           [`${calendar_constants_cssClasses.PREFIX}-weekend`]: markWeekend && day.isWeekend
         });
+        const dateContent = renderDateDisplay ? renderDateDisplay(date) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
+        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
           key: `${date.toString()}-weekheader`,
           className: listCls
-        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-          className: `${calendar_constants_cssClasses.PREFIX}-today-date`
-        }, dayString), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, weekday));
+        }, dateContent);
       }))));
     };
 
     this.renderAllDayEvents = events => {
+      if (this.props.allDayEventsRender) {
+        return this.props.allDayEventsRender(this.props.events);
+      }
+
       const list = events.map((event, ind) => {
         const {
           leftPos,
@@ -38657,13 +38708,15 @@ class RangeCalendar extends BaseComponent {
     };
 
     this.renderAllDay = locale => {
+      const {
+        allDayEventsRender
+      } = this.props;
       const {
         allDay
       } = this.state.parsedEvents;
       const parsed = this.foundation.parseRangeAllDayEvents(allDay);
-      const maxRowHeight = calcRowHeight(parsed);
-      const style = {
-        height: `${maxRowHeight}em`
+      const style = allDayEventsRender ? null : {
+        height: `${calcRowHeight(parsed)}em`
       };
       const {
         markWeekend
@@ -38747,7 +38800,7 @@ class RangeCalendar extends BaseComponent {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
 
-    if (!isEqual_default()(prevEventKeys, nowEventKeys)) {
+    if (!isEqual_default()(prevEventKeys, nowEventKeys) || !isEqual_default()(prevProps.range, this.props.range)) {
       this.foundation.parseRangeEvents();
     }
   }
@@ -38800,7 +38853,9 @@ RangeCalendar.propTypes = {
   markWeekend: (prop_types_default()).bool,
   scrollTop: (prop_types_default()).number,
   renderTimeDisplay: (prop_types_default()).func,
+  renderDateDisplay: (prop_types_default()).func,
   dateGridRender: (prop_types_default()).func,
+  allDayEventsRender: (prop_types_default()).func,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   style: (prop_types_default()).object,
@@ -38868,6 +38923,7 @@ Calendar.propTypes = {
   scrollTop: (prop_types_default()).number,
   onClick: (prop_types_default()).func,
   renderTimeDisplay: (prop_types_default()).func,
+  renderDateDisplay: (prop_types_default()).func,
   markWeekend: (prop_types_default()).bool,
   width: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   height: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
@@ -62543,12 +62599,18 @@ class YearAndMonthFoundation extends foundation {
 
 }
 ;// CONCATENATED MODULE: ../semi-foundation/datePicker/_utils/getYears.ts
-const getYears = () => {
-  const year = new Date().getFullYear();
-  const startYear = year - 100;
+const getYears = (startYear, endYear) => {
+  const currentYear = new Date().getFullYear();
+  let start = typeof startYear === 'number' ? startYear : currentYear - 100;
+  let end = typeof endYear === 'number' ? endYear : currentYear + 100;
+
+  if (end < start) {
+    [start, end] = [end, start];
+  }
+
   return Array.from({
-    length: 200
-  }, (v, i) => startYear + i);
+    length: end - start + 1
+  }, (v, i) => start + i);
 };
 
 /* harmony default export */ const _utils_getYears = (getYears);
@@ -62810,7 +62872,7 @@ class YearAndMonth extends BaseComponent {
       right: currentMonth.right || currentLeftMonth + 1
     };
     this.state = {
-      years: _utils_getYears().map(year => ({
+      years: _utils_getYears(props.startYear, props.endYear).map(year => ({
         value: year,
         year
       })),
@@ -63057,7 +63119,9 @@ YearAndMonth.propTypes = {
   presetPosition: prop_types_default().oneOf(datePicker_constants_strings.PRESET_POSITION_SET),
   renderQuickControls: (prop_types_default()).node,
   renderDateInput: (prop_types_default()).node,
-  type: prop_types_default().oneOf(datePicker_constants_strings.TYPE_SET)
+  type: prop_types_default().oneOf(datePicker_constants_strings.TYPE_SET),
+  startYear: (prop_types_default()).number,
+  endYear: (prop_types_default()).number
 };
 YearAndMonth.defaultProps = {
   disabledDate: (stubFalse_default()),
@@ -63545,7 +63609,9 @@ class MonthsGrid extends BaseComponent {
       locale,
       localeCode,
       density,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const y = pickerDate.getFullYear();
     const m = pickerDate.getMonth() + 1;
@@ -63573,7 +63639,9 @@ class MonthsGrid extends BaseComponent {
         }
       },
       density: density,
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 
@@ -64050,7 +64118,9 @@ class DatePicker extends BaseComponent {
         density,
         presetPosition,
         yearAndMonthOpts,
-        type
+        type,
+        startYear,
+        endYear
       } = this.props;
       const date = this.state.value[0];
       const year = {
@@ -64090,7 +64160,9 @@ class DatePicker extends BaseComponent {
         renderQuickControls: this.renderQuickControls(),
         renderDateInput: this.renderDateInput(),
         type: type,
-        yearAndMonthOpts: yearAndMonthOpts
+        yearAndMonthOpts: yearAndMonthOpts,
+        startYear: startYear,
+        endYear: endYear
       });
     };
 
@@ -64488,7 +64560,9 @@ class DatePicker extends BaseComponent {
       triggerRender,
       insetInput,
       presetPosition,
-      yearAndMonthOpts
+      yearAndMonthOpts,
+      startYear,
+      endYear
     } = this.props;
     const {
       cachedSelectedValue,
@@ -64532,7 +64606,9 @@ class DatePicker extends BaseComponent {
       presetPosition: presetPosition,
       renderQuickControls: this.renderQuickControls(),
       renderDateInput: this.renderDateInput(),
-      yearAndMonthOpts: yearAndMonthOpts
+      yearAndMonthOpts: yearAndMonthOpts,
+      startYear: startYear,
+      endYear: endYear
     });
   }
 
@@ -71473,7 +71549,8 @@ class SubNav extends BaseComponent {
       itemKey,
       indent,
       disabled,
-      level
+      level,
+      expandIcon
     } = this.props;
     const {
       mode,
@@ -71503,7 +71580,7 @@ class SubNav extends BaseComponent {
           "aria-hidden": true
         });
       } else {
-        toggleIconType = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
+        toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
           "aria-hidden": true
         }); // Horizontal mode does not require animation fix#1198
         // withTransition = true;
@@ -71513,7 +71590,7 @@ class SubNav extends BaseComponent {
         withTransition = true;
       }
 
-      toggleIconType = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
+      toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
         "aria-hidden": true
       });
     }
@@ -71697,14 +71774,6 @@ SubNav.propTypes = {
    * Nested child elements
    */
   children: (prop_types_default()).node,
-
-  /**
-   * The icon name of the right control switch (on and off status)
-   */
-  toggleIcon: prop_types_default().oneOfType([(prop_types_default()).any, prop_types_default().shape({
-    open: (prop_types_default()).string,
-    closed: (prop_types_default()).string
-  })]),
   style: (prop_types_default()).object,
 
   /**
@@ -71728,14 +71797,6 @@ SubNav.defaultProps = {
   isCollapsed: false,
   isOpen: false,
   maxHeight: navigation_constants_numbers.DEFAULT_SUBNAV_MAX_HEIGHT,
-  toggleIcon: {
-    open: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronUp, {
-      "aria-hidden": true
-    }),
-    closed: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, {
-      "aria-hidden": true
-    })
-  },
   disabled: false
 };
 ;// CONCATENATED MODULE: ./navigation/CollapseButton.tsx
@@ -71786,6 +71847,7 @@ function CollapseButton(_ref) {
 
 
 
+
 class NavFooter extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
   constructor() {
     super(...arguments);
@@ -71820,7 +71882,8 @@ class NavFooter extends external_root_React_commonjs2_react_commonjs_react_amd_r
     const {
       style,
       className,
-      collapseButton
+      collapseButton,
+      onClick
     } = this.props;
     let {
       children
@@ -71837,10 +71900,15 @@ class NavFooter extends external_root_React_commonjs2_react_commonjs_react_amd_r
     const wrapCls = classnames_default()(className, `${navigation_constants_cssClasses.PREFIX}-footer`, {
       [`${navigation_constants_cssClasses.PREFIX}-footer-collapsed`]: isCollapsed
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-      className: wrapCls,
-      style: style
-    }, children);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: wrapCls,
+        style: style,
+        onClick: onClick
+      }, children)
+    );
   }
 
 }
@@ -71850,10 +71918,12 @@ NavFooter.propTypes = {
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
   collapseButton: prop_types_default().oneOfType([(prop_types_default()).node, (prop_types_default()).bool]),
-  collapseText: (prop_types_default()).func
+  collapseText: (prop_types_default()).func,
+  onClick: (prop_types_default()).func
 };
 NavFooter.defaultProps = {
-  collapseButton: false
+  collapseButton: false,
+  onClick: (noop_default())
 };
 NavFooter.elementType = "NavFooter";
 ;// CONCATENATED MODULE: ./navigation/Header.tsx
@@ -72096,12 +72166,16 @@ class Nav extends BaseComponent {
   renderItems() {
     let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    const {
+      expandIcon
+    } = this.props;
     const finalDom = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, items.map((item, idx) => {
       if (Array.isArray(item.items) && item.items.length) {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(SubNav, Object.assign({
           key: item.itemKey || String(level) + idx
         }, item, {
-          level: level
+          level: level,
+          expandIcon: expandIcon
         }), this.renderItems(item.items, level + 1));
       } else {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Item_NavItem, Object.assign({
@@ -72268,11 +72342,13 @@ Nav.Item = Item_NavItem;
 Nav.Header = NavHeader;
 Nav.Footer = NavFooter;
 Nav.propTypes = {
+  collapseIcon: (prop_types_default()).node,
   // Initial expanded SubNav navigation key array
   defaultOpenKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
   openKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
   // Initial selected navigation key array
   defaultSelectedKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
+  expandIcon: (prop_types_default()).node,
   selectedKeys: prop_types_default().arrayOf(prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).number])),
   // Navigation type, now supports vertical, horizontal
   mode: prop_types_default().oneOf([...navigation_constants_strings.MODE]),
@@ -78561,6 +78637,10 @@ class Select extends BaseComponent {
     this.foundation.handleClearClick(e);
   }
 
+  search(value, event) {
+    this.handleInputChange(value, event);
+  }
+
   renderEmpty() {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(select_option, {
       empty: true,
@@ -87051,7 +87131,8 @@ class TableFoundation extends foundation {
                     }
 
                     return arr;
-                  }, [...children])
+                  }, // @ts-ignore
+                  [...children])
                 }));
               }
             } else if (onFilter(value, record)) {
@@ -88639,22 +88720,30 @@ class TableHeaderRow extends BaseComponent {
         return null;
       }
 
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderCell, Object.assign({
-        role: "columnheader",
-        "aria-colindex": cellIndex + 1
-      }, props, {
-        style: cellStyle,
-        key: column.key || column.dataIndex || cellIndex
-      }));
+      return (
+        /*#__PURE__*/
+        // @ts-ignore  no need to do complex ts type checking and qualification
+        external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderCell, Object.assign({
+          role: "columnheader",
+          "aria-colindex": cellIndex + 1
+        }, props, {
+          style: cellStyle,
+          key: column.key || column.dataIndex || cellIndex
+        }))
+      );
     });
 
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderRow, Object.assign({
-      role: "row",
-      "aria-rowindex": index + 1
-    }, rowProps, {
-      style: style,
-      ref: this.cacheRef
-    }), cells);
+    return (
+      /*#__PURE__*/
+      // @ts-ignore no need to do complex ts type checking and qualification
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(HeaderRow, Object.assign({
+        role: "row",
+        "aria-rowindex": index + 1
+      }, rowProps, {
+        style: style,
+        ref: this.cacheRef
+      }), cells)
+    );
   }
 
 }
@@ -95183,9 +95272,7 @@ class TimePickerFoundation extends foundation {
   }
 
   isValidTimeZone(timeZone) {
-    const _timeZone = timeZone === undefined ? this.getProp('timeZone') : timeZone;
-
-    return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
+    return ['string', 'number'].includes(typeof timeZone) && timeZone !== '';
   }
 
   getDefaultFormatIfNeed() {
@@ -95223,7 +95310,7 @@ class TimePickerFoundation extends foundation {
       const pv = parseToDate(v, formatToken, dateFnsLocale);
 
       if (!isNaN(pv.getTime())) {
-        parsedValues.push(this.isValidTimeZone() ? utcToZonedTime(pv, timeZone) : pv);
+        parsedValues.push(this.isValidTimeZone(timeZone) ? utcToZonedTime(pv, timeZone) : pv);
       }
     });
     const isAM = [true, false];
@@ -95552,7 +95639,7 @@ class TimePickerFoundation extends foundation {
       _value = Array.isArray(_value) ? _value[0] : _value;
     }
 
-    if (this.isValidTimeZone() && _value) {
+    if (this.isValidTimeZone(timeZone) && _value) {
       const formatToken = this.getValidFormat();
 
       if (Array.isArray(_value)) {