@onereach/ui-components 8.18.3 → 8.18.4-beta.3950.0

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

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-ee7d02bc.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-ca8e9c09.js';
 export { I as DatePickerSize } from '../../OrInputBox-8c1a29dd.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -9,7 +9,7 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-647ff5f1.js';
+import '../../OrDateTimePicker-ef033b4b.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';

package/dist/esm/v3/components/or-date-range-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-2fd73580.js';
+export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-4ae9c7fe.js';
 export { I as DateRangePickerSize } from '../../OrInputBox-8c1a29dd.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -10,7 +10,7 @@ import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-647ff5f1.js';
+import '../../OrDateTimePicker-ef033b4b.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';

package/dist/esm/v3/components/or-date-time-format-v3/index.js

@@ -1,6 +1,6 @@
-export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-0c9deda2.js';
+export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-37315ed6.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-647ff5f1.js';
+import '../../OrDateTimePicker-ef033b4b.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-647ff5f1.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-ef033b4b.js';
 export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-486f2486.js';
 export { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../../getTimePlaceholder-fd41baed.js';
 export { g as getCurrentDate } from '../../getCurrentDate-046a888d.js';

package/dist/esm/v3/components/or-notification-v3/index.js

@@ -1,4 +1,4 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-9a3790cc.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-f9ae23fe.js';
 import 'vue-demi';
 import '../../OrIconButton-f9897ff9.js';
 import '../../OrIcon-b2e2d0aa.js';

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

@@ -1,6 +1,6 @@
-export { s as OrTimeFormatV3 } from '../../OrTimeFormat-a256b6f2.js';
+export { s as OrTimeFormatV3 } from '../../OrTimeFormat-1aa5352c.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-647ff5f1.js';
+import '../../OrDateTimePicker-ef033b4b.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';

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

@@ -1,5 +1,5 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker-b1c40457.js';
-import '../../OrDateTimePicker-647ff5f1.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker-e8fd78ba.js';
+import '../../OrDateTimePicker-ef033b4b.js';
 import '../../OrDateTimePickerTimeSelect-486f2486.js';
 export { D as TimePickerFormat } from '../../getTimePlaceholder-fd41baed.js';
 export { I as TimePickerSize } from '../../OrInputBox-8c1a29dd.js';

package/dist/esm/v3/components/or-time-range-picker-v3/OrTimeRangePicker.vue.d.ts

@@ -111,131 +111,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             (hint: "number"): number;
             (hint: string): string | number;
         };
-    } | [{
-        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;
-        };
-    }, {
-        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;
-        };
-    }]>;
+    }[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[Date, Date] | undefined>;
     draftModelValue: import("vue-demi").Ref<[{
         toString: () => string;

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

@@ -1,5 +1,5 @@
-export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-9c8ece38.js';
-import '../../OrDateTimePicker-647ff5f1.js';
+export { s as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-d852fcc9.js';
+import '../../OrDateTimePicker-ef033b4b.js';
 import '../../OrDateTimePickerTimeSelect-486f2486.js';
 export { D as TimeRangePickerFormat } from '../../getTimePlaceholder-fd41baed.js';
 export { I as TimeRangePickerSize } from '../../OrInputBox-8c1a29dd.js';

package/dist/esm/v3/index.js

@@ -34,12 +34,12 @@ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-c5fe5075.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-5174d0f9.js';
 export { s as OrMenuV3 } from './OrMenu-192543a9.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-79d76269.js';
-export { s as OrDateFormatV3 } from './OrDateFormat-5fee3e3a.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-ee7d02bc.js';
-export { s as OrDateRangePickerV3 } from './OrDateRangePicker-2fd73580.js';
-export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-0c9deda2.js';
+export { s as OrDateFormatV3 } from './OrDateFormat-3fbec49a.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-ca8e9c09.js';
+export { s as OrDateRangePickerV3 } from './OrDateRangePicker-4ae9c7fe.js';
+export { s as OrDateTimeFormatV3 } from './OrDateTimeFormat-37315ed6.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-c4af9468.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-647ff5f1.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-ef033b4b.js';
 export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-486f2486.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-fd41baed.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
@@ -76,7 +76,7 @@ export { s as OrMenuItemV3 } from './OrMenuItem-2928ba60.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-3c54883e.js';
 export { M as ModalSize, s as OrModalV3 } from './OrModal-4daecffd.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-2d33afd5.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-9a3790cc.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-f9ae23fe.js';
 export { s as OrNumberInput } from './OrNumberInput-e9dcdcbd.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-3c860fb5.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
@@ -129,9 +129,9 @@ export { s as OrTextV3 } from './OrText-d54c951d.js';
 export { s as OrTextarea } from './OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from './OrTextarea-da1a2d16.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-58d3a7c7.js';
-export { s as OrTimeFormatV3 } from './OrTimeFormat-a256b6f2.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-b1c40457.js';
-export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-9c8ece38.js';
+export { s as OrTimeFormatV3 } from './OrTimeFormat-1aa5352c.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-e8fd78ba.js';
+export { s as OrTimeRangePickerV3 } from './OrTimeRangePicker-d852fcc9.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-e817636c.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-b34c8879.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.18.3",
+  "version": "8.18.4-beta.3950.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -176,6 +176,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "f62a00e1643ef244ed6dd3101d477d8b84f361ef"
+  }
 }

package/src/components/or-date-picker-v3/OrDatePicker.vue

@@ -71,8 +71,8 @@
 
         <OrDateTimePickerPopoverFooter
           :disabled="isInvalidDraftModelValue"
-          @apply="apply(); popover.close()"
-          @reset="reset(); popover.close()"
+          @apply="apply(); popover && popover.close()"
+          @reset="reset(); popover && popover.close()"
         />
       </OrPopover>
 

package/src/components/or-date-range-picker-v3/OrDateRangePicker.vue

@@ -115,8 +115,8 @@
 
         <OrDateTimePickerPopoverFooter
           :disabled="isInvalidDraftModelValue"
-          @apply="apply(); popover.close()"
-          @reset="reset(); popover.close()"
+          @apply="apply(); popover && popover.close()"
+          @reset="reset(); popover && popover.close()"
         />
       </OrPopover>
 

package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue

@@ -82,8 +82,8 @@
 
         <OrDateTimePickerPopoverFooter
           :disabled="isInvalidDraftModelValue"
-          @apply="apply(); datePopover.close()"
-          @reset="reset(); datePopover.close()"
+          @apply="apply(); datePopover && datePopover.close()"
+          @reset="reset(); datePopover && datePopover.close()"
         />
       </OrPopover>
 
@@ -117,8 +117,8 @@
 
         <OrDateTimePickerPopoverFooter
           :disabled="isInvalidDraftModelValue"
-          @apply="apply(); timePopover.close()"
-          @reset="reset(); timePopover.close()"
+          @apply="apply(); timePopover && timePopover.close()"
+          @reset="reset(); timePopover && timePopover.close()"
         />
       </OrPopover>
 

package/src/components/or-notification-v3/OrNotification.vue

@@ -3,14 +3,13 @@
     ref="root"
     :class="rootStyles"
   >
-    <div :class="iconStyles">
-      <OrIcon
-        :icon="icon"
-        :variant="'filled-bold'"
-      />
-    </div>
+    <OrIcon
+      :class="iconStyles"
+      :icon="icon"
+      :variant="'filled-bold'"
+    />
 
-    <div :class="['grow', 'my-[-2px] md:my-[-3px]']">
+    <div :class="['grow']">
       <slot />
     </div>
 

package/src/components/or-notification-v3/styles.ts

@@ -2,7 +2,7 @@ import { NotificationVariant } from './props';
 
 export const Notification: string[] = [
   // Layout
-  'layout-row !items-start',
+  'layout-row',
 
   // Shape
   'rounded-md',
@@ -29,7 +29,7 @@ export const Notification: string[] = [
 ];
 
 export const NotificationVariants: Record<NotificationVariant, string[]> = {
-  'success': [
+  [NotificationVariant.Success]: [
     // Theme
     'theme-background-success-container',
     'dark:theme-background-success-container-dark',
@@ -39,7 +39,7 @@ export const NotificationVariants: Record<NotificationVariant, string[]> = {
     'dark:[&_:any-link]:theme-foreground-success-dark',
   ],
 
-  'warning': [
+  [NotificationVariant.Warning]: [
     // Theme
     'theme-background-warning-container',
     'dark:theme-background-warning-container-dark',
@@ -49,7 +49,7 @@ export const NotificationVariants: Record<NotificationVariant, string[]> = {
     'dark:[&_:any-link]:theme-foreground-warning-dark',
   ],
 
-  'error': [
+  [NotificationVariant.Error]: [
     // Theme
     'theme-background-error-container',
     'dark:theme-background-error-container-dark',
@@ -59,7 +59,7 @@ export const NotificationVariants: Record<NotificationVariant, string[]> = {
     'dark:[&_:any-link]:theme-foreground-error-dark',
   ],
 
-  'info': [
+  [NotificationVariant.Info]: [
     // Theme
     'theme-background-primary-container',
     'dark:theme-background-primary-container-dark',
@@ -73,25 +73,25 @@ export const NotificationVariants: Record<NotificationVariant, string[]> = {
 export const NotificationIcon: string[] = [];
 
 export const NotificationIconVariants: Record<NotificationVariant, string[]> = {
-  'success': [
+  [NotificationVariant.Success]: [
     // Theme
     'theme-foreground-success',
     'dark:theme-foreground-success-dark',
   ],
 
-  'warning': [
+  [NotificationVariant.Warning]: [
     // Theme
     'theme-foreground-warning',
     'dark:theme-foreground-warning-dark',
   ],
 
-  'error': [
+  [NotificationVariant.Error]: [
     // Theme
     'theme-foreground-error',
     'dark:theme-foreground-error-dark',
   ],
 
-  'info': [
+  [NotificationVariant.Info]: [
     // Theme
     'theme-foreground-primary',
     'dark:theme-foreground-primary-dark',

package/src/components/or-time-picker-v3/OrTimePicker.vue

@@ -68,8 +68,8 @@
 
         <OrDateTimePickerPopoverFooter
           :disabled="isInvalidDraftModelValue"
-          @apply="apply(); popover.close()"
-          @reset="reset(); popover.close()"
+          @apply="apply(); popover && popover.close()"
+          @reset="reset(); popover && popover.close()"
         />
       </OrPopover>
 

package/src/components/or-time-range-picker-v3/OrTimeRangePicker.vue

@@ -88,7 +88,7 @@
             <OrDateTimePickerTimeSelect
               v-model="draftModelValueFrom"
               :class="['grow']"
-              :initial-value="initialValue"
+              :initial-value="initialValue[0]"
               :format="format"
             />
           </template>
@@ -97,7 +97,7 @@
             <OrDateTimePickerTimeSelect
               v-model="draftModelValueTo"
               :class="['grow']"
-              :initial-value="initialValue"
+              :initial-value="initialValue[1]"
               :format="format"
             />
           </template>
@@ -105,8 +105,8 @@
 
         <OrDateTimePickerPopoverFooter
           :disabled="isInvalidDraftModelValue"
-          @apply="apply(); popover.close()"
-          @reset="reset(); popover.close()"
+          @apply="apply(); popover && popover.close()"
+          @reset="reset(); popover && popover.close()"
         />
       </OrPopover>
 
@@ -278,10 +278,10 @@ export default defineComponent({
     ]);
 
     // State
-    const initialValue = ref(props.modelValue ?? getCurrentDate());
+    const initialValue = ref(props.modelValue ?? [getCurrentDate(), getCurrentDate()]);
 
     watch(() => props.modelValue, (value) => {
-      initialValue.value = value ?? getCurrentDate();
+      initialValue.value = value ?? [getCurrentDate(), getCurrentDate()];
     });
 
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);