@onereach/ui-components-vue2 26.4.0 → 26.4.1-beta.5877.0

package/dist/esm/components/index.js

@@ -19,7 +19,7 @@ export { EditorState } from '@codemirror/state';
 export { OrCombinedInputV3 } from './or-combined-input-v3/index.js';
 export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
-export { DataGridVariant, OrDataGridFooter, OrDataGridHeader, OrDataGridNotification, OrDataGridTable, OrDataGridTableContent, OrDataGridTableContentCell, OrDataGridTableContentRow, OrDataGridTableExtraRow, OrDataGridTableFooter, OrDataGridTableFooterCell, OrDataGridTableFooterRow, OrDataGridTableHeader, OrDataGridTableHeaderCell, OrDataGridTableHeaderRow, OrDataGridTablePlaceholder, OrDataGridToolbar, OrDataGridV3 } from './or-data-grid-v3/index.js';
+export { DATA_GRID_DEFAULT_MIN_WIDTH, DataGridVariant, OrDataGridFooter, OrDataGridHeader, OrDataGridNotification, OrDataGridTable, OrDataGridTableContent, OrDataGridTableContentCell, OrDataGridTableContentRow, OrDataGridTableExtraRow, OrDataGridTableFooter, OrDataGridTableFooterCell, OrDataGridTableFooterRow, OrDataGridTableHeader, OrDataGridTableHeaderCell, OrDataGridTableHeaderRow, OrDataGridTablePlaceholder, OrDataGridToolbar, OrDataGridV3 } from './or-data-grid-v3/index.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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, watch, onMounted } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3/index.js';
 import { OrDatePickerV3 as OrDatePicker } from '../or-date-picker-v3/index.js';
@@ -195,20 +195,21 @@ var DataGridVariant;
   DataGridVariant["Compact"] = "compact";
   DataGridVariant["Dynamic"] = "dynamic";
 })(DataGridVariant || (DataGridVariant = {}));
+const DATA_GRID_DEFAULT_MIN_WIDTH = '52px';
 
 const DataGridTableContentCell = [
 // Layout
 'layout-row items-center',
 // Spacing
-'px-sm+', 'py-0', 'gap-xs',
+'px-sm+', 'py-xs', 'gap-xs',
 // Theme
-'theme-border-transparent border-1', 'dark:theme-border-transparent-dark', 'theme-outline-transparent outline-2', 'dark:theme-outline-transparent-dark',
+'theme-border-transparent border-1', 'dark:theme-border-transparent-dark', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
 // Theme (focus)
 'focus-within:theme-border-primary', 'dark:focus-within:theme-border-primary-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
 // Theme (.sticky-start)
-'[&.sticky-start]:border-e-disabled', 'dark:[&.sticky-start]:border-e-disabled-dark',
+'[&.sticky-start]:theme-background-default [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid', 'dark:[&.sticky-start]:theme-background-default-dark dark:[&.sticky-start]:border-e-disabled-dark', 'hover:[&.sticky-start]:theme-background-surface-1 dark:hover:[&.sticky-start]:theme-background-surface-1-dark', 'selected:[&.sticky-start]:theme-background-surface-2 dark:selected:[&.sticky-start]:theme-background-surface-2-dark', 'hover:selected:[&.sticky-start]:theme-background-surface-3 dark:hover:selected:[&.sticky-start]:theme-background-surface-3-dark',
 // Theme (.sticky-end)
-'[&.sticky-end]:border-s-disabled', 'dark:[&.sticky-end]:border-s-disabled-dark'];
+'[&.sticky-end]:theme-background-default [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid', 'dark:[&.sticky-end]:theme-background-default-dark dark:[&.sticky-end]:border-s-disabled-dark', 'hover:[&.sticky-end]:theme-background-surface-1 dark:hover:[&.sticky-end]:theme-background-surface-1-dark', 'selected:[&.sticky-end]:theme-background-surface-2 dark:selected:[&.sticky-end]:theme-background-surface-2-dark', 'hover:selected:[&.sticky-end]:theme-background-surface-3 dark:hover:selected:[&.sticky-end]:theme-background-surface-3-dark'];
 const DataGridTableContentCellContent = [
 // interactivity
 'interactivity-select',
@@ -262,7 +263,7 @@ var script$e = defineComponent({
     const root = ref();
     const rootStyles = computed(() => {
       var _a;
-      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(props.variant === DataGridVariant.Dynamic ? ['!py-xs'] : [])];
+      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : [])];
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -297,6 +298,10 @@ var script$e = defineComponent({
       const isWrapping = (_b = (_a = props.column) === null || _a === void 0 ? void 0 : _a.wrapping) !== null && _b !== void 0 ? _b : props.variant === DataGridVariant.Dynamic && !((_c = props.column) === null || _c === void 0 ? void 0 : _c.control);
       return [...DataGridTableContentCellContent.filter(style => style !== 'truncate'), ...(isWrapping ? ['whitespace-pre-wrap break-words'] : ['truncate'])];
     });
+    const contentInlineStyles = computed(() => ({
+      minWidth: props.column && props.column.minWidth || DATA_GRID_DEFAULT_MIN_WIDTH,
+      maxWidth: props.column && props.column.maxWidth
+    }));
     // State
     const model = computed({
       get: () => props.modelValue,
@@ -313,8 +318,10 @@ var script$e = defineComponent({
       rootStyles,
       rootInlineStyles,
       contentStyles,
+      contentInlineStyles,
       model,
-      control
+      control,
+      DATA_GRID_DEFAULT_MIN_WIDTH
     };
   }
 });
@@ -440,7 +447,8 @@ var __vue_render__$e = function () {
       expression: "model"
     }
   })] : _vm._e()] : [_c('div', {
-    class: _vm.contentStyles
+    class: _vm.contentStyles,
+    style: _vm.contentInlineStyles
   }, [_vm._t("default")], 2)]], 2);
 };
 var __vue_staticRenderFns__$e = [];
@@ -805,15 +813,24 @@ var __vue_component__$j = __vue_component__$i;
 
 const DataGridTableHeaderCell = [
 // Layout
-'layout-row',
+'layout-row items-center',
 // Spacing
-'px-sm+', 'py-0', 'gap-xs',
+'px-sm+', 'py-xs', 'gap-xs',
 // Theme
-'theme-border-transparent border-1', 'dark:theme-border-transparent-dark',
+'theme-border-transparent border-1', 'dark:theme-border-transparent-dark', 'theme-outline-transparent outline-2 -outline-offset-1', 'dark:theme-outline-transparent-dark',
+// Theme (Stacking)
+'relative z-1 hover:z-2',
 // Theme (.sticky-start)
-'[&.sticky-start]:border-e-disabled', 'dark:[&.sticky-start]:border-e-disabled-dark',
+'[&.sticky-start]:theme-background-surface-variant-1 [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid z-20 hover:z-30', 'dark:[&.sticky-start]:theme-background-surface-variant-1-dark dark:[&.sticky-start]:border-e-disabled-dark',
 // Theme (.sticky-end)
-'[&.sticky-end]:border-s-disabled', 'dark:[&.sticky-end]:border-s-disabled-dark'];
+'[&.sticky-end]:theme-background-surface-variant-1 [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid z-20 hover:z-30', 'dark:[&.sticky-end]:theme-background-surface-variant-1-dark dark:[&.sticky-end]:border-s-disabled-dark'];
+const DataGridTableHeaderCellResizeHandle = [
+// Position
+'absolute top-0 bottom-0 end-0 z-50',
+// Box
+'w-xs cursor-col-resize',
+// Theme
+'theme-background-transparent', 'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark', 'active:theme-background-primary', 'dark:active:theme-background-primary-dark'];
 
 var script$8 = defineComponent({
   name: 'OrDataGridTableHeaderCell',
@@ -838,7 +855,7 @@ var script$8 = defineComponent({
       default: undefined
     }
   },
-  emits: ['update:modelValue', 'update:scrollOffset', 'remove:scrollOffset'],
+  emits: ['update:modelValue', 'update:scrollOffset', 'remove:scrollOffset', 'update:column-width'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -848,9 +865,21 @@ var script$8 = defineComponent({
       var _a, _b, _c;
       return !!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting) && !!((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) && ((_c = props.column) === null || _c === void 0 ? void 0 : _c.sorting) !== false;
     });
+    const isResizable = computed(() => {
+      var _a, _b;
+      return !!((_a = props.features) === null || _a === void 0 ? void 0 : _a.resizing) && !!((_b = props.column) === null || _b === void 0 ? void 0 : _b.name);
+    });
     const rootStyles = computed(() => {
       var _a;
-      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(isSortable.value ? ['interactivity-click'] : [])];
+      return ['or-data-grid-table-header-cell-v3', 'relative', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(isSortable.value ? ['interactivity-click'] : [])];
+    });
+    const resizeHandleStyles = computed(() => ['or-data-grid-table-header-cell-resize-handle-v3', ...DataGridTableHeaderCellResizeHandle]);
+    const wrapInlineStyle = computed(() => {
+      var _a, _b;
+      return {
+        minWidth: ((_a = props.column) === null || _a === void 0 ? void 0 : _a.minWidth) || DATA_GRID_DEFAULT_MIN_WIDTH,
+        maxWidth: (_b = props.column) === null || _b === void 0 ? void 0 : _b.maxWidth
+      };
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -914,6 +943,32 @@ var script$8 = defineComponent({
         };
       }
     }
+    function onResizeStart(event) {
+      var _a;
+      const startX = event.pageX;
+      const startWidth = ((_a = root.value) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+      const onMouseMove = moveEvent => {
+        var _a, _b;
+        const deltaX = moveEvent.pageX - startX;
+        let newWidth = Math.max(0, startWidth + deltaX);
+        const min = ((_a = props.column) === null || _a === void 0 ? void 0 : _a.minWidth) || DATA_GRID_DEFAULT_MIN_WIDTH;
+        if (min && (min.endsWith('px') || !isNaN(Number(min)))) {
+          const minPx = parseInt(min, 10);
+          newWidth = Math.max(newWidth, minPx);
+        }
+        if (((_b = props.column) === null || _b === void 0 ? void 0 : _b.maxWidth) && (props.column.maxWidth.endsWith('px') || !isNaN(Number(props.column.maxWidth)))) {
+          const maxPx = parseInt(props.column.maxWidth, 10);
+          newWidth = Math.min(newWidth, maxPx);
+        }
+        context.emit('update:column-width', newWidth);
+      };
+      const onMouseUp = () => {
+        document.removeEventListener('mousemove', onMouseMove);
+        document.removeEventListener('mouseup', onMouseUp);
+      };
+      document.addEventListener('mousemove', onMouseMove);
+      document.addEventListener('mouseup', onMouseUp);
+    }
     // Effects
     const {
       width
@@ -933,9 +988,14 @@ var script$8 = defineComponent({
       root,
       rootStyles,
       rootInlineStyles,
+      wrapInlineStyle,
+      resizeHandleStyles,
       isSortable,
+      isResizable,
       model,
-      toggleSorting
+      toggleSorting,
+      onResizeStart,
+      DATA_GRID_DEFAULT_MIN_WIDTH
     };
   }
 });
@@ -958,12 +1018,25 @@ var __vue_render__$8 = function () {
       }
     }
   }, [_c('div', {
-    class: ['truncate']
+    class: ['truncate'],
+    style: _vm.wrapInlineStyle
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.model ? [_c('OrIcon', {
     attrs: {
       "icon": _vm.model.direction === 'asc' ? 'arrow_upward' : 'arrow_downward'
     }
-  })] : _vm._e()], 2);
+  })] : _vm._e(), _vm._v(" "), _vm.isResizable ? _c('div', {
+    class: _vm.resizeHandleStyles,
+    on: {
+      "mousedown": function ($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.onResizeStart.apply(null, arguments);
+      },
+      "click": function ($event) {
+        $event.stopPropagation();
+      }
+    }
+  }) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__$8 = [];
 
@@ -1121,9 +1194,9 @@ var __vue_component__$d = __vue_component__$c;
 
 const DataGridTablePlaceholder = [
 // Layout
-'layout-row justify-center',
+'layout-row justify-center items-center',
 // Spacing
-'px-sm+', 'py-0', 'gap-xs',
+'px-sm+', 'py-xs', 'gap-xs',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -1200,7 +1273,7 @@ var __vue_component__$b = __vue_component__$a;
 
 const DataGridTable = [
 // Layout
-'grid content-start',
+'grid content-start', 'w-full min-w-0',
 // Overflow
 'overflow-auto',
 // Interactivity
@@ -1226,11 +1299,21 @@ var script$4 = defineComponent({
     const rootInlineStyles = computed(() => {
       const gridTemplateColumns = props.columns.map(column => {
         var _a;
-        return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto';
+        // If width is already a complex expression like minmax, use it as is
+        if (column.width && (column.width.includes('minmax') || column.width.includes('calc'))) {
+          return column.width;
+        }
+        const width = (_a = column.width) !== null && _a !== void 0 ? _a : '1fr';
+        const min = column.minWidth || (column.width ? DATA_GRID_DEFAULT_MIN_WIDTH : '120px');
+        let max = column.maxWidth || width;
+        if (width.endsWith('px')) {
+          max = width;
+        }
+        return `minmax(${min}, ${max})`;
       });
       if (props.features.selecting) {
         return {
-          gridTemplateColumns: `0fr ${gridTemplateColumns.join(' ')}`
+          gridTemplateColumns: `min-content ${gridTemplateColumns.join(' ')}`
         };
       }
       return {
@@ -1573,6 +1656,7 @@ var script = defineComponent({
     // Refs & Styles
     const root = ref();
     const pagination = ref();
+    const table = ref();
     const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
     const tableInlineStyles = computed(() => ({
       scrollPaddingInlineStart: `${[...scrollOffsetStart.value.values()].reduce((accumulator, value) => accumulator + value, 0)}px`,
@@ -1675,6 +1759,18 @@ var script = defineComponent({
         });
       }
     });
+    watch(() => {
+      var _a;
+      return (_a = pagingModel.value) === null || _a === void 0 ? void 0 : _a.offset;
+    }, () => {
+      var _a;
+      if ((_a = table.value) === null || _a === void 0 ? void 0 : _a.root) {
+        table.value.root.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      }
+    });
     const scrollOffsetStart = ref(new Map());
     const scrollOffsetEnd = ref(new Map());
     const showSelectingCouter = computed(() => {
@@ -1738,6 +1834,41 @@ var script = defineComponent({
       if (!props.interactiveRows) return;
       context.emit('click:row', item);
     }
+    function updateColumnWidth(column, width) {
+      column.width = `${width}px`;
+      if (props.features.storageKey) {
+        saveColumnWidths();
+      }
+    }
+    function saveColumnWidths() {
+      if (typeof window === 'undefined' || !props.features.storageKey) return;
+      const widths = {};
+      props.columns.forEach(column => {
+        if (column.name && column.width) {
+          widths[column.name] = column.width;
+        }
+      });
+      localStorage.setItem(`or-data-grid-v3-widths-${props.features.storageKey}`, JSON.stringify(widths));
+    }
+    function loadColumnWidths() {
+      if (typeof window === 'undefined' || !props.features.storageKey) return;
+      try {
+        const stored = localStorage.getItem(`or-data-grid-v3-widths-${props.features.storageKey}`);
+        if (stored) {
+          const widths = JSON.parse(stored);
+          props.columns.forEach(column => {
+            if (column.name && widths[column.name]) {
+              column.width = widths[column.name];
+            }
+          });
+        }
+      } catch (e) {
+        console.error('[OrDataGrid]: Failed to load column widths from localStorage', e);
+      }
+    }
+    onMounted(() => {
+      loadColumnWidths();
+    });
     // function handleCellClick(item: DataGridItem<T>, columnName: string, value: any): void {
     //   if (!props.interactiveRows) return;
     //   context.emit('click:cell', { item, columnName, value });
@@ -1768,6 +1899,7 @@ var script = defineComponent({
       handleMouseEnterCell,
       handleMouseLeaveCell,
       handleRowClick,
+      updateColumnWidth,
       selectingModel,
       filteringModel,
       searchingModel,
@@ -1776,6 +1908,15 @@ var script = defineComponent({
       updateScrollOffset,
       removeScrollOffset,
       updateSearchingModel,
+      scrollToTop: () => {
+        var _a;
+        if ((_a = table.value) === null || _a === void 0 ? void 0 : _a.root) {
+          table.value.root.scrollTo({
+            top: 0,
+            behavior: 'smooth'
+          });
+        }
+      },
       scrollTo,
       onInput: (item, columnName, value) => {
         item[columnName] = value;
@@ -1833,6 +1974,7 @@ var __vue_render__ = function () {
   })] : _vm._e(), _vm._v(" "), _vm.$slots['toolbar'] ? [_c('OrDataGridToolbar', {
     class: ['shrink-0']
   }, [_vm._t('toolbar')], 2)] : _vm._e(), _vm._v(" "), _c('OrDataGridTable', {
+    ref: "table",
     class: ['grow', {
       'grid-rows-[auto_1fr]': _vm.items.length === 0
     }],
@@ -1846,7 +1988,7 @@ var __vue_render__ = function () {
       "variant": _vm.variant
     }
   }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell', {
-    staticClass: "!py-xs !px-xs md:!py-none md:!px-sm+",
+    staticClass: "md:!py-none",
     attrs: {
       "column": {
         stickiness: 'start'
@@ -1877,7 +2019,10 @@ var __vue_render__ = function () {
       },
       on: {
         "update:scroll-offset": _vm.updateScrollOffset,
-        "remove:scroll-offset": _vm.removeScrollOffset
+        "remove:scroll-offset": _vm.removeScrollOffset,
+        "update:column-width": function (width) {
+          return _vm.updateColumnWidth(column, width);
+        }
       },
       model: {
         value: _vm.sortingModel,
@@ -1959,7 +2104,7 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm.features.selecting ? [_c('OrDataGridTableContentCell', {
-      staticClass: "!py-xs !px-xs md:!py-none md:!px-sm+",
+      staticClass: "md:!py-none",
       attrs: {
         "column": {
           stickiness: 'start'
@@ -2098,4 +2243,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var __vue_component__$1 = __vue_component__;
 
-export { DataGridVariant, __vue_component__$x as OrDataGridFooter, __vue_component__$v as OrDataGridHeader, __vue_component__$5 as OrDataGridNotification, __vue_component__$9 as OrDataGridTable, __vue_component__$p as OrDataGridTableContent, __vue_component__$t as OrDataGridTableContentCell, __vue_component__$r as OrDataGridTableContentRow, __vue_component__$3 as OrDataGridTableExtraRow, __vue_component__$j as OrDataGridTableFooter, __vue_component__$n as OrDataGridTableFooterCell, __vue_component__$l as OrDataGridTableFooterRow, __vue_component__$d as OrDataGridTableHeader, __vue_component__$h as OrDataGridTableHeaderCell, __vue_component__$f as OrDataGridTableHeaderRow, __vue_component__$b as OrDataGridTablePlaceholder, __vue_component__$7 as OrDataGridToolbar, __vue_component__$1 as OrDataGridV3 };
+export { DATA_GRID_DEFAULT_MIN_WIDTH, DataGridVariant, __vue_component__$x as OrDataGridFooter, __vue_component__$v as OrDataGridHeader, __vue_component__$5 as OrDataGridNotification, __vue_component__$9 as OrDataGridTable, __vue_component__$p as OrDataGridTableContent, __vue_component__$t as OrDataGridTableContentCell, __vue_component__$r as OrDataGridTableContentRow, __vue_component__$3 as OrDataGridTableExtraRow, __vue_component__$j as OrDataGridTableFooter, __vue_component__$n as OrDataGridTableFooterCell, __vue_component__$l as OrDataGridTableFooterRow, __vue_component__$d as OrDataGridTableHeader, __vue_component__$h as OrDataGridTableHeaderCell, __vue_component__$f as OrDataGridTableHeaderRow, __vue_component__$b as OrDataGridTablePlaceholder, __vue_component__$7 as OrDataGridToolbar, __vue_component__$1 as OrDataGridV3 };

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

@@ -1 +1,2 @@
 export declare const DataGridTableHeaderCell: string[];
+export declare const DataGridTableHeaderCellResizeHandle: string[];

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

@@ -16,6 +16,8 @@ export type DataGridColumn = {
     name: string;
     label?: string;
     width?: string;
+    minWidth?: string;
+    maxWidth?: string;
     alignment?: 'start' | 'end' | 'center';
     stickiness?: 'start' | 'end';
     sorting?: boolean;
@@ -44,4 +46,6 @@ export type DataGridFeatures = {
         options?: number[];
     };
     resizing?: boolean;
+    storageKey?: string;
 };
+export declare const DATA_GRID_DEFAULT_MIN_WIDTH = "52px";

package/dist/esm/index.js

@@ -25,7 +25,7 @@ export { EditorState } from '@codemirror/state';
 export { OrCombinedInputV3 } from './components/or-combined-input-v3/index.js';
 export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
-export { DataGridVariant, OrDataGridFooter, OrDataGridHeader, OrDataGridNotification, OrDataGridTable, OrDataGridTableContent, OrDataGridTableContentCell, OrDataGridTableContentRow, OrDataGridTableExtraRow, OrDataGridTableFooter, OrDataGridTableFooterCell, OrDataGridTableFooterRow, OrDataGridTableHeader, OrDataGridTableHeaderCell, OrDataGridTableHeaderRow, OrDataGridTablePlaceholder, OrDataGridToolbar, OrDataGridV3 } from './components/or-data-grid-v3/index.js';
+export { DATA_GRID_DEFAULT_MIN_WIDTH, DataGridVariant, OrDataGridFooter, OrDataGridHeader, OrDataGridNotification, OrDataGridTable, OrDataGridTableContent, OrDataGridTableContentCell, OrDataGridTableContentRow, OrDataGridTableExtraRow, OrDataGridTableFooter, OrDataGridTableFooterCell, OrDataGridTableFooterRow, OrDataGridTableHeader, OrDataGridTableHeaderCell, OrDataGridTableHeaderRow, OrDataGridTablePlaceholder, OrDataGridToolbar, OrDataGridV3 } from './components/or-data-grid-v3/index.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": "26.4.0",
+  "version": "26.4.1-beta.5877.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^26.4.0",
-    "@onereach/ui-components-common": "^26.4.0",
+    "@onereach/styles": "^26.4.1-beta.5877.0",
+    "@onereach/ui-components-common": "^26.4.1-beta.5877.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "3393b1400a3b9d2d9f40e8062736fa0583d1ec8a"
+  "npmUnpacked": "4.15.2"
 }