@onereach/ui-components 4.9.1-beta.2907.0 → 4.10.0

package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-footer/OrDateTimePickerPopoverFooter.vue.d.ts

@@ -1,12 +1,28 @@
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-}> & import("@vue/composition-api").Data, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {} & {
+}> & import("@vue/composition-api").Data, {}, {}, {
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    disabled: boolean;
+} & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {} & {} & {
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    disabled: boolean;
+} & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, true>);
+}, {
+    disabled: boolean;
+}, true>);
 export default _default;

package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue-demi';
+import { DateTimePickerTimeFormat } from '../../props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -10,6 +12,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -27,6 +33,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -41,6 +51,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     required: boolean;
     readonly: boolean;
     disabled: boolean;
@@ -53,11 +64,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatModelValue: (value: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     required: boolean;
     readonly: boolean;
     disabled: boolean;
 } & {}, {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     required: boolean;
     readonly: boolean;
     disabled: boolean;

package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue-demi';
+import { DateTimePickerTimeFormat } from '../../props';
 import { FilterFunction } from '../../types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -6,6 +7,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
     buttonGroupItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    proxyTimeFormat: import("@vue/composition-api").ComputedRef<DateTimePickerTimeFormat.H12 | DateTimePickerTimeFormat.H23 | "h12" | "h23">;
+    hoursRange: import("@vue/composition-api").Ref<"am" | "pm">;
     hoursOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     minutesOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     formatHours: (value: Date) => string;
@@ -19,6 +22,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -36,6 +43,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -47,6 +58,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
     initialValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
 } & {} & {
@@ -57,6 +69,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
     buttonGroupItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    proxyTimeFormat: import("@vue/composition-api").ComputedRef<DateTimePickerTimeFormat.H12 | DateTimePickerTimeFormat.H23 | "h12" | "h23">;
+    hoursRange: import("@vue/composition-api").Ref<"am" | "pm">;
     hoursOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     minutesOptions: import("@vue/composition-api").ComputedRef<Date[]>;
     formatHours: (value: Date) => string;
@@ -64,12 +78,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: Date;
     initialValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
 }, true>);

package/dist/esm/v2/components/or-date-time-picker-v3/props.d.ts

@@ -1 +1,6 @@
+export declare enum DateTimePickerTimeFormat {
+    Auto = "auto",
+    H12 = "h12",
+    H23 = "h23"
+}
 export { InputBoxSize as DateTimePickerSize } from '../or-input-box-v3';

package/dist/esm/v2/components/or-time-picker-v3/OrTimePicker.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3/types';
-import { TimePickerSize } from './props';
+import { TimePickerFormat, TimePickerSize } from './props';
 declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -20,6 +20,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     initialModelValue: Date;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
     draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     togglePopover: () => void;
@@ -30,6 +31,10 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: TimePickerFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -75,6 +80,10 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: TimePickerFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -117,6 +126,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
     size: TimePickerSize;
@@ -148,6 +158,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     initialModelValue: Date;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
     draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     togglePopover: () => void;
@@ -155,6 +166,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
     size: TimePickerSize;
@@ -169,6 +181,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
     size: TimePickerSize;

package/dist/esm/v2/components/or-time-picker-v3/index.js

@@ -1,16 +1,14 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-5fd08ad2.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-a9c5547b.js';
+export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-399a44b5.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
-import '../../OrDateTimePickerPopoverHeader-a84af34e.js';
-import '../../OrLabel-63380256.js';
+import '../../OrDateTimePickerPopoverHeader-fa88e970.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerTimeSelect-eecdd8ab.js';
-import '../../OrError-4ffc1c39.js';
-import '../../OrHint-aa221198.js';
+import '../../OrLabel-63380256.js';
 import '../../OrIconButton-ab726d49.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-bf4c725c.js';
@@ -25,4 +23,8 @@ import '../../OrBottomSheet-af25c131.js';
 import '../../OrOverlay-948346df.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
+import '../../OrMenuItem-6f9b8a93.js';
+import '../../OrMenu-d03831b0.js';
+import '../../OrError-4ffc1c39.js';
+import '../../OrHint-aa221198.js';
 import '../../OrInputBox-11227ecd.js';

package/dist/esm/v2/components/or-time-picker-v3/props.d.ts

@@ -1 +1,2 @@
+export { DateTimePickerTimeFormat as TimePickerFormat } from '../or-date-time-picker-v3';
 export { InputBoxSize as TimePickerSize } from '../or-input-box-v3';

package/dist/esm/v2/index.js

@@ -26,9 +26,10 @@ export { _ as OrInputBoxV3 } from './OrInputBox-11227ecd.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 export { _ as OrConfirm } from './OrConfirm-f4eec5b2.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-0b56c11f.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-0989a40c.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-328189a2.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-fb410167.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-ac766f04.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-8bcc71c3.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-399a44b5.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
@@ -109,7 +110,7 @@ export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-d36f4ec6.js';
 export { _ as OrTextareaV3 } from './OrTextarea-978fb518.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-a937432f.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-5fd08ad2.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-a9c5547b.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-7017d12b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-6b40ad64.js';
@@ -117,7 +118,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332
 export { _ as OrTooltip } from './OrTooltip-0bbf1ed5.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-57a25502.js';
 export { _ as OrTooltipV3 } from './OrTooltip-bf4c725c.js';
-export { _ as OrTreeV3 } from './OrTree-ee993927.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-a50ec347.js';
@@ -154,10 +154,8 @@ import './dom-f1d55b67.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import '@vueuse/math';
-import './OrDateTimePickerPopoverHeader-a84af34e.js';
-import './OrDateTimePickerMonthSelect-4eb8bfb6.js';
+import './OrDateTimePickerPopoverHeader-fa88e970.js';
 import 'lodash/padStart';
-import './OrDateTimePickerTimeSelect-eecdd8ab.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-47985d95.js';
 import 'lodash/isNil';

package/dist/esm/v3/{OrDatePicker-6ac8578a.js → OrDatePicker-4c4fd5dc.js}

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
-import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-3ae517f8.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-f807e6d5.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-bc8e0bcf.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
 import { s as script$a } from './OrIconButton-0aaadc68.js';
@@ -127,6 +126,20 @@ var script = defineComponent({
     }, {
       immediate: true
     });
+    const isInvalidDraftModelValue = computed(() => {
+      if (draftModelValue.value) {
+        if (props.yearFilter && !props.yearFilter(draftModelValue.value)) {
+          return true;
+        }
+        if (props.monthFilter && !props.monthFilter(draftModelValue.value)) {
+          return true;
+        }
+        if (props.dateFilter && !props.dateFilter(draftModelValue.value)) {
+          return true;
+        }
+      }
+      return false;
+    });
     // Methods
     function apply() {
       var _a;
@@ -171,6 +184,7 @@ var script = defineComponent({
       initialModelValue,
       proxyModelValue,
       draftModelValue,
+      isInvalidDraftModelValue,
       apply,
       reset,
       togglePopover,
@@ -271,6 +285,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "initial-value": _ctx.initialModelValue,
         "date-filter": _ctx.dateFilter
       }, null, 8 /* PROPS */, ["modelValue", "initial-value", "date-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[3] || (_cache[3] = $event => {
           _ctx.apply();
           _ctx.popover.close();
@@ -279,7 +294,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.reset();
           _ctx.popover.close();
         })
-      })]),
+      }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["class", "trigger"]), _hoisted_1]),
     _: 1 /* STABLE */