@onereach/ui-components-vue2 26.15.1 → 26.15.2-beta.6065.0

package/dist/esm/components/or-checkbox-group-v3/index.js

@@ -11,10 +11,10 @@ import '../../utils-72d9c2bb.js';
 import '../or-icon-v3/index.js';
 import '../or-checkbox-v3/index.js';
 import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
 import '../or-button-v3/index.js';
 import '../../constants-2e3ea701.js';
 import '../../props-bba3dca8.js';
-import '../or-loader-v3/index.js';
 import '../or-error-v3/index.js';
 import '../or-hint-v3/index.js';
 

package/dist/esm/components/or-checkbox-tree-v3/index.js

@@ -10,9 +10,9 @@ import '../../dom-qGGG2YCX-4d4cca6e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
 import '../../constants-2e3ea701.js';
 import '../../props-bba3dca8.js';
-import '../or-loader-v3/index.js';
 
 const CheckboxTreeRoot = [
 // Layout
@@ -74,6 +74,10 @@ var script = defineComponent({
     expanded: {
       type: Boolean,
       default: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -90,19 +94,16 @@ var script = defineComponent({
       return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
     const proxyModelValue = ne(modelValue, context.emit);
+    const localLoading = computed(() => Boolean(props.loading || item.value.loading));
     const isAnyChildrenSelected = computed(() => {
       var _a;
-      return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.some(value => {
-        var _a;
-        return (_a = childrenValues.value) === null || _a === void 0 ? void 0 : _a.includes(value);
-      });
+      return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.some(value => childrenValues.value.includes(value));
     });
     const isAllChildrenSelected = computed(() => {
-      var _a;
-      return childrenValues.value.length > 0 && ((_a = childrenValues.value) === null || _a === void 0 ? void 0 : _a.every(value => {
+      return childrenValues.value.length > 0 && childrenValues.value.every(value => {
         var _a;
         return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.includes(value);
-      }));
+      });
     });
     const isIntermediate = computed(() => {
       return isAnyChildrenSelected.value && !isAllChildrenSelected.value;
@@ -120,7 +121,9 @@ var script = defineComponent({
     // Methods
     const handleParentClick = () => {
       if (isAllChildrenSelected.value) {
-        proxyModelValue.value = proxyModelValue.value.filter(value => !childrenValues.value.includes(value));
+        proxyModelValue.value = proxyModelValue.value.filter(value => {
+          return !childrenValues.value.includes(value);
+        });
       } else {
         proxyModelValue.value = [...new Set([...proxyModelValue.value, ...childrenValues.value])];
       }
@@ -130,6 +133,7 @@ var script = defineComponent({
       parentStyles,
       hasChildren,
       proxyModelValue,
+      localLoading,
       isOpen,
       setIsOpen,
       isIntermediate,
@@ -175,6 +179,7 @@ var __vue_render__ = function () {
       "model-value": _vm.isAllChildrenSelected,
       "value": true,
       "indeterminate": _vm.isIntermediate,
+      "loading": _vm.localLoading,
       "disabled": _vm.disabled,
       "readonly": _vm.readonly
     },
@@ -195,17 +200,18 @@ var __vue_render__ = function () {
         "item": child,
         "collapsible": child.collapsible,
         "expanded": child.expanded,
+        "loading": _vm.localLoading,
         "disabled": _vm.disabled || child.disabled,
         "readonly": _vm.readonly || child.readonly
       },
       scopedSlots: _vm._u([{
         key: "checkboxLabel",
         fn: function (ref) {
-          var item = ref.item;
+          var checkboxItem = ref.item;
           return [_vm._t("checkboxLabel", function () {
-            return [_vm._v("\n            " + _vm._s(item.label) + "\n          ")];
+            return [_vm._v("\n            " + _vm._s(checkboxItem.label) + "\n          ")];
           }, {
-            "item": item
+            "item": checkboxItem
           })];
         }
       }], null, true),
@@ -220,6 +226,7 @@ var __vue_render__ = function () {
   }), 1) : _vm._e()] : [_c('OrCheckbox', {
     attrs: {
       "value": _vm.item.value,
+      "loading": _vm.localLoading,
       "disabled": _vm.disabled || _vm.item.disabled,
       "readonly": _vm.readonly || _vm.item.readonly
     },

package/dist/esm/components/or-checkbox-tree-v3/types.d.ts

@@ -5,5 +5,7 @@ export type CheckboxTreeNode = {
     collapsible?: boolean;
     disabled?: boolean;
     expanded?: boolean;
+    loading?: boolean;
     readonly?: boolean;
 };
+export type CheckboxTreeValue = string | CheckboxTreeValue[] | undefined;

package/dist/esm/components/or-checkbox-tree-v3/utils/extractChildrenValues.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxTreeNode } from '../types';
-export declare function extractChildrenValues(children: CheckboxTreeNode[]): any[];
+export declare function extractChildrenValues(children: CheckboxTreeNode[]): string[];

package/dist/esm/components/or-checkbox-v3/index.js

@@ -2,6 +2,7 @@ import { J, V, n as ne } from '../../useValidationAttributes-Da9U8-T7-fd6d5d7d.j
 import { aa as c, aj as i, a8 as Ht, P as Pt } from '../../utils-72d9c2bb.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { OrLabelV3 as OrLabel, LabelVariant } from '../or-label-v3/index.js';
+import { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
 import '@vueuse/core';
@@ -43,11 +44,19 @@ const CheckboxControlHandle = [
 'after:checked:content-checkbox-checked',
 // Content (indeterminate / children)
 'after:indeterminate:content-checkbox-indeterminate'];
+const CheckboxLoader = [
+// Layout
+'layout-inline-row justify-center',
+// Shape
+'rounded-sm',
+// Box
+'w-md+ md:w-md', 'h-md+ md:h-md', 'm-[10px] md:m-none'];
 
 var script = defineComponent({
   name: 'OrCheckbox',
   components: {
-    OrLabel
+    OrLabel,
+    OrLoader
   },
   model: {
     prop: 'modelValue',
@@ -74,6 +83,10 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
+    loading: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -99,6 +112,7 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-checkbox-v3', ...Checkbox]);
     const control = ref();
     const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
+    const loaderStyles = computed(() => [...CheckboxLoader]);
     // State
     const model = ne(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
@@ -140,6 +154,7 @@ var script = defineComponent({
       rootStyles,
       control,
       controlStyles,
+      loaderStyles,
       checked,
       onChange,
       focus,
@@ -159,7 +174,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: 'root',
     class: _vm.rootStyles
-  }, [_c('input', _vm._b({
+  }, [!_vm.loading ? [_c('input', _vm._b({
     ref: 'control',
     class: _vm.controlStyles,
     attrs: {
@@ -187,7 +202,18 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, 'input', _vm.attributes, false)), _vm._v(" "), _vm.$slots.default || _vm.label ? [_c('OrLabel', {
+  }, 'input', _vm.attributes, false))] : [_c('div', {
+    class: _vm.loaderStyles,
+    attrs: {
+      "aria-busy": 'true'
+    }
+  }, [_c('OrLoader', {
+    attrs: {
+      "variant": 'circular',
+      "color": 'primary',
+      "size": 's'
+    }
+  })], 1)], _vm._v(" "), _vm.$slots.default || _vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.attributes.id,
       "variant": _vm.labelVariant,

package/dist/esm/components/or-checkbox-v3/styles.d.ts

@@ -1,3 +1,4 @@
 export declare const Checkbox: string[];
 export declare const CheckboxControl: string[];
 export declare const CheckboxControlHandle: string[];
+export declare const CheckboxLoader: string[];

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

@@ -23,13 +23,13 @@ import '../../useValidationAttributes-Da9U8-T7-fd6d5d7d.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
 import '../../directives-0869d2a4.js';
 import '../../OrDateTimePickerMonthSelect-1bf6ca3b.js';
 import '../../formatDate-0536a8d5.js';
 import '../or-button-v3/index.js';
 import '../../constants-2e3ea701.js';
 import '../../props-bba3dca8.js';
-import '../or-loader-v3/index.js';
 import '../or-menu-v3/index.js';
 import '../or-popover-v3/index.js';
 import '@floating-ui/dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "26.15.1",
+  "version": "26.15.2-beta.6065.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.7.6",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^26.15.1",
-    "@onereach/ui-components-common": "^26.15.1",
+    "@onereach/styles": "^26.15.2-beta.6065.0",
+    "@onereach/ui-components-common": "^26.15.2-beta.6065.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "873827cb9be68728ee4ed6f4f296749108881a83"
+  "npmUnpacked": "4.15.2"
 }