@onereach/ui-components 19.1.0 → 19.1.1

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-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 { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, 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,7 +8,6 @@ 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';
@@ -156,7 +155,7 @@ var script$c = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue'],
+  emits: ['update:model-value'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -194,7 +193,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/index.js

@@ -24,7 +24,7 @@ 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-0e1b9ec4.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-470e9dd9.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-c7e34acd.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-88930e34.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-edd29986.js';

package/dist/bundled/index.js

@@ -16,7 +16,7 @@ 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-0e1b9ec4.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-470e9dd9.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-c7e34acd.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-edd29986.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-53a0f41c.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-f8564453.js';
+export { D as DataGridVariant } from '../index-d3978799.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-f8564453.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 '../../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-f8564453.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-d3978799.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("../../../../hooks").UseProxyModelValueReturn<any>;
+    model: import("vue").WritableComputedRef<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:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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<{
     modelValue: {
         type: PropType<any>;
         default: undefined;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: any;
     column: DataGridColumn;

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

@@ -1,20 +1,16 @@
-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 { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode } from 'vue';
 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 = [
@@ -158,7 +154,7 @@ var script$b = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue'],
+  emits: ['update:model-value'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -196,7 +192,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

@@ -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-f8564453.js';
+export { D as DataGridVariant } from './index-d3978799.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",
+  "version": "19.1.1",
   "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.1.0",
+    "@onereach/styles": "^19.1.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -141,5 +141,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "797ab205ef3c69030df8327819184b2941f960c8"
+  "gitHead": "5acd971d501a89303d5b0c2d24c8aace117f4d9f"
 }

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

@@ -93,8 +93,7 @@
 </template>
 
 <script lang="ts">
-import { PropType, computed, defineComponent, ref, toRef } from 'vue';
-import { useProxyModelValue } from '../../../../hooks';
+import { PropType, computed, defineComponent, ref } from 'vue';
 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';
@@ -150,7 +149,7 @@ export default defineComponent({
   },
 
   emits: [
-    'update:modelValue',
+    'update:model-value',
   ],
 
   expose: [
@@ -200,7 +199,13 @@ export default 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(() => {
       return props.column?.control;