@onereach/ui-components-vue2 26.4.1-beta.5881.0 → 26.4.1-beta.5883.0

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

@@ -271,7 +271,7 @@ var script$e = defineComponent({
     const root = ref();
     const rootStyles = computed(() => {
       var _a, _b, _c, _d;
-      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`, 'overflow-hidden'] : []), ...(!!((_b = props.features) === null || _b === void 0 ? void 0 : _b.resizing) && !!((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) && ((_d = props.column) === null || _d === void 0 ? void 0 : _d.resizing) !== false ? ['resizable'] : [])];
+      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? ['overflow-hidden', `sticky-${props.column.stickiness}`] : []), ...(!!((_b = props.features) === null || _b === void 0 ? void 0 : _b.resizing) && !!((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) && ((_d = props.column) === null || _d === void 0 ? void 0 : _d.resizing) !== false ? ['resizable'] : [])];
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -306,9 +306,9 @@ var script$e = defineComponent({
     const contentStyles = computed(() => {
       var _a, _b, _c, _d, _e, _f;
       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);
-      const isSticky = !!((_d = props.column) === null || _d === void 0 ? void 0 : _d.stickiness);
-      const isTags = ((_f = (_e = props.column) === null || _e === void 0 ? void 0 : _e.control) === null || _f === void 0 ? void 0 : _f.type) === 'tags';
-      return ['layout-row items-center w-full min-w-0', ...(isSticky || isTags ? ['overflow-hidden'] : []), ...DataGridTableContentCellContent.filter(style => style !== 'truncate'), ...(isWrapping ? ['whitespace-pre-wrap break-words'] : ['truncate'])];
+      const isTags = ((_e = (_d = props.column) === null || _d === void 0 ? void 0 : _d.control) === null || _e === void 0 ? void 0 : _e.type) === 'tags';
+      const isFitContent = (_f = props.column) === null || _f === void 0 ? void 0 : _f.fitContent;
+      return ['layout-row items-center w-full min-w-0', ...(isTags ? ['overflow-hidden'] : []), ...DataGridTableContentCellContent.filter(style => style !== 'truncate'), ...(isWrapping ? ['whitespace-pre-wrap break-words'] : isFitContent ? ['overflow-hidden'] : ['truncate'])];
     });
     const contentInlineStyles = computed(() => ({
       minWidth: props.column && props.column.minWidth || DATA_GRID_DEFAULT_MIN_WIDTH,
@@ -895,14 +895,15 @@ var script$8 = defineComponent({
     });
     const rootStyles = computed(() => {
       var _a;
-      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}`, 'overflow-hidden'] : []), ...(isResizable.value ? ['resizable'] : []), ...(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) ? ['overflow-hidden', `sticky-${props.column.stickiness}`] : []), ...(isResizable.value ? ['resizable'] : []), ...(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
+        maxWidth: (_b = props.column) === null || _b === void 0 ? void 0 : _b.maxWidth,
+        overflow: 'hidden'
       };
     });
     const rootInlineStyles = computed(() => {
@@ -1299,7 +1300,7 @@ var __vue_component__$b = __vue_component__$a;
 
 const DataGridTable = [
 // Layout
-'grid content-start', 'w-full min-w-0',
+'grid content-start', 'w-full min-w-0 min-h-0',
 // Overflow
 'overflow-auto',
 // Interactivity
@@ -1330,8 +1331,11 @@ var script$4 = defineComponent({
           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;
+        const min = column.minWidth || (column.width ? DATA_GRID_DEFAULT_MIN_WIDTH : column.fitContent ? 'max-content' : column.stickiness ? 'max-content' : '120px');
+        const max = column.maxWidth || (column.width ? width === 'max-content' ? 'max-content' : width : column.fitContent ? 'max-content' : column.minWidth || column.stickiness ? 'max-content' : '1fr');
+        if (column.fitContent) {
+          return 'max-content';
+        }
         if (width.endsWith('px')) {
           return width;
         }
@@ -1612,7 +1616,7 @@ var __vue_component__$3 = __vue_component__$2;
 
 const DataGrid = [
 // Layout
-'layout-column'];
+'layout-column min-h-0'];
 
 var script = defineComponent({
   name: 'OrDataGrid',

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

@@ -23,6 +23,7 @@ export type DataGridColumn = {
     sorting?: boolean;
     resizing?: boolean;
     wrapping?: boolean;
+    fitContent?: boolean;
     control?: {
         type: 'text' | 'number' | 'rating' | 'select' | 'checkbox' | 'switch' | 'date' | 'time' | 'datetime' | 'tags';
         options?: SelectItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "26.4.1-beta.5881.0",
+  "version": "26.4.1-beta.5883.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.1-beta.5881.0",
-    "@onereach/ui-components-common": "^26.4.1-beta.5881.0",
+    "@onereach/styles": "^26.4.1-beta.5883.0",
+    "@onereach/ui-components-common": "^26.4.1-beta.5883.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",