@onereach/ui-components 19.2.1 → 19.2.3

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

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-607bd571.js';
+export { s as default } from '../OrDataGridV3-be67cf18.js';

package/dist/bundled/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     filteringModel: import("vue").WritableComputedRef<undefined>;
     searchingModel: import("vue").WritableComputedRef<import("../../types").ModelValue<string>>;
     sortingModel: import("vue").WritableComputedRef<import("../../types").ModelValue<{
-        column: string | undefined;
+        column: string;
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;

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

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-607bd571.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-be67cf18.js';

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

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-607bd571.js';
+export { a as DataGrid } from '../OrDataGridV3-be67cf18.js';

package/dist/bundled/components/OrDataGridV3/types.d.ts

@@ -13,7 +13,7 @@ export type DataGridModelValue = ModelValue<{
 }>;
 export type DataGridItem<T extends DataModel> = T;
 export type DataGridColumn = {
-    name?: string;
+    name: string;
     label?: string;
     width?: string;
     alignment?: 'start' | 'end' | 'center';

package/dist/bundled/components/{OrDataGridV3-607bd571.js → OrDataGridV3-be67cf18.js}

@@ -155,7 +155,7 @@ var script$c = defineComponent({
       default: false
     }
   },
-  emits: ['update:model-value'],
+  emits: ['input'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -196,7 +196,7 @@ var script$c = defineComponent({
     const model = computed({
       get: () => props.modelValue,
       set: value => {
-        context.emit('update:model-value', value);
+        context.emit('input', value);
       }
     });
     const control = computed(() => {
@@ -591,7 +591,7 @@ var script$6 = defineComponent({
     });
     // Methods
     function toggleSorting() {
-      var _a;
+      var _a, _b;
       if (!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting)) {
         return;
       }
@@ -605,7 +605,7 @@ var script$6 = defineComponent({
           throw new Error('[OrDataGridTableHeaderCell]: `column` must be specified.');
         }
         model.value = {
-          column: props.column.name,
+          column: ((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) || '_check',
           direction: 'asc'
         };
       }
@@ -1228,10 +1228,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
             return openBlock(), createBlock(_component_OrDataGridTableContentCell, {
               key: column.name,
-              modelValue: item[column.name],
-              "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
+              "model-value": item[column.name],
               column: column,
               features: _ctx.features,
+              onInput: value => {
+                item[column.name] = value;
+                _ctx.$emit('update:item', item);
+              },
               onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
@@ -1239,7 +1242,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 item: item
               }, () => [createTextVNode(toDisplayString(item[column.name]), 1 /* TEXT */)])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "column", "features"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "column", "features", "onInput"]);
           }), 128 /* KEYED_FRAGMENT */))]),
           _: 2 /* DYNAMIC */
         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "selected"]);

package/dist/bundled/components/index.js

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-7aa0d255.js';
 export { s as OrConfirm } from './OrConfirm-3de90b03.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-82b876b1.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-607bd571.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-be67cf18.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-7523e0b0.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-3c11a0c8.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-f13790a5.js';

package/dist/bundled/index.js

@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-7aa0d255.
 export { s as OrConfirm } from './components/OrConfirm-3de90b03.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-82b876b1.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-607bd571.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-be67cf18.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-7523e0b0.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-f13790a5.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-9318ab89.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-388c8d61.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/OrDataGrid.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     filteringModel: import("vue").WritableComputedRef<undefined>;
     searchingModel: import("vue").WritableComputedRef<import("../../types").ModelValue<string>>;
     sortingModel: import("vue").WritableComputedRef<import("../../types").ModelValue<{
-        column: string | undefined;
+        column: string;
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;

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-388c8d61.js';
 import '../../useIdAttribute-1a4eafac.js';
 import '../../types/index.js';
 import '../../include-a6208502.js';
@@ -431,10 +431,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
             return openBlock(), createBlock(_component_OrDataGridTableContentCell, {
               key: column.name,
-              modelValue: item[column.name],
-              "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
+              "model-value": item[column.name],
               column: column,
               features: _ctx.features,
+              onInput: value => {
+                item[column.name] = value;
+                _ctx.$emit('update:item', item);
+              },
               onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
@@ -442,7 +445,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 item: item
               }, () => [createTextVNode(toDisplayString(item[column.name]), 1 /* TEXT */)])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "column", "features"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "column", "features", "onInput"]);
           }), 128 /* KEYED_FRAGMENT */))]),
           _: 2 /* DYNAMIC */
         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "selected"]);

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

@@ -1,4 +1,4 @@
-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-388c8d61.js';
 import 'vue';
 import '../../or-checkbox-v3/index.js';
 import '../../../useIdAttribute-1a4eafac.js';

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

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     column: {
-        type: PropType<DataGridColumn>;
+        type: PropType<Omit<DataGridColumn, "name">>;
         default: undefined;
     };
     features: {
@@ -26,13 +26,13 @@ declare const _default: import("vue").DefineComponent<{
         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, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<any>;
         default: undefined;
     };
     column: {
-        type: PropType<DataGridColumn>;
+        type: PropType<Omit<DataGridColumn, "name">>;
         default: undefined;
     };
     features: {
@@ -44,10 +44,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: any;
-    column: DataGridColumn;
+    column: Omit<DataGridColumn, "name">;
     features: DataGridFeatures;
     override: boolean;
 }, {}>;

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

@@ -3,13 +3,15 @@ import { DataGridColumn, DataGridFeatures } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<import("../../../..").ModelValue<{
-            column: string | undefined;
+            column: string;
             direction: "asc" | "desc";
         }>>;
         default: undefined;
     };
     column: {
-        type: PropType<DataGridColumn>;
+        type: PropType<Omit<DataGridColumn, "name"> & {
+            name?: string | undefined;
+        }>;
         default: undefined;
     };
     features: {
@@ -21,20 +23,22 @@ declare const _default: import("vue").DefineComponent<{
     rootStyles: import("vue").ComputedRef<string[]>;
     rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
     model: import("vue").WritableComputedRef<import("../../../..").ModelValue<{
-        column: string | undefined;
+        column: string;
         direction: "asc" | "desc";
     }>>;
     toggleSorting: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:scrollOffset" | "remove:scrollOffset")[], "update:modelValue" | "update:scrollOffset" | "remove:scrollOffset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<import("../../../..").ModelValue<{
-            column: string | undefined;
+            column: string;
             direction: "asc" | "desc";
         }>>;
         default: undefined;
     };
     column: {
-        type: PropType<DataGridColumn>;
+        type: PropType<Omit<DataGridColumn, "name"> & {
+            name?: string | undefined;
+        }>;
         default: undefined;
     };
     features: {
@@ -47,10 +51,12 @@ declare const _default: import("vue").DefineComponent<{
     "onRemove:scrollOffset"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: import("../../../..").ModelValue<{
-        column: string | undefined;
+        column: string;
         direction: "asc" | "desc";
     }>;
-    column: DataGridColumn;
+    column: Omit<DataGridColumn, "name"> & {
+        name?: string | undefined;
+    };
     features: DataGridFeatures;
 }, {}>;
 export default _default;

package/dist/esm/components/or-data-grid-v3/types.d.ts

@@ -13,7 +13,7 @@ export type DataGridModelValue = ModelValue<{
 }>;
 export type DataGridItem<T extends DataModel> = T;
 export type DataGridColumn = {
-    name?: string;
+    name: string;
     label?: string;
     width?: string;
     alignment?: 'start' | 'end' | 'center';

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

@@ -154,7 +154,7 @@ var script$b = defineComponent({
       default: false
     }
   },
-  emits: ['update:model-value'],
+  emits: ['input'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -195,7 +195,7 @@ var script$b = defineComponent({
     const model = computed({
       get: () => props.modelValue,
       set: value => {
-        context.emit('update:model-value', value);
+        context.emit('input', value);
       }
     });
     const control = computed(() => {
@@ -590,7 +590,7 @@ var script$5 = defineComponent({
     });
     // Methods
     function toggleSorting() {
-      var _a;
+      var _a, _b;
       if (!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting)) {
         return;
       }
@@ -604,7 +604,7 @@ var script$5 = defineComponent({
           throw new Error('[OrDataGridTableHeaderCell]: `column` must be specified.');
         }
         model.value = {
-          column: props.column.name,
+          column: ((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) || '_check',
           direction: 'asc'
         };
       }

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-388c8d61.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.2.1",
+  "version": "19.2.3",
   "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.2.1",
+    "@onereach/styles": "^19.2.3",
     "@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": "22dfd1cd755742885366f9877c8748ff50a08593"
+  "gitHead": "d9164cd9f00d2f85eca5cefb0dc4f6e89c2e0d1d"
 }

package/src/components/or-data-grid-v3/OrDataGrid.vue

@@ -119,10 +119,10 @@
             <OrDataGridTableContentCell
               v-for="column of columns"
               :key="column.name"
-              v-model="item[column.name]"
+              :model-value="item[column.name]"
               :column="column"
               :features="features"
-              @update:model-value="$emit('update:item', item)"
+              @input="value => { item[column.name] = value; $emit('update:item', item);}"
               @focusin="scrollTo($event)"
             >
               <slot

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

@@ -133,7 +133,7 @@ export default defineComponent({
     },
 
     column: {
-      type: Object as PropType<DataGridColumn>,
+      type: Object as PropType<Omit<DataGridColumn, 'name'>>,
       default: undefined,
     },
 
@@ -149,7 +149,7 @@ export default defineComponent({
   },
 
   emits: [
-    'update:model-value',
+    'input',
   ],
 
   expose: [
@@ -203,7 +203,7 @@ export default defineComponent({
       get: () => props.modelValue,
 
       set: (value) => {
-        context.emit('update:model-value', value);
+        context.emit('input', value);
       },
     });
 

package/src/components/or-data-grid-v3/partials/or-data-grid-table-header-cell/OrDataGridTableHeaderCell.vue

@@ -41,7 +41,7 @@ export default defineComponent({
     },
 
     column: {
-      type: Object as PropType<DataGridColumn>,
+      type: Object as PropType<Omit<DataGridColumn, 'name'> & {name?: string;}>,
       default: undefined,
     },
 
@@ -137,7 +137,7 @@ export default defineComponent({
         }
 
         model.value = {
-          column: props.column.name,
+          column: props.column?.name || '_check',
           direction: 'asc',
         };
       }

package/src/components/or-data-grid-v3/types.ts

@@ -21,7 +21,7 @@ export type DataGridModelValue = ModelValue<{
 export type DataGridItem<T extends DataModel> = T;
 
 export type DataGridColumn = {
-  name?: string;
+  name: string;
   label?: string;
 
   width?: string;