@onereach/ui-components 19.1.0-beta.4993.0 → 19.1.0

package/dist/bundled/components/OrDataGridV3/OrDataGrid.js

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-470e9dd9.js';
+export { s as default } from '../OrDataGridV3-0e1b9ec4.js';

package/dist/bundled/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-470e9dd9.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-0e1b9ec4.js';

package/dist/bundled/components/OrDataGridV3/styles.js

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-470e9dd9.js';
+export { a as DataGrid } from '../OrDataGridV3-0e1b9ec4.js';

package/dist/bundled/components/{OrDataGridV3-470e9dd9.js → OrDataGridV3-0e1b9ec4.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, toRef, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from 'vue';
 import { s as script$f } from './OrCheckboxV3-775b2227.js';
 import { s as script$g } from './OrDatePickerV3-88930e34.js';
 import { s as script$h } from './OrDateTimePickerV3-cc9fbb4f.js';
@@ -8,6 +8,7 @@ import { s as script$k } from './OrSelectV3-54d1c522.js';
 import { s as script$l } from './OrSwitchV3-89b34d58.js';
 import { s as script$m } from './OrTagInputV3-cb94103b.js';
 import { s as script$n } from './OrTimePickerV3-ca7f3fca.js';
+import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 import { e as useElementSize } from './OrAutocompleteV3-693d8511.js';
 import { s as script$o } from './OrIconV3-9807ee48.js';
 import { s as script$p } from './OrPaginationV3-df07fe99.js';
@@ -155,7 +156,7 @@ var script$c = defineComponent({
       default: false
     }
   },
-  emits: ['update:model-value'],
+  emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -193,12 +194,7 @@ var script$c = defineComponent({
       };
     });
     // State
-    const model = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:model-value', value);
-      }
-    });
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const control = computed(() => {
       var _a;
       return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;

package/dist/bundled/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrDateRangePickerV3-17dba772.js';
+export { s as default } from '../OrDateRangePickerV3-edd29986.js';

package/dist/bundled/components/OrDateRangePickerV3/OrDateRangePicker.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { FormatFunction } from '../../types';
+import { FilterFunction, FormatFunction } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { DateRangePickerModelValue } from './types';
 import { ReferenceElement } from '@floating-ui/dom';
@@ -52,6 +52,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -562,6 +570,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -582,5 +598,7 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
+    startDateFilter: FilterFunction<Date>;
+    endDateFilter: FilterFunction<Date>;
 }, {}>;
 export default _default;

package/dist/bundled/components/OrDateRangePickerV3/index.js

@@ -1 +1 @@
-export { s as OrDateRangePickerV3 } from '../OrDateRangePickerV3-17dba772.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePickerV3-edd29986.js';

package/dist/bundled/components/OrDateRangePickerV3/styles.js

@@ -1 +1 @@
-export { D as DateRangePicker, a as DateRangePickerPopover } from '../OrDateRangePickerV3-17dba772.js';
+export { D as DateRangePicker, a as DateRangePickerPopover } from '../OrDateRangePickerV3-edd29986.js';

package/dist/bundled/components/{OrDateRangePickerV3-17dba772.js → OrDateRangePickerV3-edd29986.js}

@@ -96,6 +96,14 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    startDateFilter: {
+      type: Function,
+      default: undefined
+    },
+    endDateFilter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -357,8 +365,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         format: _ctx.resolvedFormat,
         locale: _ctx.resolvedLocale,
         "range-start": _ctx.draftFrom || _ctx.initialValueFrom,
-        "range-end": _ctx.draftTo || _ctx.initialValueTo
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end"])])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrDateTimePickerMonthSelect, {
+        "range-end": _ctx.draftTo || _ctx.initialValueTo,
+        "date-filter": _ctx.startDateFilter
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end", "date-filter"])])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrDateTimePickerMonthSelect, {
         modelValue: _ctx.initialValueTo,
         "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.initialValueTo = $event),
         locale: _ctx.resolvedLocale
@@ -369,8 +378,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         format: _ctx.resolvedFormat,
         locale: _ctx.resolvedLocale,
         "range-start": _ctx.draftFrom || _ctx.initialValueFrom,
-        "range-end": _ctx.draftTo || _ctx.initialValueTo
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end"])])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        "range-end": _ctx.draftTo || _ctx.initialValueTo,
+        "date-filter": _ctx.endDateFilter
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end", "date-filter"])])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.invalid,
         onApply: _cache[10] || (_cache[10] = $event => {
           _ctx.apply();

package/dist/bundled/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrTimeRangePickerV3-e2afdbc2.js';
+export { s as default } from '../OrTimeRangePickerV3-94c0b78a.js';

package/dist/bundled/components/OrTimeRangePickerV3/OrTimeRangePicker.vue.d.ts

@@ -1,6 +1,6 @@
 import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue';
-import { FormatFunction } from '../../types';
+import { FilterFunction, FormatFunction } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { TimeRangePickerModelValue } from './types';
 declare const _default: import("vue").DefineComponent<{
@@ -60,6 +60,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    startTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -514,6 +530,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    startTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -536,5 +568,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
+    startTimeHoursFilter: FilterFunction<Date>;
+    startTimeMinutesFilter: FilterFunction<Date>;
+    endTimeHoursFilter: FilterFunction<Date>;
+    endTimeMinutesFilter: FilterFunction<Date>;
 }, {}>;
 export default _default;

package/dist/bundled/components/OrTimeRangePickerV3/index.js

@@ -1 +1 @@
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePickerV3-e2afdbc2.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePickerV3-94c0b78a.js';

package/dist/bundled/components/OrTimeRangePickerV3/styles.js

@@ -1 +1 @@
-export { T as TimeRangePicker, a as TimeRangePickerPopover } from '../OrTimeRangePickerV3-e2afdbc2.js';
+export { T as TimeRangePicker, a as TimeRangePickerPopover } from '../OrTimeRangePickerV3-94c0b78a.js';

package/dist/bundled/components/{OrTimeRangePickerV3-e2afdbc2.js → OrTimeRangePickerV3-94c0b78a.js}

@@ -101,6 +101,22 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    startTimeHoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    startTimeMinutesFilter: {
+      type: Function,
+      default: undefined
+    },
+    endTimeHoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    endTimeMinutesFilter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -333,8 +349,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         locale: _ctx.resolvedLocale,
         "hour-step": _ctx.hourStep,
         "minute-step": _ctx.minuteStep,
+        "hours-filter": _ctx.startTimeHoursFilter,
+        "minutes-filter": _ctx.startTimeMinutesFilter,
         "is-active": _ctx.popover && _ctx.popover.state === 'open'
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "is-active"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "hours-filter", "minutes-filter", "is-active"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
         key: 1,
         modelValue: _ctx.draftTo,
         "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.draftTo = $event),
@@ -344,8 +362,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         locale: _ctx.resolvedLocale,
         "hour-step": _ctx.hourStep,
         "minute-step": _ctx.minuteStep,
+        "hours-filter": _ctx.endTimeHoursFilter,
+        "minutes-filter": _ctx.endTimeMinutesFilter,
         "is-active": _ctx.popover && _ctx.popover.state === 'open'
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "is-active"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "hours-filter", "minutes-filter", "is-active"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.invalid,
         onApply: _cache[6] || (_cache[6] = $event => {
           _ctx.apply();

package/dist/bundled/components/index.js

@@ -24,10 +24,10 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-0a50eec6.js';
 export { s as OrConfirm } from './OrConfirm-ca91ff42.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-0d637165.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-470e9dd9.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-0e1b9ec4.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-c7e34acd.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-88930e34.js';
-export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-17dba772.js';
+export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-edd29986.js';
 export { s as OrDateTimeFormatV3 } from './OrDateTimeFormatV3-53a0f41c.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-d1f935ea.js';
 export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as OrDateTimePickerMobileControl, d as OrDateTimePickerMonthSelect, e as OrDateTimePickerPopoverFooter, g as OrDateTimePickerPopoverHeader, l as OrDateTimePickerTimeControl, m as OrDateTimePickerTimeSelect, s as OrDateTimePickerV3, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate } from './OrDateTimePickerV3-cc9fbb4f.js';
@@ -122,7 +122,7 @@ export { s as OrTextareaV3 } from './OrTextareaV3-f084a844.js';
 export { OrTextbox, TextboxTypes } from './OrTextbox/index.js';
 export { s as OrTimeFormatV3 } from './OrTimeFormatV3-1fa3012a.js';
 export { s as OrTimePickerV3 } from './OrTimePickerV3-ca7f3fca.js';
-export { s as OrTimeRangePickerV3 } from './OrTimeRangePickerV3-e2afdbc2.js';
+export { s as OrTimeRangePickerV3 } from './OrTimeRangePickerV3-94c0b78a.js';
 export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './OrToast-4c68fa32.js';
 export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './OrToastV3-6e469c26.js';
 export { OrTooltip, OrTooltipContent } from './OrTooltip/index.js';

package/dist/bundled/index.js

@@ -16,9 +16,9 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-0a50eec6.
 export { s as OrConfirm } from './components/OrConfirm-ca91ff42.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-0d637165.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-470e9dd9.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-0e1b9ec4.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-c7e34acd.js';
-export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-17dba772.js';
+export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-edd29986.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-53a0f41c.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-d1f935ea.js';
 export { D as DrawerPlacement, s as OrDrawerV3 } from './components/OrDrawerV3-66e3534f.js';
@@ -65,7 +65,7 @@ export { default as OrTextarea } from './components/OrTextarea/OrTextarea.js';
 export { s as OrTextareaV3 } from './components/OrTextareaV3-f084a844.js';
 export { OrTextbox, TextboxTypes } from './components/OrTextbox/index.js';
 export { s as OrTimeFormatV3 } from './components/OrTimeFormatV3-1fa3012a.js';
-export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-e2afdbc2.js';
+export { s as OrTimeRangePickerV3 } from './components/OrTimeRangePickerV3-94c0b78a.js';
 export { s as OrToast, a as OrToastContainer, P as PositionsX, c as PositionsY, d as ToastType, T as TransitionType, b as useQueue, u as useToast } from './components/OrToast-4c68fa32.js';
 export { a as OrToastContainerV3, s as OrToastV3, p as PropsV3, t as TypesV3, b as useQueueV3, u as useToastV3 } from './components/OrToastV3-6e469c26.js';
 export { OrTreeV3, TreeNodeDropPosition } from './components/OrTreeV3/index.js';

package/dist/esm/components/index.js

@@ -33,7 +33,7 @@ export { OrConfirm } from './or-confirm/index.js';
 export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
 export { OrDataGridV3 } from './or-data-grid-v3/index.js';
-export { D as DataGridVariant } from '../index-d3978799.js';
+export { D as DataGridVariant } from '../index-f8564453.js';
 export { OrDateFormatV3 } from './or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';

package/dist/esm/components/or-data-grid-v3/index.js

@@ -5,7 +5,7 @@ import { OrSearchV3 as script$h } from '../or-search-v3/index.js';
 import '../or-skeleton-v3/or-skeleton-circle-v3/index.js';
 import '../or-skeleton-v3/or-skeleton-rect-v3/index.js';
 import { OrSkeletonTextV3 as script$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-d3978799.js';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-f8564453.js';
 import '../../useIdAttribute-1a4eafac.js';
 import '../../types/index.js';
 import '../../include-a6208502.js';

package/dist/esm/components/or-data-grid-v3/partials/index.js

@@ -1,18 +1,18 @@
-export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-d3978799.js';
+export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-f8564453.js';
 import 'vue';
-import '../../or-checkbox-v3/index.js';
-import '../../../useIdAttribute-1a4eafac.js';
 import '../../../types/index.js';
-import '../../../include-a6208502.js';
 import '../../../dom-11141778.js';
 import 'lodash/get';
 import 'lodash/isElement';
-import '../../../isArray-135d4ff2.js';
-import '../../../isUndefined-f78f2fdc.js';
 import '@vueuse/core';
 import '../../../useProxyModelValue-55ed539b.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
+import '../../or-checkbox-v3/index.js';
+import '../../../useIdAttribute-1a4eafac.js';
+import '../../../include-a6208502.js';
+import '../../../isArray-135d4ff2.js';
+import '../../../isUndefined-f78f2fdc.js';
 import '../../or-label-v3/index.js';
 import '../../or-date-picker-v3/index.js';
 import '../../../directives/index.js';

package/dist/esm/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue.d.ts

@@ -21,12 +21,12 @@ declare const _default: import("vue").DefineComponent<{
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
     rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
-    model: import("vue").WritableComputedRef<any>;
+    model: import("../../../../hooks").UseProxyModelValueReturn<any>;
     control: import("vue").ComputedRef<{
         type: "number" | "text" | "rating" | "select" | "checkbox" | "switch" | "date" | "time" | "datetime" | "tags";
         options?: import("../../../or-select-v3").SelectItem[] | undefined;
     } | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", 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<{
     modelValue: {
         type: PropType<any>;
         default: undefined;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: any;
     column: DataGridColumn;

package/dist/esm/components/or-date-range-picker-v3/OrDateRangePicker.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { FormatFunction } from '../../types';
+import { FilterFunction, FormatFunction } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { DateRangePickerModelValue } from './types';
 import { ReferenceElement } from '@floating-ui/dom';
@@ -52,6 +52,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -562,6 +570,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -582,5 +598,7 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
+    startDateFilter: FilterFunction<Date>;
+    endDateFilter: FilterFunction<Date>;
 }, {}>;
 export default _default;

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

@@ -123,6 +123,14 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    startDateFilter: {
+      type: Function,
+      default: undefined
+    },
+    endDateFilter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -384,8 +392,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         format: _ctx.resolvedFormat,
         locale: _ctx.resolvedLocale,
         "range-start": _ctx.draftFrom || _ctx.initialValueFrom,
-        "range-end": _ctx.draftTo || _ctx.initialValueTo
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end"])])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrDateTimePickerMonthSelect, {
+        "range-end": _ctx.draftTo || _ctx.initialValueTo,
+        "date-filter": _ctx.startDateFilter
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end", "date-filter"])])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrDateTimePickerMonthSelect, {
         modelValue: _ctx.initialValueTo,
         "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.initialValueTo = $event),
         locale: _ctx.resolvedLocale
@@ -396,8 +405,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         format: _ctx.resolvedFormat,
         locale: _ctx.resolvedLocale,
         "range-start": _ctx.draftFrom || _ctx.initialValueFrom,
-        "range-end": _ctx.draftTo || _ctx.initialValueTo
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end"])])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        "range-end": _ctx.draftTo || _ctx.initialValueTo,
+        "date-filter": _ctx.endDateFilter
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end", "date-filter"])])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.invalid,
         onApply: _cache[10] || (_cache[10] = $event => {
           _ctx.apply();

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

@@ -1,6 +1,6 @@
 import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue';
-import { FormatFunction } from '../../types';
+import { FilterFunction, FormatFunction } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
 import { TimeRangePickerModelValue } from './types';
 declare const _default: import("vue").DefineComponent<{
@@ -60,6 +60,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    startTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -514,6 +530,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    startTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    startTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeHoursFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endTimeMinutesFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -536,5 +568,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
+    startTimeHoursFilter: FilterFunction<Date>;
+    startTimeMinutesFilter: FilterFunction<Date>;
+    endTimeHoursFilter: FilterFunction<Date>;
+    endTimeMinutesFilter: FilterFunction<Date>;
 }, {}>;
 export default _default;

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

@@ -127,6 +127,22 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    startTimeHoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    startTimeMinutesFilter: {
+      type: Function,
+      default: undefined
+    },
+    endTimeHoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    endTimeMinutesFilter: {
+      type: Function,
+      default: undefined
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -359,8 +375,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         locale: _ctx.resolvedLocale,
         "hour-step": _ctx.hourStep,
         "minute-step": _ctx.minuteStep,
+        "hours-filter": _ctx.startTimeHoursFilter,
+        "minutes-filter": _ctx.startTimeMinutesFilter,
         "is-active": _ctx.popover && _ctx.popover.state === 'open'
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "is-active"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "hours-filter", "minutes-filter", "is-active"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.activeControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
         key: 1,
         modelValue: _ctx.draftTo,
         "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.draftTo = $event),
@@ -370,8 +388,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         locale: _ctx.resolvedLocale,
         "hour-step": _ctx.hourStep,
         "minute-step": _ctx.minuteStep,
+        "hours-filter": _ctx.endTimeHoursFilter,
+        "minutes-filter": _ctx.endTimeMinutesFilter,
         "is-active": _ctx.popover && _ctx.popover.state === 'open'
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "is-active"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hour-step", "minute-step", "hours-filter", "minutes-filter", "is-active"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.invalid,
         onApply: _cache[6] || (_cache[6] = $event => {
           _ctx.apply();

package/dist/esm/{index-d3978799.js → index-f8564453.js}

@@ -1,16 +1,20 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, toRef, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode } from 'vue';
+import './types/index.js';
+import './dom-11141778.js';
+import { useElementSize } from '@vueuse/core';
+import { u as useProxyModelValue } from './useProxyModelValue-55ed539b.js';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import { OrCheckboxV3 as script$e } from './components/or-checkbox-v3/index.js';
 import { OrDatePickerV3 as script$f } from './components/or-date-picker-v3/index.js';
 import { s as script$g } from './OrDateTimePicker-2bdd4140.js';
 import './components/or-date-time-picker-v3/partials/index.js';
-import './types/index.js';
 import { OrInputV3 as script$h } from './components/or-input-v3/index.js';
 import { OrRatingV3 as script$i } from './components/or-rating-v3/index.js';
 import { OrSelectV3 as script$j } from './components/or-select-v3/index.js';
 import { OrSwitchV3 as script$k } from './components/or-switch-v3/index.js';
 import { OrTagInputV3 as script$l } from './components/or-tag-input-v3/index.js';
 import { OrTimePickerV3 as script$m } from './components/or-time-picker-v3/index.js';
-import { useElementSize } from '@vueuse/core';
 import { OrIconV3 as script$n } from './components/or-icon-v3/index.js';
 
 const DataGridFooter = [
@@ -154,7 +158,7 @@ var script$b = defineComponent({
       default: false
     }
   },
-  emits: ['update:model-value'],
+  emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -192,12 +196,7 @@ var script$b = defineComponent({
       };
     });
     // State
-    const model = computed({
-      get: () => props.modelValue,
-      set: value => {
-        context.emit('update:model-value', value);
-      }
-    });
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const control = computed(() => {
       var _a;
       return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;

package/dist/esm/index.js

@@ -33,7 +33,7 @@ export { OrConfirm } from './components/or-confirm/index.js';
 export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
 export { OrDataGridV3 } from './components/or-data-grid-v3/index.js';
-export { D as DataGridVariant } from './index-d3978799.js';
+export { D as DataGridVariant } from './index-f8564453.js';
 export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "19.1.0-beta.4993.0",
+  "version": "19.1.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v3",
   "sideEffects": false,
@@ -33,7 +33,7 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^19.0.0",
+    "@onereach/styles": "^19.1.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -140,5 +140,6 @@
       "default": "./dist/bundled/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "797ab205ef3c69030df8327819184b2941f960c8"
 }

package/src/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue

@@ -93,7 +93,8 @@
 </template>
 
 <script lang="ts">
-import { PropType, computed, defineComponent, ref } from 'vue';
+import { PropType, computed, defineComponent, ref, toRef } from 'vue';
+import { useProxyModelValue } from '../../../../hooks';
 import { OrCheckboxV3 as OrCheckbox } from '../../../or-checkbox-v3';
 import { OrDatePickerV3 as OrDatePicker } from '../../../or-date-picker-v3';
 import { OrDateTimePickerV3 as OrDateTimePicker } from '../../../or-date-time-picker-v3';
@@ -149,7 +150,7 @@ export default defineComponent({
   },
 
   emits: [
-    'update:model-value',
+    'update:modelValue',
   ],
 
   expose: [
@@ -199,13 +200,7 @@ export default defineComponent({
     });
 
     // State
-    const model = computed({
-      get: () => props.modelValue,
-
-      set: (value) => {
-        context.emit('update:model-value', value);
-      },
-    });
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
 
     const control = computed(() => {
       return props.column?.control;

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

@@ -101,6 +101,7 @@
                 :locale="resolvedLocale"
                 :range-start="draftFrom || initialValueFrom"
                 :range-end="draftTo || initialValueTo"
+                :date-filter="startDateFilter"
                 @update:model-value="toggleControl()"
               />
             </div>
@@ -120,6 +121,7 @@
                 :locale="resolvedLocale"
                 :range-start="draftFrom || initialValueFrom"
                 :range-end="draftTo || initialValueTo"
+                :date-filter="endDateFilter"
                 @update:model-value="toggleControl()"
               />
             </div>
@@ -178,7 +180,7 @@
 import { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';
 import { DropdownClose, DropdownOpen } from '../../directives';
 import { useDateFormat, useLocale, useProxyModelValue, useResponsive } from '../../hooks';
-import { DateFormat, FormatFunction } from '../../types';
+import { DateFormat, FilterFunction, FormatFunction } from '../../types';
 import { DateTimePickerModelValue, OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, formatMobileDate, getCurrentDate, getNextMonthDate } from '../or-date-time-picker-v3';
 import { OrErrorV3 as OrError } from '../or-error-v3';
 import { OrHintV3 as OrHint } from '../or-hint-v3';
@@ -280,6 +282,16 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+
+    startDateFilter: {
+      type: Function as PropType<FilterFunction<Date>>,
+      default: undefined,
+    },
+
+    endDateFilter: {
+      type: Function as PropType<FilterFunction<Date>>,
+      default: undefined,
+    },
   },
 
   emits: [

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

@@ -98,6 +98,8 @@
               :locale="resolvedLocale"
               :hour-step="hourStep"
               :minute-step="minuteStep"
+              :hours-filter="startTimeHoursFilter"
+              :minutes-filter="startTimeMinutesFilter"
               :is-active="popover && popover.state === 'open'"
             />
           </template>
@@ -111,6 +113,8 @@
               :locale="resolvedLocale"
               :hour-step="hourStep"
               :minute-step="minuteStep"
+              :hours-filter="endTimeHoursFilter"
+              :minutes-filter="endTimeMinutesFilter"
               :is-active="popover && popover.state === 'open'"
             />
           </template>
@@ -169,7 +173,7 @@ import { ReferenceElement } from '@floating-ui/dom';
 import { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';
 import { DropdownClose, DropdownOpen } from '../../directives';
 import { useLocale, useProxyModelValue, useResponsive, useTimeFormat } from '../../hooks';
-import { FormatFunction, TimeFormat } from '../../types';
+import { FilterFunction, FormatFunction, TimeFormat } from '../../types';
 import { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '../or-date-time-picker-v3';
 import { OrErrorV3 as OrError } from '../or-error-v3';
 import { OrHintV3 as OrHint } from '../or-hint-v3';
@@ -279,6 +283,26 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+
+    startTimeHoursFilter: {
+      type: Function as PropType<FilterFunction<Date>>,
+      default: undefined,
+    },
+
+    startTimeMinutesFilter: {
+      type: Function as PropType<FilterFunction<Date>>,
+      default: undefined,
+    },
+
+    endTimeHoursFilter: {
+      type: Function as PropType<FilterFunction<Date>>,
+      default: undefined,
+    },
+
+    endTimeMinutesFilter: {
+      type: Function as PropType<FilterFunction<Date>>,
+      default: undefined,
+    },
   },
 
   emits: [