@douyinfe/semi-ui 2.1.0-beta.3 → 2.1.0-next.3

package/lib/cjs/datePicker/footer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Locale } from '../locale/interface';
+interface FooterProps {
+    prefixCls?: string;
+    locale: Locale['DatePicker'];
+    localeCode: string;
+    onCancelClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onConfirmClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export default function Footer(props?: FooterProps): JSX.Element;
+export {};

package/lib/cjs/datePicker/footer.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = Footer;
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+function Footer() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefixCls,
+    locale,
+    onCancelClick,
+    onConfirmClick
+  } = props;
+  const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-footer"));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapCls
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    theme: "borderless",
+    onClick: onCancelClick
+  }, (0, _get2.default)(locale, 'footer.cancel', '')), /*#__PURE__*/_react.default.createElement(_button.default, {
+    theme: "solid",
+    onClick: onConfirmClick
+  }, (0, _get2.default)(locale, 'footer.confirm', '')));
+}

package/lib/cjs/datePicker/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import DatePicker, { DatePickerProps } from './datePicker';
+export { DateInputProps } from './dateInput';
+export { DatePickerProps } from './datePicker';
+export { MonthProps } from './month';
+export { MonthsGridProps } from './monthsGrid';
+export { QuickControlProps } from './quickControl';
+export { YearAndMonthProps } from './yearAndMonth';
+declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePicker>>;
+export default _default;
+export { BaseValueType, DayStatusType, DisabledDateOptions, DisabledDateType, DisabledTimeType, InputSize, Position, PresetType, PresetsType, TriggerRenderProps, ValidateStatus, ValueType, } from '@douyinfe/semi-foundation/lib/cjs/datePicker/foundation';

package/lib/cjs/datePicker/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _object = require("@douyinfe/semi-foundation/lib/cjs/utils/object");
+
+var _datePicker = _interopRequireDefault(require("./datePicker"));
+
+var _context = _interopRequireDefault(require("../configProvider/context"));
+
+var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
+
+var _default = (0, _object.forwardStatics)( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const propsObj = (0, _assign.default)({}, props);
+  const {
+    type,
+    format,
+    rangeSeparator
+  } = propsObj;
+
+  if (typeof format === 'string' && format) {
+    if (!/[Hhms]+/.test(format)) {
+      if (type === 'dateTime') {
+        propsObj.type = 'date';
+      } else if (type === 'dateTimeRange') {
+        propsObj.type = 'dateRange';
+      }
+    }
+  } // Add spaces at both ends to prevent conflicts with characters in the date when separating
+
+
+  if (rangeSeparator && typeof rangeSeparator === 'string') {
+    propsObj.rangeSeparator = " ".concat((0, _trim.default)(rangeSeparator).call(rangeSeparator), " ");
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, _ref => {
+    let {
+      timeZone
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+      componentName: 'DatePicker'
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _assign.default)({
+      timeZone: timeZone,
+      localeCode: localeCode,
+      locale: locale,
+      dateFnsLocale: dateFnsLocale
+    }, propsObj, {
+      ref: ref
+    })));
+  });
+}), _datePicker.default);
+
+exports.default = _default;

package/lib/cjs/datePicker/month.d.ts

@@ -0,0 +1,203 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import MonthFoundation, { MonthAdapter, MonthDayInfo, MonthFoundationProps, MonthFoundationState } from '@douyinfe/semi-foundation/lib/cjs/datePicker/monthFoundation';
+import BaseComponent, { BaseProps } from '../_base/baseComponent';
+import { Locale } from '../locale/interface';
+export interface MonthProps extends MonthFoundationProps, BaseProps {
+    forwardRef: React.Ref<any>;
+    locale: Locale['DatePicker'];
+    focusRecordsRef: React.RefObject<{
+        rangeStart: boolean;
+        rangeEnd: boolean;
+    }>;
+}
+export declare type MonthState = MonthFoundationState;
+export default class Month extends BaseComponent<MonthProps, MonthState> {
+    static propTypes: {
+        month: PropTypes.Requireable<object>;
+        selected: PropTypes.Requireable<object>;
+        rangeStart: PropTypes.Requireable<string>;
+        rangeEnd: PropTypes.Requireable<string>;
+        offsetRangeStart: PropTypes.Requireable<string>;
+        offsetRangeEnd: PropTypes.Requireable<string>;
+        onDayClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onDayHover: PropTypes.Requireable<(...args: any[]) => any>;
+        weekStartsOn: PropTypes.Requireable<number>;
+        disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
+        weeksRowNum: PropTypes.Requireable<number>;
+        onWeeksRowNumChange: PropTypes.Requireable<(...args: any[]) => any>;
+        renderDate: PropTypes.Requireable<(...args: any[]) => any>;
+        renderFullDate: PropTypes.Requireable<(...args: any[]) => any>;
+        hoverDay: PropTypes.Requireable<string>;
+        startDateOffset: PropTypes.Requireable<(...args: any[]) => any>;
+        endDateOffset: PropTypes.Requireable<(...args: any[]) => any>;
+        rangeInputFocus: PropTypes.Requireable<string | boolean>;
+        focusRecordsRef: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {
+        month: Date;
+        selected: Set<unknown>;
+        rangeStart: string;
+        rangeEnd: string;
+        onDayClick: (...args: any[]) => void;
+        onDayHover: (...args: any[]) => void;
+        onWeeksRowNumChange: (...args: any[]) => void;
+        weekStartsOn: 0;
+        disabledDate: {
+            (): false;
+            (): false;
+        };
+        weeksRowNum: number;
+    };
+    monthRef: React.RefObject<HTMLDivElement>;
+    foundation: MonthFoundation;
+    constructor(props: MonthProps);
+    get adapter(): MonthAdapter;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: MonthProps, prevState: MonthState): void;
+    getSingleDayStatus(options: Partial<MonthProps> & {
+        fullDate: string;
+        todayText: string;
+    }): {
+        isToday: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    };
+    getDateRangeStatus(options: Partial<MonthProps> & {
+        fullDate: string;
+    }): {
+        isHoverDay?: undefined;
+        isSelectedStart?: undefined;
+        isSelectedEnd?: undefined;
+        isInRange?: undefined;
+        isHover?: undefined;
+        isSelectedStartAfterHover?: undefined;
+        isSelectedEndBeforeHover?: undefined;
+        isHoverDayInRange?: undefined;
+        isHoverDayInStartSelection?: undefined;
+        isHoverDayInEndSelection?: undefined;
+        isHoverDayAroundOneSelected?: undefined;
+    } | {
+        isHoverDay: boolean;
+        isSelectedStart: any;
+        isSelectedEnd: any;
+        isInRange: any;
+        isHover: any;
+        isSelectedStartAfterHover: any;
+        isSelectedEndBeforeHover: any;
+        isHoverDayInRange: any;
+        isHoverDayInStartSelection: any;
+        isHoverDayInEndSelection: any;
+        isHoverDayAroundOneSelected: any;
+    };
+    getOffsetDateStatus(options: Partial<MonthProps> & {
+        fullDate: string;
+    }): {
+        isOffsetRangeStart?: undefined;
+        isOffsetRangeEnd?: undefined;
+        isHoverInOffsetRange?: undefined;
+        isHoverDayOffset?: undefined;
+        isInOffsetRange?: undefined;
+    } | {
+        isOffsetRangeStart: boolean;
+        isOffsetRangeEnd: boolean;
+        isHoverInOffsetRange: any;
+        isHoverDayOffset: boolean;
+        isInOffsetRange: any;
+    };
+    /**
+     * get day current status
+     * @param {Object} fullDate
+     * @param {Object} options
+     * @returns {Object}
+     */
+    getDayStatus(currentDay: MonthDayInfo, options: MonthProps & {
+        todayText: string;
+    }): {
+        isOffsetRangeStart?: undefined;
+        isOffsetRangeEnd?: undefined;
+        isHoverInOffsetRange?: undefined;
+        isHoverDayOffset?: undefined;
+        isInOffsetRange?: undefined;
+        isHoverDay?: undefined;
+        isSelectedStart?: undefined;
+        isSelectedEnd?: undefined;
+        isInRange?: undefined;
+        isHover?: undefined;
+        isSelectedStartAfterHover?: undefined;
+        isSelectedEndBeforeHover?: undefined;
+        isHoverDayInRange?: undefined;
+        isHoverDayInStartSelection?: undefined;
+        isHoverDayInEndSelection?: undefined;
+        isHoverDayAroundOneSelected?: undefined;
+        isToday: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    } | {
+        isOffsetRangeStart: boolean;
+        isOffsetRangeEnd: boolean;
+        isHoverInOffsetRange: any;
+        isHoverDayOffset: boolean;
+        isInOffsetRange: any;
+        isHoverDay?: undefined;
+        isSelectedStart?: undefined;
+        isSelectedEnd?: undefined;
+        isInRange?: undefined;
+        isHover?: undefined;
+        isSelectedStartAfterHover?: undefined;
+        isSelectedEndBeforeHover?: undefined;
+        isHoverDayInRange?: undefined;
+        isHoverDayInStartSelection?: undefined;
+        isHoverDayInEndSelection?: undefined;
+        isHoverDayAroundOneSelected?: undefined;
+        isToday: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    } | {
+        isOffsetRangeStart?: undefined;
+        isOffsetRangeEnd?: undefined;
+        isHoverInOffsetRange?: undefined;
+        isHoverDayOffset?: undefined;
+        isInOffsetRange?: undefined;
+        isHoverDay: boolean;
+        isSelectedStart: any;
+        isSelectedEnd: any;
+        isInRange: any;
+        isHover: any;
+        isSelectedStartAfterHover: any;
+        isSelectedEndBeforeHover: any;
+        isHoverDayInRange: any;
+        isHoverDayInStartSelection: any;
+        isHoverDayInEndSelection: any;
+        isHoverDayAroundOneSelected: any;
+        isToday: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    } | {
+        isOffsetRangeStart: boolean;
+        isOffsetRangeEnd: boolean;
+        isHoverInOffsetRange: any;
+        isHoverDayOffset: boolean;
+        isInOffsetRange: any;
+        isHoverDay: boolean;
+        isSelectedStart: any;
+        isSelectedEnd: any;
+        isInRange: any;
+        isHover: any;
+        isSelectedStartAfterHover: any;
+        isSelectedEndBeforeHover: any;
+        isHoverDayInRange: any;
+        isHoverDayInStartSelection: any;
+        isHoverDayInEndSelection: any;
+        isHoverDayAroundOneSelected: any;
+        isToday: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    };
+    renderDayOfWeek(): JSX.Element;
+    renderWeeks(): JSX.Element;
+    renderWeek(week: MonthDayInfo[], weekIndex: number): JSX.Element;
+    renderDay(day: MonthDayInfo, dayIndex: number): JSX.Element;
+    render(): JSX.Element;
+}