@onereach/ui-components-vue2 19.1.1 → 19.2.0-beta.5001.0

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, 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,6 +9,7 @@ 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';
@@ -201,7 +202,7 @@ var script$c = defineComponent({
       default: false
     }
   },
-  emits: ['update:model-value'],
+  emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -239,12 +240,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/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-5cb18aae.js';
+export { D as DataGridVariant } from '../index-4e09dbe7.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-5cb18aae.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 { 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-5cb18aae.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-4e09dbe7.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/{index-5cb18aae.js → index-4e09dbe7.js}

@@ -1,17 +1,21 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, 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 = [
@@ -197,7 +201,7 @@ var script$b = defineComponent({
       default: false
     }
   },
-  emits: ['update:model-value'],
+  emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -235,12 +239,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

@@ -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-5cb18aae.js';
+export { D as DataGridVariant } from './index-4e09dbe7.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.1.1",
+  "version": "19.2.0-beta.5001.0",
   "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.1.1",
+    "@onereach/styles": "^19.2.0-beta.5001.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -133,6 +133,5 @@
       "types": "./dist/bundled/components/*/index.d.ts",
       "default": "./dist/bundled/components/*/index.js"
     }
-  },
-  "gitHead": "5acd971d501a89303d5b0c2d24c8aace117f4d9f"
+  }
 }