@mobileaction/action-kit 1.38.0 → 1.38.1-beta.1

package/dist/src/components/date-picker-2/components/calendarSelect.vue.d.ts

@@ -0,0 +1,13 @@
+declare const DateTypes: string[];
+interface MonthSelectProps {
+    updateMonthYear: (month: number, year: number, fromNav?: boolean) => void;
+    month: number;
+    year: number;
+    options: Array<{
+        text: string;
+        value: number;
+    }>;
+    dateType: (typeof DateTypes)[number];
+}
+declare const _default: import("vue").DefineComponent<MonthSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MonthSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/date-picker-2/composables/useDatePickerFormat.d.ts

@@ -0,0 +1,8 @@
+import { WritableComputedRef } from 'vue';
+import { MaDatePickerProps } from '../types';
+import { ModelValue } from '@vuepic/vue-datepicker';
+export declare function useDatePickerFormat(props: MaDatePickerProps, emit: any): {
+    modelValue: WritableComputedRef<ModelValue, ModelValue>;
+    visibleFormat: import("vue").ComputedRef<string | ((date: Date) => string) | ((dates: Date[]) => string)>;
+    formatQuarter: (quarterDate: Date) => string;
+};

package/dist/src/components/date-picker-2/composables/utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Converts a date format string from Day.js format to date-fns format.
+ *
+ * @param dayjsFormat - The date format string in Day.js format.
+ * @returns The date format string converted to date-fns format.
+ *
+ * @throws Will throw an error if a token in the Day.js format string is not found in the format map.
+ *
+ * @example
+ * ```typescript
+ * const dayjsFormat = 'YYYY-MM-DD';
+ * const dateFnsFormat = convertDayjsToDateFnsFormat(dayjsFormat);
+ * console.log(dateFnsFormat); // Output: 'yyyy-MM-dd'
+ * ```
+ */
+export declare const convertDayjsToDateFnsFormat: (dayjsFormat: string) => string;

package/dist/src/components/date-picker-2/date-picker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/date-picker-2/index.vue.d.ts

@@ -0,0 +1,137 @@
+import { MaDatePickerProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        "ma-calendar-preset"?(_: {
+            label: any;
+            value: any;
+            presetDate: any;
+        }): any;
+        description?(_: {}): any;
+        "action-buttons"?(_: {
+            value: Date | Date[];
+        }): any;
+        "menu-header"?(_: {}): any;
+    };
+    refs: {
+        datepickerInput: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
+            onFocus?: (...args: any[]) => any;
+            onBlur?: (...args: any[]) => any;
+            onOpen?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
+            onCleared?: (...args: any[]) => any;
+            "onUpdate:model-value"?: (...args: any[]) => any;
+            "onUpdate:model-timezone-value"?: (...args: any[]) => any;
+            "onText-submit"?: (...args: any[]) => any;
+            "onInternal-model-change"?: (...args: any[]) => any;
+            "onRecalculate-position"?: (...args: any[]) => any;
+            "onFlow-step"?: (...args: any[]) => any;
+            "onUpdate-month-year"?: (...args: any[]) => any;
+            "onInvalid-select"?: (...args: any[]) => any;
+            "onTooltip-open"?: (...args: any[]) => any;
+            "onTooltip-close"?: (...args: any[]) => any;
+            "onInvalid-fixed-range"?: (...args: any[]) => any;
+            "onTime-picker-open"?: (...args: any[]) => any;
+            "onTime-picker-close"?: (...args: any[]) => any;
+            "onAm-pm-change"?: (...args: any[]) => any;
+            "onRange-start"?: (...args: any[]) => any;
+            "onRange-end"?: (...args: any[]) => any;
+            "onDate-update"?: (...args: any[]) => any;
+            "onInvalid-date"?: (...args: any[]) => any;
+            "onOverlay-toggle"?: (...args: any[]) => any;
+            "onText-input"?: (...args: any[]) => any;
+        }, {}, {}, import("vue").ComputedOptions, import("@vuepic/vue-datepicker").PublicMethods, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("@vuepic/vue-datepicker").EmitEvents[], import("@vuepic/vue-datepicker").VueDatePickerProps, {
+            [x: number]: string;
+        } | {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
+            onFocus?: (...args: any[]) => any;
+            onBlur?: (...args: any[]) => any;
+            onOpen?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
+            onCleared?: (...args: any[]) => any;
+            "onUpdate:model-value"?: (...args: any[]) => any;
+            "onUpdate:model-timezone-value"?: (...args: any[]) => any;
+            "onText-submit"?: (...args: any[]) => any;
+            "onInternal-model-change"?: (...args: any[]) => any;
+            "onRecalculate-position"?: (...args: any[]) => any;
+            "onFlow-step"?: (...args: any[]) => any;
+            "onUpdate-month-year"?: (...args: any[]) => any;
+            "onInvalid-select"?: (...args: any[]) => any;
+            "onTooltip-open"?: (...args: any[]) => any;
+            "onTooltip-close"?: (...args: any[]) => any;
+            "onInvalid-fixed-range"?: (...args: any[]) => any;
+            "onTime-picker-open"?: (...args: any[]) => any;
+            "onTime-picker-close"?: (...args: any[]) => any;
+            "onAm-pm-change"?: (...args: any[]) => any;
+            "onRange-start"?: (...args: any[]) => any;
+            "onRange-end"?: (...args: any[]) => any;
+            "onDate-update"?: (...args: any[]) => any;
+            "onInvalid-date"?: (...args: any[]) => any;
+            "onOverlay-toggle"?: (...args: any[]) => any;
+            "onText-input"?: (...args: any[]) => any;
+        }), {}, {}, import("vue").ComputedOptions, import("@vuepic/vue-datepicker").PublicMethods, {
+            [x: number]: string;
+        } | {}> & {
+            $slots: Readonly<import("@vuepic/vue-datepicker").Slots> & import("@vuepic/vue-datepicker").Slots;
+        };
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<MaDatePickerProps, {
+    open: () => any;
+    close: () => any;
+    toggle: () => any;
+    clear: () => any;
+    selectDate: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+    openChange: (...args: any[]) => void;
+    closed: (...args: any[]) => void;
+    cleared: (...args: any[]) => void;
+    rangeStart: (...args: any[]) => void;
+    rangeEnd: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<MaDatePickerProps> & Readonly<{
+    onBlur?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    onFocus?: (...args: any[]) => any;
+    onOpen?: (...args: any[]) => any;
+    "onUpdate:value"?: (...args: any[]) => any;
+    onOpenChange?: (...args: any[]) => any;
+    onClosed?: (...args: any[]) => any;
+    onCleared?: (...args: any[]) => any;
+    onRangeStart?: (...args: any[]) => any;
+    onRangeEnd?: (...args: any[]) => any;
+}>, {
+    size: typeof import("./types").MaDatePickerSizes[number];
+    disabled: boolean;
+    value: import("@vuepic/vue-datepicker").ModelValue;
+    position: typeof import("./types").MaDatePickerPositions[number];
+    format: string | ((date: Date) => string) | ((dates: Date[]) => string);
+    valueFormat: string;
+    presetDates: import("./types").MaPresetDate[];
+    teleport: boolean | string | HTMLElement;
+    presetLocation: typeof import("./types").MaDatePickerPresetLocations[number];
+    autoPosition: typeof import("./types").MaDatePickerVerticalPositions[number];
+    preventMinMaxNavigation: boolean;
+    clearable: boolean;
+    applyButtonText: string;
+    multiCalendars: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/date-picker-2/stories/constants.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { MaDatePicker2 } from '@/index';
+export declare const baseConfig: Meta<typeof MaDatePicker2>;
+export declare const Template: StoryFn;
+export declare const TemplateCustomPresetSlot: StoryFn;
+export declare const TemplateCustomSlots: StoryFn;

package/dist/src/components/date-picker-2/stories/default.stories.d.ts

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import { MaDatePicker2 } from '@/index';
+declare const meta: Meta<typeof MaDatePicker2>;
+export default meta;
+type Story = StoryObj<typeof MaDatePicker2>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const DisabledDates: Story;
+export declare const WithoutTeleport: Story;
+export declare const DateFormat: Story;
+export declare const ValueFormat: Story;
+export declare const WithoutValueFormat: Story;
+export declare const WeekPicker: Story;
+export declare const MonthPicker: Story;
+export declare const QuarterPicker: Story;
+export declare const YearPicker: Story;
+export declare const AutoApply: Story;
+export declare const Borderless: Story;
+export declare const PresetDates: Story;
+export declare const PresetBottom: Story;
+export declare const MinMaxDates: Story;
+export declare const CustomPresetSlot: Story;
+export declare const MultiCalendars: Story;
+export declare const FocusStartDate: Story;
+export declare const CustomSlots: Story;

package/dist/src/components/date-picker-2/stories/range.stories.d.ts

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import { MaDatePicker2 } from '@/index';
+declare const meta: Meta<typeof MaDatePicker2>;
+export default meta;
+type Story = StoryObj<typeof MaDatePicker2>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const DisabledDates: Story;
+export declare const WithoutTeleport: Story;
+export declare const DateFormat: Story;
+export declare const ValueFormat: Story;
+export declare const WithoutValueFormat: Story;
+export declare const WeekPicker: Story;
+export declare const MonthPicker: Story;
+export declare const QuarterPicker: Story;
+export declare const YearPicker: Story;
+export declare const AutoApply: Story;
+export declare const Borderless: Story;
+export declare const PresetDates: Story;
+export declare const PresetBottom: Story;
+export declare const MinMaxDates: Story;
+export declare const AutoRange: Story;
+export declare const CustomPresetSlot: Story;
+export declare const MultiCalendars: Story;
+export declare const FocusStartDate: Story;
+export declare const CustomSlots: Story;

package/dist/src/components/date-picker-2/types.d.ts

@@ -0,0 +1,58 @@
+import { GeneralConfig, ModelValue, UIOptions } from '@vuepic/vue-datepicker';
+export interface MaPresetDate {
+    label: string;
+    value: Date[] | string[] | Date | string;
+    slot?: string;
+}
+export declare const MaDatePickerSizes: readonly ["small", "medium"];
+export declare const MaDatePickerPresetLocations: readonly ["left", "bottom"];
+export declare const MaDatePickerPositions: readonly ["left", "center", "right"];
+export declare const MaDatePickerVerticalPositions: readonly ["top", "bottom"];
+export interface RangeConfig {
+    noDisabledRange?: boolean;
+    showLastInRange?: boolean;
+    minMaxRawRange?: boolean;
+    partialRange?: boolean;
+    disableTimeRangeValidation?: boolean;
+    fixedStart?: boolean;
+    fixedEnd?: boolean;
+    maxRange?: string | number;
+    minRange?: string | number;
+    autoRange?: string | number;
+}
+export interface MaDatePickerProps {
+    teleport?: boolean | string | HTMLElement;
+    disabled?: boolean;
+    readonly?: boolean;
+    disabledDates?: Date[] | string[] | ((date: Date) => boolean);
+    allowedDates?: string[] | Date[];
+    format?: string | ((date: Date) => string) | ((dates: Date[]) => string);
+    valueFormat?: string;
+    value?: ModelValue;
+    weekPicker?: boolean;
+    monthPicker?: boolean;
+    yearPicker?: boolean;
+    quarterPicker?: boolean;
+    autoApply?: boolean;
+    borderless?: boolean;
+    placeholder?: string;
+    locale?: string;
+    range?: boolean | RangeConfig;
+    presetDates?: MaPresetDate[];
+    size?: (typeof MaDatePickerSizes)[number];
+    presetLocation?: (typeof MaDatePickerPresetLocations)[number];
+    position?: (typeof MaDatePickerPositions)[number];
+    autoPosition?: (typeof MaDatePickerVerticalPositions)[number];
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    preventMinMaxNavigation?: boolean;
+    startDate?: Date | string;
+    focusStartDate?: boolean;
+    clearable?: boolean;
+    applyButtonText?: string;
+    multiCalendars?: boolean;
+}
+export declare const MaDefaultVisibleDateFormat = "MMM D, YYYY";
+export declare const MaDefaultDateFormat = "YYYY-MM-DD";
+export declare const UI: UIOptions;
+export declare const DatePickerConfig: GeneralConfig;

package/dist/src/index.d.ts

@@ -94,6 +94,7 @@ export { default as MaStepItems } from './components/step-items/index.vue';
 export { default as MaStepItem } from './components/step-items/components/index.vue';
 export { default as MaRadioCard } from './components/radio-card/index.vue';
 export { default as MaDatePicker } from './components/date-picker/index.vue';
+export { default as MaDatePicker2 } from './components/date-picker-2/index.vue';
 export { default as MaEllipsis } from './components/ellipsis/index.vue';
 export { default as MaTypography } from './components/typography/index.vue';
 export * from './components/typography/types';