@onereach/ui-components-vue2 26.4.1-beta.5886.0 → 26.4.1-beta.5887.0

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

@@ -277,25 +277,29 @@ var script$e = defineComponent({
       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(() => {
+      var _a;
+      const styles = {
+        justifyContent: ((_a = props.column) === null || _a === void 0 ? void 0 : _a.alignment) || (props.column ? undefined : 'center')
+      };
       if (props.column) {
         switch (props.column.stickiness) {
           case 'start':
-            return {
+            Object.assign(styles, {
               position: 'sticky',
               insetInlineStart: `${props.stickyOffset}px`,
               zIndex: '30'
-            };
+            });
+            break;
           case 'end':
-            return {
+            Object.assign(styles, {
               position: 'sticky',
               insetInlineEnd: `${props.stickyOffset}px`,
               zIndex: '30'
-            };
-          default:
-            return {};
+            });
+            break;
         }
       }
-      return {};
+      return styles;
     });
     const contentStyles = computed(() => {
       var _a, _b, _c, _d, _e, _f;
@@ -875,6 +879,10 @@ var script$8 = defineComponent({
     stickyOffset: {
       type: Number,
       default: 0
+    },
+    override: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue', 'update:scrollOffset', 'remove:scrollOffset', 'update:column-width'],
@@ -905,27 +913,29 @@ var script$8 = defineComponent({
       };
     });
     const rootInlineStyles = computed(() => {
+      var _a;
+      const styles = {
+        justifyContent: ((_a = props.column) === null || _a === void 0 ? void 0 : _a.alignment) || (props.column ? undefined : 'center')
+      };
       if (props.column) {
         switch (props.column.stickiness) {
           case 'start':
-            return {
+            Object.assign(styles, {
               position: 'sticky',
               insetInlineStart: `${props.stickyOffset}px`,
               zIndex: '120'
-            };
+            });
+            break;
           case 'end':
-            return {
+            Object.assign(styles, {
               position: 'sticky',
               insetInlineEnd: `${props.stickyOffset}px`,
               zIndex: '120'
-            };
-          default:
-            return {};
+            });
+            break;
         }
       }
-      return {
-        justifyContent: 'center'
-      };
+      return styles;
     });
     // State
     const model = computed({
@@ -945,9 +955,9 @@ var script$8 = defineComponent({
       return ['layout-row items-center w-full min-w-0', ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.alignment) === 'end' ? ['flex-row-reverse'] : [])];
     });
     const headerContentInlineStyles = computed(() => {
-      var _a;
+      var _a, _b;
       return {
-        justifyContent: (_a = props.column) === null || _a === void 0 ? void 0 : _a.alignment
+        justifyContent: ((_a = props.column) === null || _a === void 0 ? void 0 : _a.alignment) === 'end' ? undefined : (_b = props.column) === null || _b === void 0 ? void 0 : _b.alignment
       };
     });
     // Methods
@@ -1047,7 +1057,7 @@ var __vue_render__$8 = function () {
         return _vm.toggleSorting();
       }
     }
-  }, [_c('div', {
+  }, [_vm.override ? [_vm._t("default")] : _c('div', {
     class: _vm.headerContentStyles,
     style: _vm.headerContentInlineStyles
   }, [_c('div', {
@@ -1069,7 +1079,7 @@ var __vue_render__$8 = function () {
         $event.stopPropagation();
       }
     }
-  }) : _vm._e()]);
+  }) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__$8 = [];
 
@@ -1834,7 +1844,8 @@ var script = defineComponent({
       if (props.features.selecting) {
         startColumns.push({
           name: '_check',
-          stickiness: 'start'
+          stickiness: 'start',
+          alignment: 'center'
         });
       }
       actualColumns.value.forEach(column => {
@@ -2066,13 +2077,15 @@ var __vue_render__ = function () {
       "variant": _vm.variant
     }
   }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell', {
-    staticClass: "md:!py-none",
+    staticClass: "!px-none",
     attrs: {
       "column": {
         name: '_check',
-        stickiness: 'start'
+        stickiness: 'start',
+        alignment: 'center'
       },
-      "sticky-offset": _vm.stickyOffsets.start.get('_check')
+      "sticky-offset": _vm.stickyOffsets.start.get('_check'),
+      "override": true
     },
     on: {
       "update:scroll-offset": _vm.updateScrollOffset,
@@ -2143,10 +2156,12 @@ var __vue_render__ = function () {
         "interactive": _vm.interactiveRows
       }
     }, [_vm.features.selecting ? [_c('OrDataGridTableContentCell', {
+      staticClass: "!px-none",
       attrs: {
         "column": {
           name: '_check',
-          stickiness: 'start'
+          stickiness: 'start',
+          alignment: 'center'
         },
         "sticky-offset": _vm.stickyOffsets.start.get('_check'),
         "variant": _vm.variant,
@@ -2188,11 +2203,12 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm.features.selecting ? [_c('OrDataGridTableContentCell', {
-      staticClass: "md:!py-none",
+      staticClass: "!px-none",
       attrs: {
         "column": {
           name: '_check',
-          stickiness: 'start'
+          stickiness: 'start',
+          alignment: 'center'
         },
         "sticky-offset": _vm.stickyOffsets.start.get('_check'),
         "variant": _vm.variant,

package/package.json

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