@onereach/ui-components 13.2.3 → 13.2.4-beta.4663.0

package/dist/bundled/v2/{OrDataGrid-adb99d27.js → OrDataGrid-889a9963.js}

@@ -1398,6 +1398,10 @@ var script = defineComponent({
         });
       }
     });
+    // Helpers
+    function scrollTo(event) {
+      event.currentTarget.scrollIntoView();
+    }
     return {
       root,
       rootStyles,
@@ -1406,7 +1410,8 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel
+      pagingModel,
+      scrollTo
     };
   }
 });
@@ -1466,11 +1471,9 @@ var __vue_render__ = function () {
       }
     }
   }, [_c('OrCheckbox', {
-    class: {
-      'invisible': _vm.items.length === 0 || _vm.loading
-    },
     attrs: {
-      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
+      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0,
+      "disabled": _vm.items.length === 0 || _vm.loading
     },
     model: {
       value: _vm.selectingIndicator,
@@ -1552,6 +1555,9 @@ var __vue_render__ = function () {
         on: {
           "update:model-value": function ($event) {
             return _vm.$emit('update:item', item);
+          },
+          "focusin": function ($event) {
+            return _vm.scrollTo($event);
           }
         },
         model: {

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

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

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

@@ -41,6 +41,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
+    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

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

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

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-adb99d27.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-889a9963.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';

package/dist/bundled/v2/index.js

@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
 export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-adb99d27.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-889a9963.js';
 export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-3210d958.js';
+export { s as default } from '../OrDataGridV3-af53eb96.js';

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

@@ -41,6 +41,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
+    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

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

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-3210d958.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-af53eb96.js';

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

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-3210d958.js';
+export { a as DataGrid } from '../OrDataGridV3-af53eb96.js';

package/dist/bundled/v3/components/{OrDataGridV3-3210d958.js → OrDataGridV3-af53eb96.js}

@@ -1014,6 +1014,10 @@ var script = defineComponent({
         });
       }
     });
+    // Helpers
+    function scrollTo(event) {
+      event.currentTarget.scrollIntoView();
+    }
     return {
       root,
       rootStyles,
@@ -1022,7 +1026,8 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel
+      pagingModel,
+      scrollTo
     };
   }
 });
@@ -1091,11 +1096,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
-            class: normalizeClass({
-              'invisible': _ctx.items.length === 0 || _ctx.loading
-            }),
-            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
-          }, null, 8 /* PROPS */, ["modelValue", "class", "indeterminate"])]),
+            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0,
+            disabled: _ctx.items.length === 0 || _ctx.loading
+          }, null, 8 /* PROPS */, ["modelValue", "indeterminate", "disabled"])]),
           _: 1 /* STABLE */
         })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
           return openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
@@ -1169,7 +1172,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: item[column.name],
               "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
               column: column,
-              features: _ctx.features
+              features: _ctx.features,
+              onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
                 column: column,
@@ -1232,7 +1236,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

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-7187402d.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-3c9ece49.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-3210d958.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-af53eb96.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-ac7355e0.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-e460f30f.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-08ba88a7.js';

package/dist/bundled/v3/index.js

@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-ceff5a22.
 export { s as OrConfirm } from './components/OrConfirm-7187402d.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-3c9ece49.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-3210d958.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-af53eb96.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-ac7355e0.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-08ba88a7.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-2916ddc3.js';

package/dist/esm/v2/{OrDataGrid-8d4ce5be.js → OrDataGrid-389751be.js}

@@ -167,6 +167,10 @@ var script = defineComponent({
         });
       }
     });
+    // Helpers
+    function scrollTo(event) {
+      event.currentTarget.scrollIntoView();
+    }
     return {
       root,
       rootStyles,
@@ -175,7 +179,8 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel
+      pagingModel,
+      scrollTo
     };
   }
 });
@@ -235,11 +240,9 @@ var __vue_render__ = function () {
       }
     }
   }, [_c('OrCheckbox', {
-    class: {
-      'invisible': _vm.items.length === 0 || _vm.loading
-    },
     attrs: {
-      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
+      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0,
+      "disabled": _vm.items.length === 0 || _vm.loading
     },
     model: {
       value: _vm.selectingIndicator,
@@ -321,6 +324,9 @@ var __vue_render__ = function () {
         on: {
           "update:model-value": function ($event) {
             return _vm.$emit('update:item', item);
+          },
+          "focusin": function ($event) {
+            return _vm.scrollTo($event);
           }
         },
         model: {

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

@@ -34,7 +34,7 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from '../OrConfirm-8f6d47e1.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-5994da81.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from '../OrDataGrid-8d4ce5be.js';
+export { _ as OrDataGridV3 } from '../OrDataGrid-389751be.js';
 export { D as DataGridVariant } from '../OrDataGridToolbar-4d3dd1fa.js';
 export { _ as OrDateFormatV3 } from '../OrDateFormat-2ff9c3f0.js';
 export { _ as OrDatePickerV3 } from '../OrDatePicker-4f0cb374.js';

package/dist/esm/v2/components/or-data-grid-v3/OrDataGrid.vue.d.ts

@@ -41,6 +41,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
+    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

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

@@ -1,4 +1,4 @@
-export { _ as OrDataGridV3 } from '../../OrDataGrid-8d4ce5be.js';
+export { _ as OrDataGridV3 } from '../../OrDataGrid-389751be.js';
 export { D as DataGridVariant } from '../../OrDataGridToolbar-4d3dd1fa.js';
 import 'vue-demi';
 import '../../OrCheckbox-f2dc364e.js';

package/dist/esm/v2/index.js

@@ -34,7 +34,7 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from './OrConfirm-8f6d47e1.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5994da81.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-8d4ce5be.js';
+export { _ as OrDataGridV3 } from './OrDataGrid-389751be.js';
 export { D as DataGridVariant } from './OrDataGridToolbar-4d3dd1fa.js';
 export { _ as OrDateFormatV3 } from './OrDateFormat-2ff9c3f0.js';
 export { _ as OrDatePickerV3 } from './OrDatePicker-4f0cb374.js';

package/dist/esm/v3/{OrDataGrid-2b0318e7.js → OrDataGrid-dc5b329e.js}

@@ -167,6 +167,10 @@ var script = defineComponent({
         });
       }
     });
+    // Helpers
+    function scrollTo(event) {
+      event.currentTarget.scrollIntoView();
+    }
     return {
       root,
       rootStyles,
@@ -175,7 +179,8 @@ var script = defineComponent({
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel
+      pagingModel,
+      scrollTo
     };
   }
 });
@@ -244,11 +249,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
-            class: normalizeClass({
-              'invisible': _ctx.items.length === 0 || _ctx.loading
-            }),
-            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
-          }, null, 8 /* PROPS */, ["modelValue", "class", "indeterminate"])]),
+            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0,
+            disabled: _ctx.items.length === 0 || _ctx.loading
+          }, null, 8 /* PROPS */, ["modelValue", "indeterminate", "disabled"])]),
           _: 1 /* STABLE */
         })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
           return openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
@@ -322,7 +325,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: item[column.name],
               "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
               column: column,
-              features: _ctx.features
+              features: _ctx.features,
+              onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
                 column: column,
@@ -385,7 +389,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

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

@@ -32,7 +32,7 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from '../OrConfirm-05a78778.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-beae75d5.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-2b0318e7.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-dc5b329e.js';
 export { D as DataGridVariant } from '../OrDataGridToolbar-fe02324b.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-616cd68b.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-cbd5183d.js';

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

@@ -41,6 +41,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
+    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

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

@@ -1,4 +1,4 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-2b0318e7.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-dc5b329e.js';
 export { D as DataGridVariant } from '../../OrDataGridToolbar-fe02324b.js';
 import 'vue-demi';
 import '../../OrCheckbox-e353ee89.js';

package/dist/esm/v3/index.js

@@ -32,7 +32,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from './OrConfirm-05a78778.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-beae75d5.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from './OrDataGrid-2b0318e7.js';
+export { s as OrDataGridV3 } from './OrDataGrid-dc5b329e.js';
 export { D as DataGridVariant } from './OrDataGridToolbar-fe02324b.js';
 export { s as OrDateFormatV3 } from './OrDateFormat-616cd68b.js';
 export { s as OrDatePickerV3 } from './OrDatePicker-cbd5183d.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "13.2.3",
+  "version": "13.2.4-beta.4663.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -179,6 +179,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "5dd536ca40034e4f7abbb280f0f674439f1114be"
+  }
 }

package/src/components/or-data-grid-v3/OrDataGrid.vue

@@ -46,8 +46,8 @@
             >
               <OrCheckbox
                 v-model="selectingIndicator"
-                :class="{ 'invisible': items.length === 0 || loading }"
                 :indeterminate="!selectingIndicator && selectingModel.length > 0"
+                :disabled="items.length === 0 || loading"
               />
             </OrDataGridTableHeaderCell>
           </template>
@@ -118,6 +118,7 @@
               :column="column"
               :features="features"
               @update:model-value="$emit('update:item', item)"
+              @focusin="scrollTo($event)"
             >
               <slot
                 :name="column.name"
@@ -395,6 +396,11 @@ export default defineComponent({
       },
     });
 
+    // Helpers
+    function scrollTo(event: FocusEvent): void {
+      (event.currentTarget as HTMLElement).scrollIntoView();
+    }
+
     return {
       root,
       rootStyles,
@@ -406,6 +412,8 @@ export default defineComponent({
       searchingModel,
       sortingModel,
       pagingModel,
+
+      scrollTo,
     };
   },
 });