@onereach/ui-components 3.0.2-beta.2476.0 → 3.0.2-beta.2480.0

package/dist/esm/v2/{OrSelect-8307ad20.js → OrSelect-4b901267.js}

@@ -384,7 +384,6 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
-    class: _vm.dropdownStyles,
     attrs: {
       "variant": 'auto',
       "trigger": _vm.inputBoxRoot,
@@ -392,6 +391,8 @@ var __vue_render__ = function () {
       "full-width": true,
       "disable-default-styles": true
     }
+  }, [_c('div', {
+    class: _vm.dropdownStyles
   }, [_vm.enableSearch ? [_c('OrInput', {
     attrs: {
       "type": 'search',
@@ -445,7 +446,7 @@ var __vue_render__ = function () {
           }
         }
       }, [_vm._t("optionTemplate", function () {
-        return [_vm._v("\n                  " + _vm._s(option.label) + "\n                ")];
+        return [_vm._v("\n                    " + _vm._s(option.label) + "\n                  ")];
       }, {
         "model": _vm.proxyModelValue,
         "option": option
@@ -484,7 +485,7 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._t("optionTemplate", function () {
-      return [_vm._v("\n                " + _vm._s(option.label) + "\n              ")];
+      return [_vm._v("\n                  " + _vm._s(option.label) + "\n                ")];
     }, {
       "model": _vm.proxyModelValue,
       "option": option
@@ -492,8 +493,8 @@ var __vue_render__ = function () {
   })]] : [_c('div', {
     class: _vm.noSearchResultsStyles
   }, [_vm._t("noSearchResultsTemplate", function () {
-    return [_vm._v("\n            No results\n          ")];
-  })], 2)]], 2)], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n              No results\n            ")];
+  })], 2)]], 2)])], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",

package/dist/esm/v2/components/index.d.ts

@@ -93,4 +93,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-tree-v3';

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

@@ -70,7 +70,7 @@ export { _ as OrSearch } from '../OrSearch-2fbdbec9.js';
 export { _ as OrSearchV3 } from '../OrSearch-da9725b4.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-03e79c4b.js';
-export { _ as OrSelectV3 } from '../OrSelect-8307ad20.js';
+export { _ as OrSelectV3 } from '../OrSelect-4b901267.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-5ca2144a.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-b8e678d4.js';
@@ -101,7 +101,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665
 export { _ as OrTooltip } from '../OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-f5d1e4f0.js';
-export { _ as OrTreeV3 } from '../OrTree-32b2fede.js';
 import 'vue-demi';
 import 'lodash';
 import '../style-inject.es-4c6f2515.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-8307ad20.js';
+export { _ as OrSelectV3 } from '../../OrSelect-4b901267.js';
 export { a as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';

package/dist/esm/v2/index.js

@@ -70,7 +70,7 @@ export { _ as OrSearch } from './OrSearch-2fbdbec9.js';
 export { _ as OrSearchV3 } from './OrSearch-da9725b4.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-03e79c4b.js';
-export { _ as OrSelectV3 } from './OrSelect-8307ad20.js';
+export { _ as OrSelectV3 } from './OrSelect-4b901267.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from './OrSidebar-5ca2144a.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-b8e678d4.js';
@@ -101,7 +101,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
 export { _ as OrTooltipV3 } from './OrTooltip-f5d1e4f0.js';
-export { _ as OrTreeV3 } from './OrTree-32b2fede.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-92fce12c.js';

package/dist/esm/v3/{OrSelect-c3a50846.js → OrSelect-6ccd02ea.js}

@@ -377,14 +377,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }, null, 8 /* PROPS */, ["icon"])]), createVNode(_component_OrPopover, {
       ref: "popover",
-      class: normalizeClass(_ctx.dropdownStyles),
       variant: 'auto',
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom',
       "full-width": true,
       "disable-default-styles": true
     }, {
-      default: withCtx(() => [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrInput, {
+      default: withCtx(() => [createElementVNode("div", {
+        class: normalizeClass(_ctx.dropdownStyles)
+      }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrInput, {
         key: 0,
         modelValue: _ctx.searchText,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
@@ -480,10 +481,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
         key: 2,
         class: normalizeClass(_ctx.noSearchResultsStyles)
-      }, [renderSlot(_ctx.$slots, "noSearchResultsTemplate", {}, () => [createTextVNode(" No results ")])], 2 /* CLASS */))]),
+      }, [renderSlot(_ctx.$slots, "noSearchResultsTemplate", {}, () => [createTextVNode(" No results ")])], 2 /* CLASS */))], 2 /* CLASS */)]),
 
       _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["class", "trigger"])]),
+    }, 8 /* PROPS */, ["trigger"])]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), withDirectives(createElementVNode("div", _hoisted_4, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/components/index.d.ts

@@ -93,4 +93,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-tree-v3';

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

@@ -66,7 +66,7 @@ export { s as OrSearch } from '../OrSearch-1f80760e.js';
 export { s as OrSearchV3 } from '../OrSearch-b6a0f0e6.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from '../OrSelect-88e5dfaf.js';
-export { s as OrSelectV3 } from '../OrSelect-c3a50846.js';
+export { s as OrSelectV3 } from '../OrSelect-6ccd02ea.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from '../OrSidebar-22253d76.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-5154e452.js';
@@ -96,7 +96,6 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-8d7385bc.js';
 export { s as OrTooltipV3 } from '../OrTooltip-02f07fa2.js';
-export { s as OrTreeV3 } from '../OrTree-bf625e80.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-c3a50846.js';
+export { s as OrSelectV3 } from '../../OrSelect-6ccd02ea.js';
 export { a as SelectSize } from '../../OrInputBox-11389afd.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';

package/dist/esm/v3/index.js

@@ -66,7 +66,7 @@ export { s as OrSearch } from './OrSearch-1f80760e.js';
 export { s as OrSearchV3 } from './OrSearch-b6a0f0e6.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from './OrSelect-88e5dfaf.js';
-export { s as OrSelectV3 } from './OrSelect-c3a50846.js';
+export { s as OrSelectV3 } from './OrSelect-6ccd02ea.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from './OrSidebar-22253d76.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-5154e452.js';
@@ -96,7 +96,6 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-9
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-8d7385bc.js';
 export { s as OrTooltipV3 } from './OrTooltip-02f07fa2.js';
-export { s as OrTreeV3 } from './OrTree-bf625e80.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-92fce12c.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "3.0.2-beta.2476.0",
+  "version": "3.0.2-beta.2480.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/index.ts

@@ -93,4 +93,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-tree-v3';

package/src/components/or-select-v3/OrSelect.vue

@@ -91,33 +91,72 @@
 
       <OrPopover
         ref="popover"
-        :class="dropdownStyles"
         :variant="'auto'"
         :trigger="inputBoxRoot"
         :placement="'bottom'"
         :full-width="true"
         :disable-default-styles="true"
       >
-        <template v-if="enableSearch">
-          <OrInput
-            v-model="searchText"
-            :type="'search'"
-            :placeholder="'Search'"
-            :size="'s'"
-            :disable-default-styles="true"
-          />
-        </template>
+        <div :class="dropdownStyles">
+          <template v-if="enableSearch">
+            <OrInput
+              v-model="searchText"
+              :type="'search'"
+              :placeholder="'Search'"
+              :size="'s'"
+              :disable-default-styles="true"
+            />
+          </template>
 
-        <template v-if="resolvedSearchOptions.length > 0">
-          <template v-if="groupByFunction">
-            <OrExpansionPanel
-              v-for="(group, groupName) in groupedOptions"
-              :key="groupName"
-              :label="groupName"
-            >
+          <template v-if="resolvedSearchOptions.length > 0">
+            <template v-if="groupByFunction">
+              <OrExpansionPanel
+                v-for="(group, groupName) in groupedOptions"
+                :key="groupName"
+                :label="groupName"
+              >
+                <template v-if="multiple">
+                  <OrMenuItem
+                    v-for="option in group"
+                    :key="option.value"
+                  >
+                    <slot
+                      name="optionTemplate"
+                      :model="proxyModelValue"
+                      :option="option"
+                    >
+                      <OrCheckbox
+                        v-model="proxyModelValue"
+                        :value="option.value"
+                        :label="option.label"
+                        :label-variant="'input'"
+                      />
+                    </slot>
+                  </OrMenuItem>
+                </template>
+
+                <template v-else>
+                  <OrMenuItem
+                    v-for="option in group"
+                    :key="option.value"
+                    @click.stop="proxyModelValue = option.value; close()"
+                  >
+                    <slot
+                      name="optionTemplate"
+                      :model="proxyModelValue"
+                      :option="option"
+                    >
+                      {{ option.label }}
+                    </slot>
+                  </OrMenuItem>
+                </template>
+              </OrExpansionPanel>
+            </template>
+
+            <template v-else>
               <template v-if="multiple">
                 <OrMenuItem
-                  v-for="option in group"
+                  v-for="option in resolvedSearchOptions"
                   :key="option.value"
                 >
                   <slot
@@ -137,7 +176,7 @@
 
               <template v-else>
                 <OrMenuItem
-                  v-for="option in group"
+                  v-for="option in resolvedSearchOptions"
                   :key="option.value"
                   @click.stop="proxyModelValue = option.value; close()"
                 >
@@ -150,55 +189,17 @@
                   </slot>
                 </OrMenuItem>
               </template>
-            </OrExpansionPanel>
+            </template>
           </template>
 
           <template v-else>
-            <template v-if="multiple">
-              <OrMenuItem
-                v-for="option in resolvedSearchOptions"
-                :key="option.value"
-              >
-                <slot
-                  name="optionTemplate"
-                  :model="proxyModelValue"
-                  :option="option"
-                >
-                  <OrCheckbox
-                    v-model="proxyModelValue"
-                    :value="option.value"
-                    :label="option.label"
-                    :label-variant="'input'"
-                  />
-                </slot>
-              </OrMenuItem>
-            </template>
-
-            <template v-else>
-              <OrMenuItem
-                v-for="option in resolvedSearchOptions"
-                :key="option.value"
-                @click.stop="proxyModelValue = option.value; close()"
-              >
-                <slot
-                  name="optionTemplate"
-                  :model="proxyModelValue"
-                  :option="option"
-                >
-                  {{ option.label }}
-                </slot>
-              </OrMenuItem>
-            </template>
+            <div :class="noSearchResultsStyles">
+              <slot name="noSearchResultsTemplate">
+                No results
+              </slot>
+            </div>
           </template>
-        </template>
-
-        <template v-else>
-          <div :class="noSearchResultsStyles">
-            <slot name="noSearchResultsTemplate">
-              No results
-            </slot>
-          </div>
-        </template>
+        </div>
       </OrPopover>
     </OrInputBox>
 

package/dist/bundled/v2/OrTree-b8e47647.js

@@ -1,236 +0,0 @@
-import './index-fa6eb4ca.js';
-import { O as OrIconButton } from './OrIconButton-d427d121.js';
-import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-
-const getFlatTree = tree => {
-  const flatTree = [];
-  const nodeMetadataByKey = {};
-  const goDeeper = (treeNode, level, parentNodeKey) => {
-    flatTree.push(treeNode);
-    nodeMetadataByKey[treeNode.key] = {
-      level,
-      isExpanded: false,
-      parentNodeKey
-    };
-    if (treeNode.children) {
-      for (const child of treeNode.children) {
-        goDeeper(child, level + 1, treeNode.key);
-      }
-    }
-  };
-  for (const node of tree) {
-    goDeeper(node, 0, '');
-  }
-  return {
-    flatTree,
-    nodeMetadataByKey
-  };
-};
-
-const TreeNodeRoot = ['flex', 'items-center', 'gap-sm', 'pt-6', 'my-sm',
-// Theme
-'text-on-background', 'dark:text-on-background-dark', 'hover:bg-primary-opacity-0-08', 'dark:hover:bg-primary-opacity-0-08-dark'];
-
-var script$1 = defineComponent({
-  components: {
-    OrIconButton
-  },
-  props: {
-    node: {
-      type: Object,
-      default: undefined
-    },
-    nodeKey: {
-      type: String,
-      default: ''
-    },
-    isExpanded: {
-      type: Boolean,
-      default: false
-    },
-    isLeaf: {
-      type: Boolean,
-      default: false
-    },
-    level: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ['trigger-expand'],
-  setup() {
-    return {
-      rootClasses: TreeNodeRoot
-    };
-  },
-  computed: {
-    expandIcon() {
-      return this.isExpanded ? 'keyboard_arrow_down' : 'arrow_right';
-    },
-    styleCSS() {
-      return {
-        // 24px -- gap-sm + tooltip width
-        'padding-left': this.isLeaf && this.level === 0 ? '24px' : `${(this.isLeaf ? 24 : 0) + this.level * 10}px`
-      };
-    }
-  }
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "tree-node",
-    class: _vm.rootClasses,
-    style: _vm.styleCSS
-  }, [!_vm.isLeaf ? _c('or-icon-button', {
-    attrs: {
-      "icon": _vm.expandIcon
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.$emit('trigger-expand', _vm.nodeKey);
-      }
-    }
-  }) : _vm._e(), _vm._v(" "), _vm._t("default", function () {
-    return [_vm._v("\n    " + _vm._s(_vm.nodeKey) + "\n  ")];
-  }, null, _vm.$props)], 2);
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = undefined;
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-var TreeNode = __vue_component__$2;
-
-var script = defineComponent({
-  components: {
-    TreeNode
-  },
-  props: {
-    initialData: {
-      type: Array,
-      default: () => []
-    },
-    identifierKey: {
-      type: String,
-      default: 'key'
-    }
-  },
-  data() {
-    return {
-      flatTree: [],
-      nodeMetadataByKey: {}
-    };
-  },
-  computed: {
-    visibleItems() {
-      return this.flatTree.filter(treeNode => {
-        return this.isNodeExpanded(treeNode.key);
-      });
-    }
-  },
-  mounted() {
-    const {
-      nodeMetadataByKey,
-      flatTree
-    } = getFlatTree(this.initialData);
-    this.flatTree = flatTree;
-    this.nodeMetadataByKey = nodeMetadataByKey;
-  },
-  methods: {
-    onTriggerExpand(key) {
-      this.nodeMetadataByKey[key].isExpanded = !this.nodeMetadataByKey[key].isExpanded;
-    },
-    isNodeExpanded(key) {
-      const {
-        parentNodeKey,
-        level
-      } = this.nodeMetadataByKey[key];
-      const parentMetadata = this.nodeMetadataByKey[parentNodeKey];
-      if (level === 0) return true;
-      if (!parentMetadata.isExpanded) return false;
-      return this.isNodeExpanded(parentNodeKey);
-    }
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-tree",
-    on: {
-      "drop": _vm.onDrop
-    }
-  }, _vm._l(_vm.visibleItems, function (node) {
-    return _c('tree-node', {
-      key: node[_vm.identifierKey],
-      attrs: {
-        "node": node,
-        "node-key": node[_vm.identifierKey],
-        "is-expanded": _vm.nodeMetadataByKey[node.key].isExpanded,
-        "is-leaf": !!node.isLeaf,
-        "level": _vm.nodeMetadataByKey[node.key].level
-      },
-      on: {
-        "trigger-expand": _vm.onTriggerExpand
-      },
-      scopedSlots: _vm._u([{
-        key: "default",
-        fn: function (props) {
-          return [_vm._t("default", null, null, props)];
-        }
-      }], null, true)
-    });
-  }), 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };

package/dist/bundled/v2/components/or-tree-v3/OrTree.vue.d.ts

@@ -1,47 +0,0 @@
-import { PropType } from 'vue-demi';
-import { ITreeNode, ITreeNodeMetadata } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & {
-    flatTree: ITreeNode[];
-    nodeMetadataByKey: Record<string, ITreeNodeMetadata>;
-}, {
-    onTriggerExpand(key: string): void;
-    isNodeExpanded(key: string): boolean;
-}, {
-    visibleItems(): ITreeNode[];
-}, {
-    initialData: {
-        type: PropType<ITreeNode[]>;
-        default: () => never[];
-    };
-    identifierKey: {
-        type: StringConstructor;
-        default: string;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    initialData: {
-        type: PropType<ITreeNode[]>;
-        default: () => never[];
-    };
-    identifierKey: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    initialData: ITreeNode[];
-    identifierKey: string;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, {
-    flatTree: ITreeNode[];
-    nodeMetadataByKey: Record<string, ITreeNodeMetadata>;
-}, {
-    visibleItems(): ITreeNode[];
-}, {
-    onTriggerExpand(key: string): void;
-    isNodeExpanded(key: string): boolean;
-}, {}, {}, {}, {
-    initialData: ITreeNode[];
-    identifierKey: string;
-} & {}, {
-    initialData: ITreeNode[];
-    identifierKey: string;
-}, true>);
-export default _default;