@onereach/ui-components-vue2 19.0.0 → 19.1.1

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import __vue_component__$t from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$u from '../OrDatePickerV3/OrDatePicker.js';
@@ -9,7 +9,6 @@ import __vue_component__$y from '../OrSelectV3/OrSelect.js';
 import __vue_component__$z from '../OrSwitchV3/OrSwitch.js';
 import __vue_component__$A from '../OrTagInputV3/OrTagInput.js';
 import __vue_component__$B from '../OrTimePickerV3/OrTimePicker.js';
-import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { p as useElementSize } from '../../index-fe4d407a.js';
 import __vue_component__$C from '../OrIconV3/OrIcon.js';
 import { DataGrid } from './styles.js';
@@ -202,7 +201,7 @@ var script$c = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue'],
+  emits: ['update:model-value'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -240,7 +239,12 @@ var script$c = defineComponent({
       };
     });
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const model = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:model-value', value);
+      }
+    });
     const control = computed(() => {
       var _a;
       return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;

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

@@ -94,6 +94,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'],
@@ -424,7 +432,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
       "range-start": _vm.draftFrom || _vm.initialValueFrom,
-      "range-end": _vm.draftTo || _vm.initialValueTo
+      "range-end": _vm.draftTo || _vm.initialValueTo,
+      "date-filter": _vm.startDateFilter
     },
     on: {
       "update:model-value": function ($event) {
@@ -457,7 +466,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
       "range-start": _vm.draftFrom || _vm.initialValueFrom,
-      "range-end": _vm.draftTo || _vm.initialValueTo
+      "range-end": _vm.draftTo || _vm.initialValueTo,
+      "date-filter": _vm.endDateFilter
     },
     on: {
       "update:model-value": function ($event) {

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

@@ -100,6 +100,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'],
@@ -400,6 +416,8 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hour-step": _vm.hourStep,
       "minute-step": _vm.minuteStep,
+      "hours-filter": _vm.startTimeHoursFilter,
+      "minutes-filter": _vm.startTimeMinutesFilter,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
@@ -417,6 +435,8 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hour-step": _vm.hourStep,
       "minute-step": _vm.minuteStep,
+      "hours-filter": _vm.endTimeHoursFilter,
+      "minutes-filter": _vm.endTimeMinutesFilter,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {

package/dist/esm/components/index.js

@@ -35,7 +35,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-4e09dbe7.js';
+export { D as DataGridVariant } from '../index-5cb18aae.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 __vue_component__$h } from '../or-search-v3/index.js';
 import '../../OrSkeletonCircle.vue_rollup-plugin-vue_script-373399b7.js';
 import '../../OrSkeletonRect.vue_rollup-plugin-vue_script-99ae0828.js';
 import { OrSkeletonTextV3 as __vue_component__$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
-import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-4e09dbe7.js';
+import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-5cb18aae.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../useIdAttribute-524b67c6.js';
 import '../../types/index.js';

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

@@ -1,19 +1,19 @@
-export { _ 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-4e09dbe7.js';
+export { _ 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-5cb18aae.js';
 import 'vue-demi';
 import '../../../normalize-component-cf2db48b.js';
+import '../../or-checkbox-v3/index.js';
+import '../../../useIdAttribute-524b67c6.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-42e265dd.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../or-checkbox-v3/index.js';
-import '../../../useIdAttribute-524b67c6.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-date-range-picker-v3/index.js

@@ -127,6 +127,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'],
@@ -457,7 +465,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
       "range-start": _vm.draftFrom || _vm.initialValueFrom,
-      "range-end": _vm.draftTo || _vm.initialValueTo
+      "range-end": _vm.draftTo || _vm.initialValueTo,
+      "date-filter": _vm.startDateFilter
     },
     on: {
       "update:model-value": function ($event) {
@@ -490,7 +499,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
       "range-start": _vm.draftFrom || _vm.initialValueFrom,
-      "range-end": _vm.draftTo || _vm.initialValueTo
+      "range-end": _vm.draftTo || _vm.initialValueTo,
+      "date-filter": _vm.endDateFilter
     },
     on: {
       "update:model-value": function ($event) {

package/dist/esm/components/or-list-of-inputs/index.js

@@ -14,17 +14,12 @@ import 'sortablejs';
 import '../or-label/index.js';
 import '../../OrButton-2fa17808.js';
 import '../or-error/index.js';
-import '../../constants-873d04a2.js';
-import '../or-loader/index.js';
-import '../../isString-f8e938a3.js';
+import '../../px-to-rem-a21cdf39.js';
 import '../../dom-11141778.js';
 import 'lodash/get';
 import 'lodash/isElement';
-import '../../isArray-135d4ff2.js';
-import '../../isNull-ef42547d.js';
-import '../../isUndefined-f78f2fdc.js';
-import '../../isObject-fb5a9ae7.js';
-import '../or-tooltip/index.js';
+import '../or-hint/index.js';
+import '../or-collapse/index.js';
 import '../../OrTooltip.vue_rollup-plugin-vue_styles.0-c26b1c11.js';
 import 'lodash/isNil';
 import '../or-tooltip/or-tooltip-content/index.js';
@@ -32,9 +27,14 @@ import '../or-floating/index.js';
 import '@floating-ui/dom';
 import '../or-teleport/index.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../px-to-rem-a21cdf39.js';
-import '../or-hint/index.js';
-import '../or-collapse/index.js';
+import '../../constants-873d04a2.js';
+import '../or-loader/index.js';
+import '../../isString-f8e938a3.js';
+import '../../isArray-135d4ff2.js';
+import '../../isNull-ef42547d.js';
+import '../../isUndefined-f78f2fdc.js';
+import '../../isObject-fb5a9ae7.js';
+import '../or-tooltip/index.js';
 
 var script = defineComponent({
   name: 'OrListOfInputs',

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

@@ -131,6 +131,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'],
@@ -431,6 +447,8 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hour-step": _vm.hourStep,
       "minute-step": _vm.minuteStep,
+      "hours-filter": _vm.startTimeHoursFilter,
+      "minutes-filter": _vm.startTimeMinutesFilter,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
@@ -448,6 +466,8 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hour-step": _vm.hourStep,
       "minute-step": _vm.minuteStep,
+      "hours-filter": _vm.endTimeHoursFilter,
+      "minutes-filter": _vm.endTimeMinutesFilter,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {

package/dist/esm/{index-4e09dbe7.js → index-5cb18aae.js}

@@ -1,21 +1,17 @@
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
-import './types/index.js';
-import './dom-11141778.js';
-import { useElementSize } from '@vueuse/core';
-import { u as useProxyModelValue } from './useProxyModelValue-42e265dd.js';
-import '@onereach/styles/screens.json';
-import '@onereach/styles/tailwind.config.json';
 import { OrCheckboxV3 as __vue_component__$e } from './components/or-checkbox-v3/index.js';
 import { OrDatePickerV3 as __vue_component__$f } from './components/or-date-picker-v3/index.js';
 import { _ as __vue_component__$g } from './OrDateTimePicker-a35cc5b7.js';
 import './components/or-date-time-picker-v3/partials/index.js';
+import './types/index.js';
 import { OrInputV3 as __vue_component__$h } from './components/or-input-v3/index.js';
 import { OrRatingV3 as __vue_component__$i } from './components/or-rating-v3/index.js';
 import { OrSelectV3 as __vue_component__$j } from './components/or-select-v3/index.js';
 import { OrSwitchV3 as __vue_component__$k } from './components/or-switch-v3/index.js';
 import { OrTagInputV3 as __vue_component__$l } from './components/or-tag-input-v3/index.js';
 import { OrTimePickerV3 as __vue_component__$m } from './components/or-time-picker-v3/index.js';
+import { useElementSize } from '@vueuse/core';
 import { OrIconV3 as __vue_component__$n } from './components/or-icon-v3/index.js';
 
 const DataGridFooter = [
@@ -201,7 +197,7 @@ var script$b = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue'],
+  emits: ['update:model-value'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -239,7 +235,12 @@ var script$b = defineComponent({
       };
     });
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const model = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:model-value', value);
+      }
+    });
     const control = computed(() => {
       var _a;
       return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;

package/dist/esm/index.js

@@ -35,7 +35,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-4e09dbe7.js';
+export { D as DataGridVariant } from './index-5cb18aae.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-vue2",
-  "version": "19.0.0",
+  "version": "19.1.1",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2",
   "sideEffects": false,
@@ -35,7 +35,7 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^19.0.0",
+    "@onereach/styles": "^19.1.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -134,5 +134,5 @@
       "default": "./dist/bundled/components/*/index.js"
     }
   },
-  "gitHead": "828f5d4f5ed944a3b60b77de43c3d72047d424f4"
+  "gitHead": "5acd971d501a89303d5b0c2d24c8aace117f4d9f"
 }