@onereach/ui-components 6.4.6 → 6.4.7-beta.3444.0

package/dist/bundled/v2/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, toRef, watch } from 'vue-demi';
-import flattenDeep from '../../utils/functions/flattenDeep.js';
+import { defineComponent, toRefs, computed, watch } from 'vue-demi';
 import { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles.js';
+import { extractChildrenValues } from './utils/extractChildrenValues.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$3 from '../OrButtonV3/OrButton.js';
@@ -44,20 +44,17 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   setup(props, context) {
     // State
-    const hasChildren = computed(() => props.item.children && props.item.children.length > 0);
+    const {
+      modelValue,
+      item,
+      expanded
+    } = toRefs(props);
+    const children = computed(() => item.value.children || []);
+    const hasChildren = computed(() => children.value.length > 0);
     const childrenValues = computed(() => {
-      const getChildValues = children => {
-        return children === null || children === void 0 ? void 0 : children.map(child => {
-          if (child.children) {
-            return getChildValues(child.children);
-          } else {
-            return child.value;
-          }
-        });
-      };
-      return flattenDeep(getChildValues(props.item.children));
+      return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = useProxyModelValue(modelValue, context.emit);
     const isAnyChildrenSelected = computed(() => {
       var _a;
       return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.some(value => {
@@ -75,8 +72,8 @@ var script = defineComponent({
     const isIntermediate = computed(() => {
       return isAnyChildrenSelected.value && !isAllChildrenSelected.value;
     });
-    const [isOpen, setIsOpen] = useToggle(props.expanded);
-    watch(() => props.expanded, value => {
+    const [isOpen, setIsOpen] = useToggle(expanded.value);
+    watch(expanded, value => {
       if (value !== undefined) {
         setIsOpen(value);
       }

package/dist/bundled/v2/components/OrCheckboxTreeV3/OrCheckboxTree.vue.d.ts

@@ -3,7 +3,7 @@ import { CheckboxTreeNode } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     parentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    hasChildren: import("@vue/composition-api").ComputedRef<boolean | undefined>;
+    hasChildren: import("@vue/composition-api").ComputedRef<boolean>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
     isOpen: import("@vue/composition-api").Ref<boolean>;
     setIsOpen: (value?: boolean | undefined) => boolean;
@@ -65,7 +65,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     parentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    hasChildren: import("@vue/composition-api").ComputedRef<boolean | undefined>;
+    hasChildren: import("@vue/composition-api").ComputedRef<boolean>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
     isOpen: import("@vue/composition-api").Ref<boolean>;
     setIsOpen: (value?: boolean | undefined) => boolean;

package/dist/bundled/v2/components/OrCheckboxTreeV3/utils/extractChildrenValues.d.ts

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

package/dist/bundled/v2/components/OrCheckboxTreeV3/utils/extractChildrenValues.js

@@ -0,0 +1,19 @@
+import flattenDeep from '../../../utils/functions/flattenDeep.js';
+
+const getChildValues = children => {
+  return children === null || children === void 0 ? void 0 : children.map(child => {
+    if (child.disabled) {
+      return undefined;
+    }
+    if (child.children) {
+      return getChildValues(child.children);
+    } else {
+      return child.value;
+    }
+  });
+};
+function extractChildrenValues(children) {
+  return flattenDeep(getChildValues(children)).filter(Boolean);
+}
+
+export { extractChildrenValues };

package/dist/bundled/v3/{OrCheckboxGroup.vue_vue_type_script_lang-53b76d2d.js → OrCheckboxGroup.vue_vue_type_script_lang-7f9a7ed0.js}

@@ -1,6 +1,6 @@
 import { defineComponent, toRef } from 'vue-demi';
 import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-7ef8a039.js';
 import { FormGroupDirection } from './components/OrFormGroupV3/props.js';

package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js → OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js}

@@ -1,6 +1,6 @@
-import { defineComponent, computed, toRef, watch } from 'vue-demi';
-import flattenDeep from './utils/functions/flattenDeep.js';
+import { defineComponent, toRefs, computed, watch } from 'vue-demi';
 import { CheckboxTreeRoot, CheckboxTreeRootParent } from './components/OrCheckboxTreeV3/styles.js';
+import { extractChildrenValues } from './components/OrCheckboxTreeV3/utils/extractChildrenValues.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
 import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
@@ -46,20 +46,17 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   setup(props, context) {
     // State
-    const hasChildren = computed(() => props.item.children && props.item.children.length > 0);
+    const {
+      modelValue,
+      item,
+      expanded
+    } = toRefs(props);
+    const children = computed(() => item.value.children || []);
+    const hasChildren = computed(() => children.value.length > 0);
     const childrenValues = computed(() => {
-      const getChildValues = children => {
-        return children === null || children === void 0 ? void 0 : children.map(child => {
-          if (child.children) {
-            return getChildValues(child.children);
-          } else {
-            return child.value;
-          }
-        });
-      };
-      return flattenDeep(getChildValues(props.item.children));
+      return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = useProxyModelValue(modelValue, context.emit);
     const isAnyChildrenSelected = computed(() => {
       var _a;
       return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.some(value => {
@@ -77,8 +74,8 @@ var script = defineComponent({
     const isIntermediate = computed(() => {
       return isAnyChildrenSelected.value && !isAllChildrenSelected.value;
     });
-    const [isOpen, setIsOpen] = useToggle(props.expanded);
-    watch(() => props.expanded, value => {
+    const [isOpen, setIsOpen] = useToggle(expanded.value);
+    watch(expanded, value => {
       if (value !== undefined) {
         setIsOpen(value);
       }

package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-53b76d2d.js';
-export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-53b76d2d.js';
+import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-7f9a7ed0.js';
+export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-7f9a7ed0.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

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

@@ -1 +1 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-53b76d2d.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-7f9a7ed0.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js';
-export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js';
+import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js';
+export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     parentStyles: import("vue-demi").ComputedRef<string[]>;
-    hasChildren: import("vue-demi").ComputedRef<boolean | undefined>;
+    hasChildren: import("vue-demi").ComputedRef<boolean>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
     isOpen: import("vue-demi").Ref<boolean>;
     setIsOpen: (value?: boolean | undefined) => boolean;

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

@@ -1 +1 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/utils/extractChildrenValues.d.ts

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

package/dist/bundled/v3/components/OrCheckboxTreeV3/utils/extractChildrenValues.js

@@ -0,0 +1,19 @@
+import flattenDeep from '../../../utils/functions/flattenDeep.js';
+
+const getChildValues = children => {
+  return children === null || children === void 0 ? void 0 : children.map(child => {
+    if (child.disabled) {
+      return undefined;
+    }
+    if (child.children) {
+      return getChildValues(child.children);
+    } else {
+      return child.value;
+    }
+  });
+};
+function extractChildrenValues(children) {
+  return flattenDeep(getChildValues(children)).filter(Boolean);
+}
+
+export { extractChildrenValues };

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

@@ -19,8 +19,8 @@ export { CardCollectionView, defaultViewModes, gridView, listView } from './OrCa
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-5f887a5a.js';
 export { CardPadding } from './OrCardV3/props.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-de28fcaf.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup.vue_vue_type_script_lang-53b76d2d.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup.vue_vue_type_script_lang-7f9a7ed0.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
 export { s as OrChip } from '../OrChip.vue_vue_type_script_lang-cacd81e5.js';
 export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-e1f37564.js';

package/dist/bundled/v3/index.js

@@ -12,7 +12,7 @@ export { s as OrCardCollectionV3 } from './OrCardCollection.vue_vue_type_script_
 import './components/OrCardV3/OrCard.js';
 export { s as OrCardV3 } from './OrCard.vue_vue_type_script_lang-5f887a5a.js';
 import './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
-export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup.vue_vue_type_script_lang-53b76d2d.js';
+export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup.vue_vue_type_script_lang-7f9a7ed0.js';
 import './components/OrChips/OrChips.js';
 export { s as OrChips } from './OrChips.vue_vue_type_script_lang-e1f37564.js';
 import './components/OrCode/OrCode.js';
@@ -152,7 +152,7 @@ export { CARD_COLLECTION_LAYOUT } from './components/OrCardCollection/constants.
 export { CardCollectionView, defaultViewModes, gridView, listView } from './components/OrCardCollectionV3/props.js';
 export { CardPadding } from './components/OrCardV3/props.js';
 export { s as OrCheckbox } from './OrCheckbox.vue_vue_type_script_lang-de28fcaf.js';
-export { s as OrCheckboxTreeV3 } from './OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js';
+export { s as OrCheckboxTreeV3 } from './OrCheckboxTree.vue_vue_type_script_lang-c5288bf5.js';
 export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
 export { s as OrChip } from './OrChip.vue_vue_type_script_lang-cacd81e5.js';
 export { OrCodeLanguages } from './components/OrCode/constants.js';

package/dist/esm/v2/{OrCheckboxGroup-2df9d20b.js → OrCheckboxGroup-6f1bacb2.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrCheckboxTree-52feda21.js';
+import { _ as __vue_component__$1 } from './OrCheckboxTree-260748ff.js';
 import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-bed59f6c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCheckboxTree-52feda21.js → OrCheckboxTree-260748ff.js}

@@ -1,5 +1,5 @@
 import { useToggle } from '@vueuse/core';
-import { defineComponent, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, toRefs, computed, watch } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -23,6 +23,22 @@ const CheckboxTreeRootParent = [
 // Layout
 'flex', 'flex-row', 'gap-xs'];
 
+const getChildValues = children => {
+  return children === null || children === void 0 ? void 0 : children.map(child => {
+    if (child.disabled) {
+      return undefined;
+    }
+    if (child.children) {
+      return getChildValues(child.children);
+    } else {
+      return child.value;
+    }
+  });
+};
+function extractChildrenValues(children) {
+  return flattenDeep(getChildValues(children)).filter(Boolean);
+}
+
 var script = defineComponent({
   name: 'OrCheckboxTree',
   components: {
@@ -59,20 +75,17 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   setup(props, context) {
     // State
-    const hasChildren = computed(() => props.item.children && props.item.children.length > 0);
+    const {
+      modelValue,
+      item,
+      expanded
+    } = toRefs(props);
+    const children = computed(() => item.value.children || []);
+    const hasChildren = computed(() => children.value.length > 0);
     const childrenValues = computed(() => {
-      const getChildValues = children => {
-        return children === null || children === void 0 ? void 0 : children.map(child => {
-          if (child.children) {
-            return getChildValues(child.children);
-          } else {
-            return child.value;
-          }
-        });
-      };
-      return flattenDeep(getChildValues(props.item.children));
+      return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = useProxyModelValue(modelValue, context.emit);
     const isAnyChildrenSelected = computed(() => {
       var _a;
       return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.some(value => {
@@ -90,8 +103,8 @@ var script = defineComponent({
     const isIntermediate = computed(() => {
       return isAnyChildrenSelected.value && !isAllChildrenSelected.value;
     });
-    const [isOpen, setIsOpen] = useToggle(props.expanded);
-    watch(() => props.expanded, value => {
+    const [isOpen, setIsOpen] = useToggle(expanded.value);
+    watch(expanded, value => {
       if (value !== undefined) {
         setIsOpen(value);
       }

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

@@ -11,8 +11,8 @@ export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCol
 export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-45c66d62.js';
 export { C as CardPadding, _ as OrCardV3 } from '../OrCard-c5c725ed.js';
 export { _ as OrCheckbox } from '../OrCheckbox-fcd6b64c.js';
-export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-2df9d20b.js';
-export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-52feda21.js';
+export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-6f1bacb2.js';
+export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTree-260748ff.js';
 export { _ as OrCheckboxV3 } from '../OrCheckbox-a3bb500c.js';
 export { _ as OrChip } from '../OrChip-6cae6dab.js';
 export { _ as OrChips } from '../OrChips-dd82c2b6.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-2df9d20b.js';
+export { _ as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-6f1bacb2.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -7,7 +7,7 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrCheckboxTree-52feda21.js';
+import '../../OrCheckboxTree-260748ff.js';
 import '../../OrButton-a23ee9f0.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-checkbox-tree-v3/OrCheckboxTree.vue.d.ts

@@ -3,7 +3,7 @@ import { CheckboxTreeNode } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     parentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    hasChildren: import("@vue/composition-api").ComputedRef<boolean | undefined>;
+    hasChildren: import("@vue/composition-api").ComputedRef<boolean>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
     isOpen: import("@vue/composition-api").Ref<boolean>;
     setIsOpen: (value?: boolean | undefined) => boolean;
@@ -65,7 +65,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     parentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    hasChildren: import("@vue/composition-api").ComputedRef<boolean | undefined>;
+    hasChildren: import("@vue/composition-api").ComputedRef<boolean>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
     isOpen: import("@vue/composition-api").Ref<boolean>;
     setIsOpen: (value?: boolean | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-export { _ as OrCheckboxTreeV3 } from '../../OrCheckboxTree-52feda21.js';
+export { _ as OrCheckboxTreeV3 } from '../../OrCheckboxTree-260748ff.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

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

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

package/dist/esm/v2/index.js

@@ -11,8 +11,8 @@ export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardColl
 export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-45c66d62.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-c5c725ed.js';
 export { _ as OrCheckbox } from './OrCheckbox-fcd6b64c.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-2df9d20b.js';
-export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-52feda21.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-6f1bacb2.js';
+export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-260748ff.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-a3bb500c.js';
 export { _ as OrChip } from './OrChip-6cae6dab.js';
 export { _ as OrChips } from './OrChips-dd82c2b6.js';

package/dist/esm/v3/{OrCheckboxGroup-53478516.js → OrCheckboxGroup-bcf1f5b0.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrCheckboxTree-a065466b.js';
+import { s as script$1 } from './OrCheckboxTree-d1f457da.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-37f2b304.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrCheckboxTree-a065466b.js → OrCheckboxTree-d1f457da.js}

@@ -1,5 +1,5 @@
 import { useToggle } from '@vueuse/core';
-import { defineComponent, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, toRefs, computed, watch } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
@@ -23,6 +23,22 @@ const CheckboxTreeRootParent = [
 // Layout
 'flex', 'flex-row', 'gap-xs'];
 
+const getChildValues = children => {
+  return children === null || children === void 0 ? void 0 : children.map(child => {
+    if (child.disabled) {
+      return undefined;
+    }
+    if (child.children) {
+      return getChildValues(child.children);
+    } else {
+      return child.value;
+    }
+  });
+};
+function extractChildrenValues(children) {
+  return flattenDeep(getChildValues(children)).filter(Boolean);
+}
+
 var script = defineComponent({
   name: 'OrCheckboxTree',
   components: {
@@ -59,20 +75,17 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   setup(props, context) {
     // State
-    const hasChildren = computed(() => props.item.children && props.item.children.length > 0);
+    const {
+      modelValue,
+      item,
+      expanded
+    } = toRefs(props);
+    const children = computed(() => item.value.children || []);
+    const hasChildren = computed(() => children.value.length > 0);
     const childrenValues = computed(() => {
-      const getChildValues = children => {
-        return children === null || children === void 0 ? void 0 : children.map(child => {
-          if (child.children) {
-            return getChildValues(child.children);
-          } else {
-            return child.value;
-          }
-        });
-      };
-      return flattenDeep(getChildValues(props.item.children));
+      return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = useProxyModelValue(modelValue, context.emit);
     const isAnyChildrenSelected = computed(() => {
       var _a;
       return (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.some(value => {
@@ -90,8 +103,8 @@ var script = defineComponent({
     const isIntermediate = computed(() => {
       return isAnyChildrenSelected.value && !isAllChildrenSelected.value;
     });
-    const [isOpen, setIsOpen] = useToggle(props.expanded);
-    watch(() => props.expanded, value => {
+    const [isOpen, setIsOpen] = useToggle(expanded.value);
+    watch(expanded, value => {
       if (value !== undefined) {
         setIsOpen(value);
       }

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

@@ -10,8 +10,8 @@ export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCol
 export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-64175d94.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-a789e0d9.js';
 export { s as OrCheckbox } from '../OrCheckbox-5666c954.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-53478516.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-a065466b.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-bcf1f5b0.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-d1f457da.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-a2017fa5.js';
 export { s as OrChip } from '../OrChip-74e27265.js';
 export { s as OrChips } from '../OrChips-348b13e4.js';

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

@@ -1,4 +1,4 @@
-export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-53478516.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-bcf1f5b0.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -7,7 +7,7 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrCheckboxTree-a065466b.js';
+import '../../OrCheckboxTree-d1f457da.js';
 import '../../OrButton-4a3c3e7b.js';
 import '../../OrLoader-b79022da.js';
 import 'vue';

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

@@ -24,7 +24,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     parentStyles: import("vue-demi").ComputedRef<string[]>;
-    hasChildren: import("vue-demi").ComputedRef<boolean | undefined>;
+    hasChildren: import("vue-demi").ComputedRef<boolean>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
     isOpen: import("vue-demi").Ref<boolean>;
     setIsOpen: (value?: boolean | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-a065466b.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-d1f457da.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

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

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

package/dist/esm/v3/index.js

@@ -10,8 +10,8 @@ export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardColl
 export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-64175d94.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-a789e0d9.js';
 export { s as OrCheckbox } from './OrCheckbox-5666c954.js';
-export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-53478516.js';
-export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-a065466b.js';
+export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-bcf1f5b0.js';
+export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-d1f457da.js';
 export { s as OrCheckboxV3 } from './OrCheckbox-a2017fa5.js';
 export { s as OrChip } from './OrChip-74e27265.js';
 export { s as OrChips } from './OrChips-348b13e4.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "6.4.6",
+  "version": "6.4.7-beta.3444.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -175,6 +175,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "a7f7b937d888a11aaebd58c487dde34bb52ac271"
+  }
 }

package/src/components/or-checkbox-tree-v3/OrCheckboxTree.vue

@@ -61,14 +61,14 @@
 
 <script lang="ts">
 import { useToggle } from '@vueuse/core';
-import { computed, defineComponent, PropType, toRef, watch } from 'vue-demi';
+import { computed, defineComponent, PropType, watch, toRefs } from 'vue-demi';
 import { useProxyModelValue } from '../../hooks';
-import flattenDeep from '../../utils/functions/flattenDeep';
 import { OrButtonV3 as OrButton } from '../or-button-v3';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3';
 import { OrIconV3 as OrIcon } from '../or-icon-v3';
 import { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles';
 import { CheckboxTreeNode } from './types';
+import { extractChildrenValues } from './utils/extractChildrenValues';
 
 export default defineComponent({
   name: 'OrCheckboxTree',
@@ -112,23 +112,15 @@ export default defineComponent({
 
   setup(props, context) {
     // State
-    const hasChildren = computed(() => props.item.children && props.item.children.length > 0);
+    const { modelValue, item, expanded } = toRefs(props);
+    const children = computed(() => item.value.children || []);
+    const hasChildren = computed(() => children.value.length > 0);
 
     const childrenValues = computed(() => {
-      const getChildValues = (children?: CheckboxTreeNode[]): any[] | undefined => {
-        return children?.map((child) => {
-          if (child.children) {
-            return getChildValues(child.children);
-          } else {
-            return child.value;
-          }
-        });
-      };
-
-      return flattenDeep(getChildValues(props.item.children));
+      return hasChildren.value ? extractChildrenValues(children.value) : [];
     });
 
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = useProxyModelValue(modelValue, context.emit);
 
     const isAnyChildrenSelected = computed(() => {
       return proxyModelValue.value?.some((value) => childrenValues.value?.includes(value));
@@ -142,9 +134,9 @@ export default defineComponent({
       return isAnyChildrenSelected.value && !isAllChildrenSelected.value;
     });
 
-    const [isOpen, setIsOpen] = useToggle(props.expanded);
+    const [isOpen, setIsOpen] = useToggle(expanded.value);
 
-    watch(() => props.expanded, (value) => {
+    watch(expanded, (value) => {
       if (value !== undefined) {
         setIsOpen(value);
       }

package/src/components/or-checkbox-tree-v3/utils/extractChildrenValues.ts

@@ -0,0 +1,19 @@
+import { CheckboxTreeNode } from '../types';
+import flattenDeep from '../../../utils/functions/flattenDeep';
+
+const getChildValues = (children?: CheckboxTreeNode[]): any[] | undefined => {
+  return children?.map((child) => {
+    if (child.disabled) {
+      return undefined;
+    }
+    if (child.children) {
+      return getChildValues(child.children);
+    } else {
+      return child.value;
+    }
+  });
+};
+export function extractChildrenValues(children: CheckboxTreeNode[]): any[] {
+  return flattenDeep(getChildValues(children)).filter(Boolean);
+}
+