@onereach/ui-components 20.1.0 → 20.1.2

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

@@ -1,148 +0,0 @@
-import { useToggle } from '@vueuse/core';
-import { defineComponent, toRefs, computed, watch } from 'vue';
-import { r as re } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import { a3 as i } from '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '../../dom-CwV-xS38-5babad01.js';
-import '../../OrIcon-cd8db2b5.js';
-import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
-import '../../OrCheckbox-cfd587f1.js';
-import { OrCheckboxV3 as script$2 } from '../or-checkbox-v3/index.js';
-import '../../OrButton-91f48227.js';
-import { OrButtonV3 as script$3 } from '../or-button-v3/index.js';
-import 'lodash/get';
-import 'lodash/isElement';
-import '../../OrLabel-d50a3ebb.js';
-import '../or-label-v3/index.js';
-import '../../props-bba3dca8.js';
-import '../../constants-57e8b5da.js';
-import '../../OrLoader-4e331586.js';
-import '../or-loader-v3/index.js';
-
-const CheckboxTreeRoot = [
-// Layout
-'flex', 'flex-col',
-// Spacing
-'gap-sm+ md:gap-sm'];
-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 i(getChildValues(children)).filter(Boolean);
-}
-
-var script = defineComponent({
-  name: 'OrCheckboxTree',
-  components: {
-    OrIcon: script$1,
-    OrCheckbox: script$2,
-    OrButton: script$3
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    item: {
-      type: Object,
-      required: true
-    },
-    collapsible: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    expanded: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ['update:modelValue'],
-  setup(props, context) {
-    // State
-    const {
-      modelValue,
-      item,
-      expanded
-    } = toRefs(props);
-    const children = computed(() => item.value.children || []);
-    const hasChildren = computed(() => children.value.length > 0);
-    const childrenValues = computed(() => {
-      return hasChildren.value ? extractChildrenValues(children.value) : [];
-    });
-    const proxyModelValue = re(modelValue, context.emit);
-    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);
-      });
-    });
-    const isAllChildrenSelected = computed(() => {
-      var _a;
-      return childrenValues.value.length > 0 && ((_a = childrenValues.value) === null || _a === void 0 ? void 0 : _a.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;
-    });
-    const [isOpen, setIsOpen] = useToggle(expanded.value);
-    watch(expanded, value => {
-      if (value !== undefined) {
-        setIsOpen(value);
-      }
-    });
-    // Styles
-    const rootStyles = computed(() => ['or-checkbox-tree-v3', ...CheckboxTreeRoot]);
-    // Styles
-    const parentStyles = computed(() => [...CheckboxTreeRootParent]);
-    // Methods
-    const handleParentClick = () => {
-      if (isAllChildrenSelected.value) {
-        proxyModelValue.value = proxyModelValue.value.filter(value => !childrenValues.value.includes(value));
-      } else {
-        proxyModelValue.value = [...new Set([...proxyModelValue.value, ...childrenValues.value])];
-      }
-    };
-    return {
-      rootStyles,
-      parentStyles,
-      hasChildren,
-      proxyModelValue,
-      isOpen,
-      setIsOpen,
-      isIntermediate,
-      isAllChildrenSelected,
-      isAnyChildrenSelected,
-      childrenValues,
-      handleParentClick
-    };
-  }
-});
-
-export { script as OrCheckboxTreeV3 };