@onereach/ui-components 19.2.2 → 19.2.4

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/components/or-toast-v3/index.js

@@ -83,10 +83,10 @@ const messageStyleVariant = {
   'typography-caption-regular'],
   'error': [
   // Typography
-  'typography-caption-bold'],
+  'typography-caption-regular'],
   'loading': [
   // Typography
-  'typography-caption-bold']
+  'typography-caption-regular']
 };
 
 var script$1 = defineComponent({

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.2",
+  "version": "19.2.4",
   "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.2",
+    "@onereach/styles": "^19.2.4",
     "@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": "7d8b579b6b21d7cad63889a24f581abe0ff0a527"
+  "gitHead": "dccaae62c2dd0dce21f30ef1f469cca8e76b75a9"
 }

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;

package/src/components/or-toast-v3/styles.ts

@@ -93,11 +93,11 @@ export const messageStyleVariant: Record<ToastType, string[]> = {
 
   'error': [
     // Typography
-    'typography-caption-bold',
+    'typography-caption-regular',
   ],
 
   'loading': [
     // Typography
-    'typography-caption-bold',
+    'typography-caption-regular',
   ],
 };