@onereach/ui-components 13.0.2-beta.4620.0 → 13.0.2-beta.4625.0

package/dist/bundled/v2/{OrDataGrid-fecf13cb.js → OrDataGrid-b402ab6b.js}

@@ -210,7 +210,7 @@ var script$c = 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}`, 'z-20'] : [])];
+      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) {
@@ -778,8 +778,8 @@ var script$6 = defineComponent({
     // Refs & Styles
     const root = ref();
     const rootStyles = computed(() => {
-      var _a, _b;
-      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`, 'z-20'] : []), ...(((_b = props.features) === null || _b === void 0 ? void 0 : _b.sorting) && props.column ? ['interactivity-click'] : [])];
+      var _a, _b, _c;
+      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(((_b = props.features) === null || _b === void 0 ? void 0 : _b.sorting) && ((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) ? ['interactivity-click'] : [])];
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -1111,7 +1111,9 @@ const DataGridTable = [
 // Overflow
 'overflow-auto',
 // Interactivity
-'interactivity-default'];
+'interactivity-default',
+// Spacing
+'-mx-[calc(theme(outlineWidth.2))]', '-my-0', 'px-[calc(theme(outlineWidth.2))]', 'py-0'];
 
 var script$2 = defineComponent({
   name: 'OrDataGridTable',
@@ -1459,7 +1461,13 @@ var __vue_render__ = function () {
     attrs: {
       "variant": _vm.variant
     }
-  }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell', [_c('OrCheckbox', {
+  }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell', {
+    attrs: {
+      "column": {
+        stickiness: 'start'
+      }
+    }
+  }, [_c('OrCheckbox', {
     class: {
       'invisible': _vm.items.length === 0 || _vm.loading
     },
@@ -1496,6 +1504,9 @@ var __vue_render__ = function () {
       }
     }, [_vm.features.selecting ? [_c('OrDataGridTableContentCell', {
       attrs: {
+        "column": {
+          stickiness: 'start'
+        },
         "override": true
       }
     }, [_c('OrSkeletonText')], 1)] : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (column) {
@@ -1517,6 +1528,9 @@ var __vue_render__ = function () {
       }
     }, [_vm.features.selecting ? [_c('OrDataGridTableContentCell', {
       attrs: {
+        "column": {
+          stickiness: 'start'
+        },
         "force-state": 'none'
       }
     }, [_c('OrCheckbox', {

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-fecf13cb.js';
+export { _ as default } from '../../OrDataGrid-b402ab6b.js';
 import '../../normalize-component-6e8e3d80.js';

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

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

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-fecf13cb.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-b402ab6b.js';

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

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

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

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-fecf13cb.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-b402ab6b.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';