@onereach/ui-components 19.6.0 → 19.7.0-beta.5077.0

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

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-c866dc8a.js';
+export { s as default } from '../OrDataGridV3-864c4140.js';

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

@@ -41,6 +41,8 @@ declare const _default: import("vue").DefineComponent<{
         scrollPaddingInlineEnd: string;
     }>;
     selectingIndicator: import("vue").WritableComputedRef<boolean>;
+    showSelectingCouter: import("vue").ComputedRef<boolean | undefined>;
+    selectingDisabled: import("vue").ComputedRef<boolean | undefined>;
     selectingModel: import("vue").WritableComputedRef<Id[]>;
     filteringModel: import("vue").WritableComputedRef<undefined>;
     searchingModel: import("vue").WritableComputedRef<import("../../types").ModelValue<string>>;

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

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-c866dc8a.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-864c4140.js';

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

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-c866dc8a.js';
+export { a as DataGrid } from '../OrDataGridV3-864c4140.js';

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

@@ -29,7 +29,10 @@ export declare enum DataGridVariant {
     Compact = "compact"
 }
 export type DataGridFeatures = {
-    selecting?: boolean;
+    selecting?: boolean | {
+        showCounter?: boolean;
+        disabled?: boolean;
+    };
     filtering?: boolean;
     searching?: boolean;
     sorting?: boolean;

package/dist/bundled/components/{OrDataGridV3-c866dc8a.js → OrDataGridV3-864c4140.js}

@@ -949,7 +949,7 @@ var script = defineComponent({
     // State
     const selectingIndicator = computed({
       get: () => {
-        return props.items.every(item => selectingModel.value.includes(item.id));
+        return !!props.items.length && props.items.every(item => selectingModel.value.includes(item.id));
       },
       set: value => {
         if (value) {
@@ -1045,6 +1045,12 @@ var script = defineComponent({
     });
     const scrollOffsetStart = ref(new Map());
     const scrollOffsetEnd = ref(new Map());
+    const showSelectingCouter = computed(() => {
+      return props.features.selecting && (typeof props.features.selecting === 'object' ? props.features.selecting.showCounter !== false : true);
+    });
+    const selectingDisabled = computed(() => {
+      return props.items.length === 0 || props.loading || typeof props.features.selecting === 'object' && props.features.selecting.disabled;
+    });
     // Methods
     function updateScrollOffset(header, offset, column) {
       switch (column.stickiness) {
@@ -1080,6 +1086,8 @@ var script = defineComponent({
       rootStyles,
       tableInlineStyles,
       selectingIndicator,
+      showSelectingCouter,
+      selectingDisabled,
       selectingModel,
       filteringModel,
       searchingModel,
@@ -1165,7 +1173,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
             indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0,
-            disabled: _ctx.items.length === 0 || _ctx.loading
+            disabled: _ctx.selectingDisabled
           }, null, 8 /* PROPS */, ["modelValue", "indeterminate", "disabled"])]),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
@@ -1241,8 +1249,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [createVNode(_component_OrCheckbox, {
               modelValue: _ctx.selectingModel,
               "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.selectingModel = $event),
-              value: item.id
-            }, null, 8 /* PROPS */, ["modelValue", "value"])]),
+              value: item.id,
+              disabled: _ctx.selectingDisabled
+            }, null, 8 /* PROPS */, ["modelValue", "value", "disabled"])]),
             _: 2 /* DYNAMIC */
           }, 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
             return openBlock(), createBlock(_component_OrDataGridTableContentCell, {
@@ -1298,9 +1307,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 3 /* FORWARDED */
       })]),
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["variant"])]),
+    }, 8 /* PROPS */, ["variant"]), createTextVNode("s ")]),
     _: 3 /* FORWARDED */
-  })) : createCommentVNode("v-if", true), _ctx.$slots['actions'] || _ctx.features.selecting || _ctx.features.paging ? (openBlock(), createBlock(_component_OrDataGridFooter, {
+  })) : createCommentVNode("v-if", true), _ctx.$slots['actions'] || _ctx.showSelectingCouter || _ctx.features.paging ? (openBlock(), createBlock(_component_OrDataGridFooter, {
     key: 3,
     class: normalizeClass(['shrink-0'])
   }, createSlots({

package/dist/bundled/components/index.js

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-7aa0d255.js';
 export { s as OrConfirm } from './OrConfirm-bcd0e8ef.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-860933a8.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-c866dc8a.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-864c4140.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-0177905c.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-63a6c872.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-b97bac85.js';

package/dist/bundled/index.js

@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-7aa0d255.
 export { s as OrConfirm } from './components/OrConfirm-bcd0e8ef.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-860933a8.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-c866dc8a.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-864c4140.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-0177905c.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-b97bac85.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-c26c836e.js';

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

@@ -41,6 +41,8 @@ declare const _default: import("vue").DefineComponent<{
         scrollPaddingInlineEnd: string;
     }>;
     selectingIndicator: import("vue").WritableComputedRef<boolean>;
+    showSelectingCouter: import("vue").ComputedRef<boolean | undefined>;
+    selectingDisabled: import("vue").ComputedRef<boolean | undefined>;
     selectingModel: import("vue").WritableComputedRef<Id[]>;
     filteringModel: import("vue").WritableComputedRef<undefined>;
     searchingModel: import("vue").WritableComputedRef<import("../../types").ModelValue<string>>;

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

@@ -153,7 +153,7 @@ var script = defineComponent({
     // State
     const selectingIndicator = computed({
       get: () => {
-        return props.items.every(item => selectingModel.value.includes(item.id));
+        return !!props.items.length && props.items.every(item => selectingModel.value.includes(item.id));
       },
       set: value => {
         if (value) {
@@ -249,6 +249,12 @@ var script = defineComponent({
     });
     const scrollOffsetStart = ref(new Map());
     const scrollOffsetEnd = ref(new Map());
+    const showSelectingCouter = computed(() => {
+      return props.features.selecting && (typeof props.features.selecting === 'object' ? props.features.selecting.showCounter !== false : true);
+    });
+    const selectingDisabled = computed(() => {
+      return props.items.length === 0 || props.loading || typeof props.features.selecting === 'object' && props.features.selecting.disabled;
+    });
     // Methods
     function updateScrollOffset(header, offset, column) {
       switch (column.stickiness) {
@@ -284,6 +290,8 @@ var script = defineComponent({
       rootStyles,
       tableInlineStyles,
       selectingIndicator,
+      showSelectingCouter,
+      selectingDisabled,
       selectingModel,
       filteringModel,
       searchingModel,
@@ -369,7 +377,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
             indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0,
-            disabled: _ctx.items.length === 0 || _ctx.loading
+            disabled: _ctx.selectingDisabled
           }, null, 8 /* PROPS */, ["modelValue", "indeterminate", "disabled"])]),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
@@ -445,8 +453,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [createVNode(_component_OrCheckbox, {
               modelValue: _ctx.selectingModel,
               "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.selectingModel = $event),
-              value: item.id
-            }, null, 8 /* PROPS */, ["modelValue", "value"])]),
+              value: item.id,
+              disabled: _ctx.selectingDisabled
+            }, null, 8 /* PROPS */, ["modelValue", "value", "disabled"])]),
             _: 2 /* DYNAMIC */
           }, 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
             return openBlock(), createBlock(_component_OrDataGridTableContentCell, {
@@ -502,9 +511,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 3 /* FORWARDED */
       })]),
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["variant"])]),
+    }, 8 /* PROPS */, ["variant"]), createTextVNode("s ")]),
     _: 3 /* FORWARDED */
-  })) : createCommentVNode("v-if", true), _ctx.$slots['actions'] || _ctx.features.selecting || _ctx.features.paging ? (openBlock(), createBlock(_component_OrDataGridFooter, {
+  })) : createCommentVNode("v-if", true), _ctx.$slots['actions'] || _ctx.showSelectingCouter || _ctx.features.paging ? (openBlock(), createBlock(_component_OrDataGridFooter, {
     key: 3,
     class: normalizeClass(['shrink-0'])
   }, createSlots({

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

@@ -29,7 +29,10 @@ export declare enum DataGridVariant {
     Compact = "compact"
 }
 export type DataGridFeatures = {
-    selecting?: boolean;
+    selecting?: boolean | {
+        showCounter?: boolean;
+        disabled?: boolean;
+    };
     filtering?: boolean;
     searching?: boolean;
     sorting?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "19.6.0",
+  "version": "19.7.0-beta.5077.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v3",
   "sideEffects": false,
@@ -140,6 +140,5 @@
       "default": "./dist/bundled/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "6ae2fdadb0dbcbde327db1ff4da53900b297d3f1"
+  }
 }

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

@@ -50,7 +50,7 @@
               <OrCheckbox
                 v-model="selectingIndicator"
                 :indeterminate="!selectingIndicator && selectingModel.length > 0"
-                :disabled="items.length === 0 || loading"
+                :disabled="selectingDisabled"
               />
             </OrDataGridTableHeaderCell>
           </template>
@@ -126,6 +126,7 @@
                 <OrCheckbox
                   v-model="selectingModel"
                   :value="item.id"
+                  :disabled="selectingDisabled"
                 />
               </OrDataGridTableContentCell>
             </template>
@@ -183,11 +184,11 @@
           <OrDataGridTableFooterCell>
             <slot :name="'extra-row'" />
           </OrDataGridTableFooterCell>
-        </OrDataGridTableFooterRow>
+        </OrDataGridTableFooterRow>s
       </OrDataGridTableFooter>
     </template>
 
-    <template v-if="$slots['actions'] || features.selecting || features.paging">
+    <template v-if="$slots['actions'] || showSelectingCouter || features.paging">
       <OrDataGridFooter
         :class="['shrink-0']"
       >
@@ -329,7 +330,7 @@ export default defineComponent({
     // State
     const selectingIndicator = computed({
       get: () => {
-        return props.items.every((item) => selectingModel.value.includes(item.id));
+        return !!props.items.length && props.items.every((item) => selectingModel.value.includes(item.id));
       },
 
       set: (value) => {
@@ -431,6 +432,18 @@ export default defineComponent({
     const scrollOffsetStart = ref(new Map<HTMLElement, number>());
     const scrollOffsetEnd = ref(new Map<HTMLElement, number>());
 
+    const showSelectingCouter = computed(() => {
+      return props.features.selecting &&
+        (typeof props.features.selecting === 'object' ? props.features.selecting.showCounter !== false : true);
+    });
+
+    const selectingDisabled = computed(() => {
+      return props.items.length === 0
+        || props.loading
+        || (typeof props.features.selecting === 'object' && props.features.selecting.disabled);
+
+    });
+
     // Methods
     function updateScrollOffset(header: HTMLElement, offset: number, column: DataGridColumn): void {
       switch (column.stickiness) {
@@ -478,6 +491,8 @@ export default defineComponent({
       tableInlineStyles,
 
       selectingIndicator,
+      showSelectingCouter,
+      selectingDisabled,
 
       selectingModel,
       filteringModel,

package/src/components/or-data-grid-v3/types.ts

@@ -42,7 +42,10 @@ export enum DataGridVariant {
 }
 
 export type DataGridFeatures = {
-  selecting?: boolean;
+  selecting?: boolean | {
+    showCounter?: boolean;
+    disabled?: boolean;
+  };
   filtering?: boolean;
   searching?: boolean;
   sorting?: boolean;