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

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

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-817c2d50.js';
+export { s as default } from '../OrDataGridV3-c0778cea.js';

package/dist/bundled/v3/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/v3/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-817c2d50.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-c0778cea.js';

package/dist/bundled/v3/components/OrDataGridV3/styles.js

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-817c2d50.js';
+export { a as DataGrid } from '../OrDataGridV3-c0778cea.js';

package/dist/bundled/v3/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/v3/components/{OrDataGridV3-817c2d50.js → OrDataGridV3-c0778cea.js}

@@ -165,7 +165,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) {
@@ -543,8 +543,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) {
@@ -773,7 +773,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',
@@ -1083,7 +1085,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         variant: _ctx.variant
       }, {
         default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
-          key: 0
+          key: 0,
+          column: {
+            stickiness: 'start'
+          }
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.selectingIndicator,
@@ -1119,6 +1124,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, {
           default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableContentCell, {
             key: 0,
+            column: {
+              stickiness: 'start'
+            },
             override: true
           }, {
             default: withCtx(() => [createVNode(_component_OrSkeletonText)]),
@@ -1146,6 +1154,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, {
           default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableContentCell, {
             key: 0,
+            column: {
+              stickiness: 'start'
+            },
             "force-state": 'none'
           }, {
             default: withCtx(() => [createVNode(_component_OrCheckbox, {

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

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-ceff5a22.js';
 export { s as OrConfirm } from './OrConfirm-eb6bdad9.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-8af14863.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-817c2d50.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-c0778cea.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-92791518.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-e7547219.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-ffd7ed1c.js';