@wizleap-inc/wiz-ui-next 1.7.0 → 1.8.0

package/dist/components/base/calendar/calendar.vue.d.ts

@@ -21,7 +21,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     props: any;
     calendars: import("vue").ComputedRef<string[][]>;
     isCurrentMonth: (row: number, col: number) => boolean;
-    getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | import("./types").DateState | "inCurrentMonth">;
+    getDateState: import("vue").ComputedRef<(row: number, col: number) => import("./types").DateState | "outOfCurrentMonth" | "inCurrentMonth">;
     updateSelectedDate: (row: number, col: number, day: string) => void;
     readonly WEEK_LIST_JP: string[];
     readonly calendarStyle: string;

package/dist/components/base/dialog/dialog.vue.d.ts

@@ -17,6 +17,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"center" | "end" | "start">;
         required: false;
     };
+    hideClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }, {
     props: any;
     emit: (e: "update:modelValue", value: boolean) => void;
@@ -695,9 +700,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"center" | "end" | "start">;
         required: false;
     };
+    hideClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     maxWidth: string;
+    hideClose: boolean;
 }>;
 export default _sfc_main;

package/dist/components/base/inputs/checkbox/checkbox.vue.d.ts

@@ -33,16 +33,21 @@ declare const _sfc_main: import("vue").DefineComponent<{
     emit: (e: "update:modelValue", value: number[]) => void;
     checkboxValue: import("vue").WritableComputedRef<number[]>;
     labelPointer: (optionDisabled?: boolean) => "default" | "disabled";
+    focusOption: import("vue").Ref<number | null>;
+    value2Option: import("vue").ComputedRef<Record<number, CheckBoxOption>>;
+    checkboxLabelFocusStyle: import("vue").ComputedRef<(n: number) => string | undefined>;
     readonly checkboxStyle: string;
     readonly checkboxInputStyle: string;
     readonly checkboxLabelStyle: string;
     readonly checkboxLabelCheckedStyle: string;
     readonly checkboxLabelDisabledStyle: string;
     readonly checkboxLabelCursorStyle: Record<"default" | "disabled", string>;
-    readonly checkboxIconStyle: string;
+    readonly checkboxIconBaseStyle: string;
     readonly checkboxBlockCheckedStyle: string;
     readonly checkboxLabelStrikeThrough: string;
-    WizStack: import("vue").DefineComponent<{
+    readonly checkboxIconVariantStyle: Record<"default" | "checked", string>;
+    readonly checkboxIconContainerStyle: string;
+    readonly WizStack: import("vue").DefineComponent<{
         direction: {
             type: PropType<"horizontal" | "vertical">;
             required: false;

package/dist/components/base/inputs/date-picker/date-picker.vue.d.ts

@@ -19,10 +19,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * カレンダー（Popup）の開閉状態を指定します。
+     */
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
 }, {
     props: any;
-    emit: (e: "update:modelValue", value: Date) => void;
-    defaultCurrentMonth: number;
+    emit: {
+        (e: "update:modelValue", value: Date): void;
+        (e: "update:isOpen", value: boolean): void;
+    };
+    defaultCurrentMonth: Date;
     currentMonth: import("vue").Ref<{
         toString: () => string;
         toDateString: () => string;
@@ -86,8 +96,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             (hint: string): string | number;
         };
     }>;
-    openDatepicker: import("vue").Ref<boolean>;
-    toggleDatepicker: () => void;
+    setIsOpen: (value: boolean) => void;
     clickToNextMonth: () => void;
     clickToPreviousMonth: () => void;
     clickToNextYear: () => void;
@@ -111,6 +120,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly DATE_PICKER_INPUT: "日付を選択";
         readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
         readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
+        readonly PAGINATION: "ページネーション";
+        readonly PAGINATION_PREV: "前のページへ";
+        readonly PAGINATION_NEXT: "次のページへ";
     };
     readonly datePickerStyle: string;
     readonly datePickerVariantStyle: Record<"default" | "disabled" | "selected", string>;
@@ -1117,7 +1129,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         props: any;
         calendars: import("vue").ComputedRef<string[][]>;
         isCurrentMonth: (row: number, col: number) => boolean;
-        getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | import("../../calendar/types").DateState | "inCurrentMonth">;
+        getDateState: import("vue").ComputedRef<(row: number, col: number) => import("../../calendar/types").DateState | "outOfCurrentMonth" | "inCurrentMonth">;
         updateSelectedDate: (row: number, col: number, day: string) => void;
         readonly WEEK_LIST_JP: string[];
         readonly calendarStyle: string;
@@ -1308,7 +1320,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         gap: {
             type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
-            required: false;
+            required: false; /**
+             * カレンダー（Popup）の開閉状態を指定します。
+             */
             default: string;
         };
         direction: {
@@ -1423,7 +1437,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         gap: {
             type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
-            required: false;
+            required: false; /**
+             * カレンダー（Popup）の開閉状態を指定します。
+             */
             default: string;
         };
         direction: {
@@ -1500,7 +1516,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     readonly WizIArrowDropUp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     readonly WizIArrowDropDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:isOpen")[], "update:modelValue" | "update:isOpen", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<Date | null>;
         required: true;
@@ -1520,8 +1536,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * カレンダー（Popup）の開閉状態を指定します。
+     */
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
 }, {
     width: string;
     disabled: boolean;

package/dist/components/base/inputs/date-range-picker/date-range-picker.vue.d.ts

@@ -1,8 +1,7 @@
 import * as styles from "@wizleap-inc/wiz-ui-styles/bases/date-range-picker.css";
 import { PropType } from "vue";
-import { DateStatus } from "../../calendar/types";
+import { DateState, DateStatus } from "../../calendar/types";
 import { DateRangePickerSelectBoxOption, DateRange } from "./types";
-type SelectState = "selecting" | "selected" | "none";
 declare const _sfc_main: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<DateRange>;
@@ -26,13 +25,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    /**
+     * カレンダー（Popup）の開閉状態を指定します。
+     */
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
 }, {
     props: any;
     emit: {
         (e: "update:modelValue", value: DateRange): void;
         (e: "update:selectBoxValue", value: string): void;
+        (e: "update:isOpen", value: boolean): void;
     };
-    isPopupOpen: import("vue").Ref<boolean>;
     isSelectBoxOpen: import("vue").Ref<boolean>;
     selectBoxContainerRef: import("vue").Ref<HTMLElement | undefined>;
     rightCalendarDate: import("vue").Ref<{
@@ -99,76 +105,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
     }>;
     leftCalendarDate: import("vue").ComputedRef<Date>;
-    selectedState: import("vue").Ref<SelectState>;
-    togglePopupOpen: () => void;
+    setIsOpen: (value: boolean) => void;
     moveToNextMonth: () => void;
     moveToPrevMonth: () => void;
-    selectedDates: import("vue").Ref<{
-        state: import("../../calendar/types").DateState;
-        date: {
-            toString: () => string;
-            toDateString: () => string;
-            toTimeString: () => string;
-            toLocaleString: {
-                (): string;
-                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-            };
-            toLocaleDateString: {
-                (): string;
-                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-            };
-            toLocaleTimeString: {
-                (): string;
-                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
-            };
-            valueOf: () => number;
-            getTime: () => number;
-            getFullYear: () => number;
-            getUTCFullYear: () => number;
-            getMonth: () => number;
-            getUTCMonth: () => number;
-            getDate: () => number;
-            getUTCDate: () => number;
-            getDay: () => number;
-            getUTCDay: () => number;
-            getHours: () => number;
-            getUTCHours: () => number;
-            getMinutes: () => number;
-            getUTCMinutes: () => number;
-            getSeconds: () => number;
-            getUTCSeconds: () => number;
-            getMilliseconds: () => number;
-            getUTCMilliseconds: () => number;
-            getTimezoneOffset: () => number;
-            setTime: (time: number) => number;
-            setMilliseconds: (ms: number) => number;
-            setUTCMilliseconds: (ms: number) => number;
-            setSeconds: (sec: number, ms?: number | undefined) => number;
-            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
-            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-            setDate: (date: number) => number;
-            setUTCDate: (date: number) => number;
-            setMonth: (month: number, date?: number | undefined) => number;
-            setUTCMonth: (month: number, date?: number | undefined) => number;
-            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-            toUTCString: () => string;
-            toISOString: () => string;
-            toJSON: (key?: any) => string;
-            [Symbol.toPrimitive]: {
-                (hint: "default"): string;
-                (hint: "string"): string;
-                (hint: "number"): number;
-                (hint: string): string | number;
-            };
-        };
-    }[]>;
+    selectedDates: import("vue").ComputedRef<DateStatus[]>;
     handleDayClick: (date: Date) => void;
     toggleSelectBoxOpen: () => void;
     selectedOption: import("vue").ComputedRef<DateRangePickerSelectBoxOption | undefined>;
@@ -188,6 +128,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly DATE_PICKER_INPUT: "日付を選択";
         readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
         readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
+        readonly PAGINATION: "ページネーション";
+        readonly PAGINATION_PREV: "前のページへ";
+        readonly PAGINATION_NEXT: "次のページへ";
     };
     readonly styles: typeof styles;
     readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
@@ -213,7 +156,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         props: any;
         calendars: import("vue").ComputedRef<string[][]>;
         isCurrentMonth: (row: number, col: number) => boolean;
-        getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | import("../../calendar/types").DateState | "inCurrentMonth">;
+        getDateState: import("vue").ComputedRef<(row: number, col: number) => DateState | "outOfCurrentMonth" | "inCurrentMonth">;
         updateSelectedDate: (row: number, col: number, day: string) => void;
         readonly WEEK_LIST_JP: string[];
         readonly calendarStyle: string;
@@ -294,7 +237,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         gap: {
             type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
             required: false;
-            default: string;
+            default: string; /**
+             * カレンダー（Popup）の開閉状態を指定します。
+             */
         };
     }, {
         readonly cardStyle: string;
@@ -441,7 +386,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 gy: {
                     type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                     required: false;
-                };
+                }; /**
+                 * カレンダー（Popup）の開閉状態を指定します。
+                 */
                 p: {
                     type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                     required: false;
@@ -579,7 +526,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 gy: {
                     type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                     required: false;
-                };
+                }; /**
+                 * カレンダー（Popup）の開閉状態を指定します。
+                 */
                 p: {
                     type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                     required: false;
@@ -825,7 +774,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         gap: {
             type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
             required: false;
-            default: string;
+            default: string; /**
+             * カレンダー（Popup）の開閉状態を指定します。
+             */
         };
     }>>, {
         shadow: boolean;
@@ -1085,7 +1036,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }>>, {
         expand: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:selectBoxValue")[], "update:modelValue" | "update:selectBoxValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:isOpen" | "update:selectBoxValue")[], "update:modelValue" | "update:isOpen" | "update:selectBoxValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<DateRange>;
         required: true;
@@ -1108,8 +1059,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    /**
+     * カレンダー（Popup）の開閉状態を指定します。
+     */
+    isOpen: {
+        type: BooleanConstructor;
+        required: true;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectBoxValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;

package/dist/components/base/inputs/date-range-picker/types.d.ts

@@ -1,7 +1,13 @@
-export interface DateRange {
-    start: Date | null;
-    end: Date | null;
-}
+export type DateRange = {
+    start: Date;
+    end: Date;
+} | {
+    start: Date;
+    end: null;
+} | {
+    start: null;
+    end: null;
+};
 export interface DateRangePickerSelectBoxOption {
     label: string;
     value: string;

package/dist/components/base/inputs/password/password.vue.d.ts

@@ -49,6 +49,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly DATE_PICKER_INPUT: "日付を選択";
         readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
         readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
+        readonly PAGINATION: "ページネーション";
+        readonly PAGINATION_PREV: "前のページへ";
+        readonly PAGINATION_NEXT: "次のページへ";
     };
     readonly passwordStyle: string;
     readonly passwordExpandStyle: Record<"default" | "expand", string>;