@douyinfe/semi-ui 2.34.0 → 2.34.1-alpha.3

package/lib/cjs/typography/util.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -62,7 +60,6 @@ const getRenderText = function (originEle, rows) {
   const lineHeight = pxToNumber(originStyle.lineHeight);
   const maxHeight = Math.round(lineHeight * (rows + 1) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom)); // Set shadow
 
-  const maxWidth = parseInt(originStyle.width);
   ellipsisContainer.setAttribute('style', originCSS);
   ellipsisContainer.style.position = 'fixed';
   ellipsisContainer.style.left = '0';
@@ -77,32 +74,20 @@ const getRenderText = function (originEle, rows) {
 
 
   function inRange() {
-    if (originStyle.whiteSpace === 'nowrap') {
-      return ellipsisContainer.scrollWidth <= maxWidth;
-    }
-
+    // console.log('inrange?', ellipsisContainer.scrollHeight, ellipsisContainer.scrollHeight < maxHeight)
     return ellipsisContainer.scrollHeight < maxHeight;
   } // ========================= Find match ellipsis content =========================
   // Create origin content holder
 
 
   const ellipsisContentHolder = document.createElement('span');
-  const textNode = document.createTextNode(content);
-  ellipsisContentHolder.appendChild(textNode);
-
-  if (suffix.length > 0) {
-    const ellipsisTextNode = document.createTextNode(suffix);
-    ellipsisContentHolder.appendChild(ellipsisTextNode);
-  }
+  const ellipsisTextNode = document.createTextNode(suffix);
+  ellipsisContentHolder.appendChild(ellipsisTextNode);
+  ellipsisContainer.appendChild(ellipsisContentHolder);
+  fixedContent.map(node => node && ellipsisContainer.appendChild(node.cloneNode(true))); // Append before fixed nodes
 
-  ellipsisContainer.appendChild(ellipsisContentHolder); // Expand node needs to be added only when text needTruncated
-
-  Object.values((0, _omit2.default)(fixedContent, 'expand')).map(node => node && ellipsisContainer.appendChild(node.cloneNode(true)));
-
-  function appendExpandNode() {
-    ellipsisContainer.innerHTML = '';
-    ellipsisContainer.appendChild(ellipsisContentHolder);
-    Object.values(fixedContent).map(node => node && ellipsisContainer.appendChild(node.cloneNode(true)));
+  function appendChildNode(node) {
+    ellipsisContentHolder.insertBefore(node, ellipsisTextNode);
   }
 
   function getCurrentText(text, pos) {
@@ -112,7 +97,7 @@ const getRenderText = function (originEle, rows) {
       return ellipsisStr;
     }
 
-    if (ellipsisPos === 'end') {
+    if (ellipsisPos === 'end' || pos > end - pos) {
       return text.slice(0, pos) + ellipsisStr;
     }
 
@@ -134,8 +119,8 @@ const getRenderText = function (originEle, rows) {
         const currentStepText = getCurrentText(fullText, step);
         textNode.textContent = currentStepText;
 
-        if (inRange()) {
-          return currentStepText;
+        if (inRange() || !currentStepText) {
+          return step === fullText.length ? fullText : currentStepText;
         }
       }
     } else if (endLoc === 0) {
@@ -149,17 +134,9 @@ const getRenderText = function (originEle, rows) {
     return measureText(textNode, fullText, startLoc, midLoc, lastSuccessLoc);
   }
 
-  let resText = content; // First judge whether the total length of fullText, plus suffix (possible)
-  // and copied icon (possible) meets expectations？ 
-  // If it does not meet expectations, add an expand button to find the largest  content that meets size limit
-  // 首先判断总文本长度，加上可能有的 suffix，复制按钮长度，看结果是否符合预期
-  // 如果不符合预期，则再加上展开按钮，找最大符合尺寸的内容
-
-  if (!inRange()) {
-    appendExpandNode();
-    resText = measureText(textNode, content, 0, ellipsisPos === 'middle' ? Math.floor(content.length / 2) : content.length);
-  }
-
+  const textNode = document.createTextNode(content);
+  appendChildNode(textNode);
+  const resText = measureText(textNode, content);
   ellipsisContainer.innerHTML = '';
   return resText;
 };

package/lib/es/anchor/index.d.ts

@@ -39,7 +39,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"default" | "small">;
+        size: PropTypes.Requireable<"small" | "default">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

package/lib/es/autoComplete/index.d.ts

@@ -125,7 +125,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/es/breadcrumb/item.js

@@ -111,7 +111,7 @@ export default class BreadcrumbItem extends BaseComponent {
           },
           // icon={this.renderIcon(icon)}
           style: {
-            maxWidth: width
+            width
           },
           size: compact ? 'small' : 'normal'
         }, children)));

package/lib/es/button/Button.d.ts

@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

package/lib/es/button/index.d.ts

@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"default" | "small" | "large">;
+        size: import("prop-types").Requireable<"small" | "default" | "large">;
         type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/es/calendar/interface.d.ts

@@ -2,7 +2,7 @@
 import { strings } from '@douyinfe/semi-foundation/lib/es/calendar/constants';
 import type { ArrayElement } from '../_base/base';
 import type { BaseProps } from '../_base/baseComponent';
-import type { EventObject, weekStartsOnEnum } from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
+import type { EventObject, weeekStartsOnEnum } from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
 export interface CalendarProps extends BaseProps {
     displayValue?: Date;
     range?: Date[];
@@ -10,7 +10,7 @@ export interface CalendarProps extends BaseProps {
     events?: EventObject[];
     mode?: ArrayElement<typeof strings.MODE>;
     showCurrTime?: boolean;
-    weekStartsOn?: weekStartsOnEnum;
+    weekStartsOn?: weeekStartsOnEnum;
     scrollTop?: number;
     onClick?: (e: React.MouseEvent, value: Date) => void;
     onClose?: (e: React.MouseEvent) => void;

package/lib/es/card/index.d.ts

@@ -42,8 +42,45 @@ export interface CardProps {
     /** aria label */
     'aria-label'?: string;
 }
+export interface CardHeaderProps {
+    title?: ReactNode;
+    headerExtraContent?: ReactNode;
+    header?: ReactNode;
+    headerLine?: boolean;
+    headerStyle?: CSSProperties;
+}
+export interface CardFooterProps {
+    footer?: ReactNode;
+    footerLine?: boolean;
+    footerStyle?: CSSProperties;
+}
+export interface CardBodyProps {
+    cover: ReactNode;
+    children: ReactNode;
+    actions: ReactNode[];
+    loading: boolean;
+    bodyStyle?: CSSProperties;
+    style?: CSSProperties;
+}
+declare class Header extends PureComponent<CardHeaderProps> {
+    static elementType: string;
+    render(): JSX.Element;
+}
+declare class Footer extends PureComponent<CardFooterProps> {
+    static elementType: string;
+    render(): JSX.Element;
+}
+declare class Body extends PureComponent<CardBodyProps> {
+    static elementType: string;
+    renderCover: () => ReactNode;
+    renderBody: () => ReactNode;
+    render(): JSX.Element;
+}
 declare class Card extends PureComponent<CardProps> {
     static Meta: typeof Meta;
+    static Header: typeof Header;
+    static Footer: typeof Footer;
+    static Body: typeof Body;
     static propTypes: {
         actions: PropTypes.Requireable<any[]>;
         bodyStyle: PropTypes.Requireable<object>;
@@ -70,10 +107,6 @@ declare class Card extends PureComponent<CardProps> {
         headerLine: boolean;
         loading: boolean;
     };
-    renderHeader: () => ReactNode;
-    renderCover: () => ReactNode;
-    renderBody: () => ReactNode;
-    renderFooter: () => ReactNode;
     render(): ReactNode;
 }
 export default Card;

package/lib/es/card/index.js

@@ -1,5 +1,4 @@
 import _isString from "lodash/isString";
-import _omit from "lodash/omit";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -23,53 +22,75 @@ import Typography from '../typography';
 import Space from '../space';
 const prefixcls = cssClasses.PREFIX;
 
-class Card extends PureComponent {
+class Header extends PureComponent {
+  render() {
+    const {
+      title,
+      headerExtraContent,
+      header,
+      headerLine,
+      headerStyle
+    } = this.props;
+    const headerCls = cls(`${prefixcls}-header`, {
+      [`${prefixcls}-header-bordered`]: Boolean(headerLine)
+    });
+    const headerWrapperCls = cls(`${prefixcls}-header-wrapper`);
+    const titleCls = cls(`${prefixcls}-header-wrapper-title`, {
+      [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
+    });
+
+    if (header || headerExtraContent || title) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: headerStyle,
+        className: headerCls
+      }, header ||
+      /*#__PURE__*/
+      // Priority of header over title and headerExtraContent
+      React.createElement("div", {
+        className: headerWrapperCls
+      }, title && /*#__PURE__*/React.createElement("div", {
+        className: titleCls
+      }, _isString(title) ? /*#__PURE__*/React.createElement(Typography.Title, {
+        heading: 6,
+        ellipsis: {
+          showTooltip: true,
+          rows: 1
+        },
+        "x-semi-prop": "title"
+      }, title) : title), headerExtraContent && /*#__PURE__*/React.createElement("div", {
+        className: `${prefixcls}-header-wrapper-extra`,
+        "x-semi-prop": "headerExtraContent"
+      }, headerExtraContent)));
+    }
+
+    return null;
+  }
+
+}
+
+class Footer extends PureComponent {
+  render() {
+    const {
+      footer,
+      footerLine,
+      footerStyle
+    } = this.props;
+    const footerCls = cls(`${prefixcls}-footer`, {
+      [`${prefixcls}-footer-bordered`]: footerLine
+    });
+    return footer ? /*#__PURE__*/React.createElement("div", {
+      style: footerStyle,
+      className: footerCls,
+      "x-semi-prop": "footer"
+    }, footer) : null;
+  }
+
+}
+
+class Body extends PureComponent {
   constructor() {
     super(...arguments);
 
-    this.renderHeader = () => {
-      const {
-        title,
-        headerExtraContent,
-        header,
-        headerLine,
-        headerStyle
-      } = this.props;
-      const headerCls = cls(`${prefixcls}-header`, {
-        [`${prefixcls}-header-bordered`]: Boolean(headerLine)
-      });
-      const headerWrapperCls = cls(`${prefixcls}-header-wrapper`);
-      const titleCls = cls(`${prefixcls}-header-wrapper-title`, {
-        [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
-      });
-
-      if (header || headerExtraContent || title) {
-        return /*#__PURE__*/React.createElement("div", {
-          style: headerStyle,
-          className: headerCls
-        }, header ||
-        /*#__PURE__*/
-        // Priority of header over title and headerExtraContent
-        React.createElement("div", {
-          className: headerWrapperCls
-        }, headerExtraContent && /*#__PURE__*/React.createElement("div", {
-          className: `${prefixcls}-header-wrapper-extra`,
-          "x-semi-prop": "headerExtraContent"
-        }, headerExtraContent), title && /*#__PURE__*/React.createElement("div", {
-          className: titleCls
-        }, _isString(title) ? /*#__PURE__*/React.createElement(Typography.Title, {
-          heading: 6,
-          ellipsis: {
-            showTooltip: true,
-            rows: 1
-          },
-          "x-semi-prop": "title"
-        }, title) : title)));
-      }
-
-      return null;
-    };
-
     this.renderCover = () => {
       const {
         cover
@@ -86,7 +107,7 @@ class Card extends PureComponent {
         bodyStyle,
         children,
         actions,
-        loading
+        loading = false
       } = this.props;
       const bodyCls = cls(`${prefixcls}-body`);
       const actionsCls = cls(`${prefixcls}-body-actions`);
@@ -111,51 +132,211 @@ class Card extends PureComponent {
         "x-semi-prop": `actions.${idx}`
       }, item)))));
     };
+  }
 
-    this.renderFooter = () => {
-      const {
-        footer,
-        footerLine,
-        footerStyle
-      } = this.props;
-      const footerCls = cls(`${prefixcls}-footer`, {
-        [`${prefixcls}-footer-bordered`]: footerLine
-      });
-      return footer && /*#__PURE__*/React.createElement("div", {
-        style: footerStyle,
-        className: footerCls,
-        "x-semi-prop": "footer"
-      }, footer);
-    };
+  render() {
+    const bodyWrapperCls = cls(`${prefixcls}-body-wrapper`);
+    return /*#__PURE__*/React.createElement("div", {
+      className: bodyWrapperCls,
+      style: this.props.style
+    }, this.renderCover(), this.renderBody());
   }
 
+}
+
+Header.elementType = 'Card.Header';
+Footer.elementType = 'Card.Footer';
+Body.elementType = 'Card.Body';
+
+class Card extends PureComponent {
+  // renderHeader = (): ReactNode => {
+  //     const {
+  //         title,
+  //         headerExtraContent,
+  //         header,
+  //         headerLine,
+  //         headerStyle
+  //     } = this.props;
+  //     const headerCls = cls(`${prefixcls}-header`, {
+  //         [`${prefixcls}-header-bordered`]: Boolean(headerLine)
+  //     });
+  //     const headerWrapperCls = cls(`${prefixcls}-header-wrapper`);
+  //     const titleCls = cls(`${prefixcls}-header-wrapper-title`, {
+  //         [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
+  //     });
+  //     if (header || headerExtraContent || title) {
+  //         return (
+  //             <div style={headerStyle} className={headerCls}>
+  //                 {header || ( // Priority of header over title and headerExtraContent
+  //                     <div className={headerWrapperCls}>
+  //                         {headerExtraContent && (
+  //                             <div
+  //                                 className={`${prefixcls}-header-wrapper-extra`}
+  //                                 x-semi-prop="headerExtraContent"
+  //                             >
+  //                                 {headerExtraContent}
+  //                             </div>
+  //                         )}
+  //                         {title && (
+  //                             <div className={titleCls}>
+  //                                 {isString(title) ? (
+  //                                     <Typography.Title
+  //                                         heading={6}
+  //                                         ellipsis={{ showTooltip: true, rows: 1 }}
+  //                                         x-semi-prop="title"
+  //                                     >
+  //                                         {title}
+  //                                     </Typography.Title>
+  //                                 ) : (
+  //                                     title
+  //                                 )}
+  //                             </div>
+  //                         )}
+  //                     </div>
+  //                 )}
+  //             </div>
+  //         );
+  //     }
+  //     return null;
+  // };
+  // renderCover = (): ReactNode => {
+  //     const {
+  //         cover
+  //     } = this.props;
+  //     const coverCls = cls(`${prefixcls}-cover`);
+  //     return (
+  //         cover && (
+  //             <div className={coverCls} x-semi-prop="cover">
+  //                 {cover}
+  //             </div>
+  //         )
+  //     );
+  // };
+  // renderBody = (): ReactNode => {
+  //     const { bodyStyle, children, actions, loading } = this.props;
+  //     const bodyCls = cls(`${prefixcls}-body`);
+  //     const actionsCls = cls(`${prefixcls}-body-actions`);
+  //     const actionsItemCls = cls(`${prefixcls}-body-actions-item`);
+  //     const placeholder = (
+  //         <div>
+  //             <Skeleton.Title />
+  //             <br />
+  //             <Skeleton.Paragraph rows={3} />
+  //         </div>
+  //     );
+  //     return (
+  //         <div style={bodyStyle} className={bodyCls}>
+  //             {children && (
+  //                 <Skeleton placeholder={placeholder} loading={loading} active>
+  //                     {children}
+  //                 </Skeleton>
+  //             )}
+  //             {
+  //                 Array.isArray(actions) &&
+  //                 (
+  //                     <div className={actionsCls}>
+  //                         <Space spacing={12}>
+  //                             {actions.map((item, idx) => (
+  //                                 <div key={idx} className={actionsItemCls} x-semi-prop={`actions.${idx}`}>{item}</div>
+  //                             ))}
+  //                         </Space>
+  //                     </div>
+  //                 )
+  //             }
+  //         </div>
+  //     );
+  // };
+  // renderFooter = (): ReactNode => {
+  //     const {
+  //         footer,
+  //         footerLine,
+  //         footerStyle
+  //     } = this.props;
+  //     const footerCls = cls(`${prefixcls}-footer`, {
+  //         [`${prefixcls}-footer-bordered`]: footerLine
+  //     });
+  //     return (
+  //         footer && (
+  //             <div style={footerStyle} className={footerCls} x-semi-prop="footer">
+  //                 {footer}
+  //             </div>
+  //         )
+  //     );
+  // };
   render() {
     const _a = this.props,
           {
       bordered,
       shadows,
       style,
-      className
+      className,
+      actions,
+      bodyStyle,
+      cover,
+      headerExtraContent,
+      footer,
+      footerLine,
+      footerStyle,
+      header,
+      headerLine,
+      headerStyle,
+      loading,
+      title,
+      children
     } = _a,
-          otherProps = __rest(_a, ["bordered", "shadows", "style", "className"]);
+          otherProps = __rest(_a, ["bordered", "shadows", "style", "className", "actions", "bodyStyle", "cover", "headerExtraContent", "footer", "footerLine", "footerStyle", "header", "headerLine", "headerStyle", "loading", "title", "children"]); // const others = omit(otherProps, [ // Remove APIs in otherProps that do not need to be hung on the outer node
+    //     'actions',
+    //     'bodyStyle',
+    //     'cover',
+    //     'headerExtraContent',
+    //     'footer',
+    //     'footerLine',
+    //     'footerStyle',
+    //     'header',
+    //     'headerLine',
+    //     'headerStyle',
+    //     'loading',
+    //     'title'
+    // ]);
 
-    const others = _omit(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
 
     const cardCls = cls(prefixcls, className, {
       [`${prefixcls}-bordered`]: bordered,
       [`${prefixcls}-shadows`]: shadows,
       [`${prefixcls}-shadows-${shadows}`]: shadows
     });
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
+    const headProps = {
+      title,
+      headerExtraContent,
+      header,
+      headerLine,
+      headerStyle
+    };
+    const bodyProps = {
+      cover,
+      bodyStyle,
+      children,
+      actions,
+      loading
+    };
+    const footerProps = {
+      footer,
+      footerLine,
+      footerStyle
+    };
+    return /*#__PURE__*/React.createElement("div", Object.assign({}, otherProps, {
       "aria-busy": this.props.loading,
       className: cardCls,
       style: style
-    }), this.renderHeader(), this.renderCover(), this.renderBody(), this.renderFooter());
+    }), /*#__PURE__*/React.createElement(Header, Object.assign({}, headProps)), /*#__PURE__*/React.createElement(Body, Object.assign({}, bodyProps)), /*#__PURE__*/React.createElement(Footer, Object.assign({}, footerProps)));
   }
 
 }
 
 Card.Meta = Meta;
+Card.Header = Header;
+Card.Footer = Footer;
+Card.Body = Body;
 Card.propTypes = {
   actions: PropTypes.array,
   bodyStyle: PropTypes.object,

package/lib/es/cascader/index.d.ts

@@ -200,8 +200,6 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     handleListScroll: (e: React.UIEvent<HTMLUListElement, UIEvent>, ind: number) => void;
     close(): void;
     open(): void;
-    focus(): void;
-    blur(): void;
     renderContent: () => JSX.Element;
     renderPlusN: (hiddenTag: Array<ReactNode>) => JSX.Element;
     renderMultipleTags: () => JSX.Element;

package/lib/es/cascader/index.js

@@ -591,11 +591,6 @@ class Cascader extends BaseComponent {
             preventScroll
           });
         }
-      },
-      blurInput: () => {
-        if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.blur();
-        }
       }
     };
     const cascaderAdapter = {
@@ -932,14 +927,6 @@ class Cascader extends BaseComponent {
     this.foundation.open();
   }
 
-  focus() {
-    this.foundation.focus();
-  }
-
-  blur() {
-    this.foundation.blur();
-  }
-
   render() {
     const {
       zIndex,

package/lib/es/datePicker/dateInput.d.ts

@@ -30,7 +30,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/es/datePicker/datePicker.d.ts

@@ -58,8 +58,8 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;