wini-web-components 2.6.1 → 2.6.2

package/dist/component/button/button.d.ts

@@ -12,9 +12,10 @@ interface ButtonProps {
     /**
      * default: size32: button-text-3 \
      * recommend: size64: button-text-1 | size56: button-text-1 | size48: button-text-1 | size40: button-text-3 | size32: button-text-3 | size24: button-text-5
+     * status button: button-primary | button-infor | button-warning | button-error | button-success | button-grey | button-neutral | button-infor-main | button-warning-main | button-error-main | button-success-main
      * */
     className?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
 }
 export declare class Button extends React.Component<ButtonProps> {
     render(): React.JSX.Element;

package/dist/component/button/button.js

@@ -10,7 +10,7 @@ const button_module_css_1 = __importDefault(require("./button.module.css"));
 class Button extends react_1.default.Component {
     render() {
         var _a, _b, _c;
-        return this.props.linkTo ? react_1.default.createElement("a", { id: this.props.id, href: this.props.disabled ? undefined : this.props.linkTo, target: this.props.target, className: `${button_module_css_1.default['button-container']} row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : "button-text-3"}`, style: this.props.style },
+        return this.props.linkTo ? react_1.default.createElement("a", { id: this.props.id, href: this.props.disabled ? undefined : this.props.linkTo, target: this.props.target, className: `${button_module_css_1.default['button-container']} row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : "button-text-3"}`, style: this.props.style, onClick: this.props.onClick },
             this.props.prefix,
             react_1.default.createElement(text_1.Text, { maxLine: 1, className: button_module_css_1.default['button-label'] }, this.props.label),
             this.props.suffix) : react_1.default.createElement("button", { id: this.props.id, type: (_b = this.props.type) !== null && _b !== void 0 ? _b : "button", disabled: this.props.disabled, className: `${button_module_css_1.default['button-container']} row ${(_c = this.props.className) !== null && _c !== void 0 ? _c : "button-text-3"}`, style: this.props.style, onClick: this.props.onClick },

package/dist/component/calendar/calendar.d.ts

@@ -4,12 +4,6 @@ export declare const today: Date;
 export declare const startDate: Date;
 export declare const endDate: Date;
 export declare const inRangeTime: (date: Date, startDate: Date, endDate: Date) => boolean;
-export declare enum CalendarType {
-    DATE = 0,
-    MONTH = 1,
-    YEAR = 2,
-    DATETIME = 3
-}
 interface CalendarProps extends WithTranslation {
     id?: string;
     value?: Date | {

package/dist/component/calendar/calendar.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = exports.CalendarType = exports.inRangeTime = exports.endDate = exports.startDate = exports.today = void 0;
+exports.Calendar = exports.inRangeTime = exports.endDate = exports.startDate = exports.today = void 0;
 const react_1 = __importDefault(require("react"));
 const calendar_module_css_1 = __importDefault(require("./calendar.module.css"));
 const date_fns_1 = require("date-fns");
@@ -14,13 +14,6 @@ exports.startDate = new Date(exports.today.getFullYear() - 100, exports.today.ge
 exports.endDate = new Date(exports.today.getFullYear() + 100, exports.today.getMonth(), exports.today.getDate());
 const inRangeTime = (date, startDate, endDate) => ((0, date_fns_1.differenceInCalendarDays)(date, startDate) > -1 && (0, date_fns_1.differenceInCalendarDays)(endDate, date) > -1);
 exports.inRangeTime = inRangeTime;
-var CalendarType;
-(function (CalendarType) {
-    CalendarType[CalendarType["DATE"] = 0] = "DATE";
-    CalendarType[CalendarType["MONTH"] = 1] = "MONTH";
-    CalendarType[CalendarType["YEAR"] = 2] = "YEAR";
-    CalendarType[CalendarType["DATETIME"] = 3] = "DATETIME";
-})(CalendarType || (exports.CalendarType = CalendarType = {}));
 var CalendarTab;
 (function (CalendarTab) {
     CalendarTab[CalendarTab["DATE"] = 0] = "DATE";

package/dist/component/date-time-picker/date-time-picker.d.ts

@@ -0,0 +1,36 @@
+import { CSSProperties, ReactNode } from "react";
+import React from "react";
+interface ValueProps {
+    start?: Date;
+    end?: Date;
+    /** type: 1: daily, 2: weekly, 3: monthly */
+    repeatData?: {
+        type: 1 | 2 | 3;
+        value: Array<string | number>;
+    };
+}
+interface DateTimePickerProps {
+    id?: string;
+    value?: Date;
+    endValue?: Date;
+    min?: Date;
+    max?: Date;
+    pickOnly?: boolean;
+    helperText?: string;
+    helperTextColor?: string;
+    placeholder?: string;
+    className?: string;
+    style?: CSSProperties;
+    disabled?: boolean;
+    pickerType?: "auto" | "date" | "datetime" | "daterange" | "datetimerange";
+    enableRepeat?: boolean;
+    /** type: 1: daily, 2: weekly, 3: monthly */
+    repeatValue?: {
+        type: 1 | 2 | 3;
+        value: Array<"everyday" | "last" | number>;
+    };
+    prefix?: ReactNode;
+    onChange?: (ev?: Date | ValueProps) => void;
+}
+export declare function DateTimePicker(props: DateTimePickerProps): React.JSX.Element;
+export {};