@onereach/ui-components 4.10.2-beta.2928.0 → 4.10.2-beta.2933.0

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
+import { TreeNodeDropPosition } from './types.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
 import { u as useToggle } from '../../index-ec92055d.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import __vue_component__$4 from '../OrLabelV3/OrLabel.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
@@ -12,8 +12,6 @@ import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
-import '../OrLabelV3/props.js';
-import '../OrLabelV3/styles.js';
 
 function inRange(num, min, max) {
   return num >= min && num <= max;
@@ -29,11 +27,11 @@ function getDropOffset(e) {
   } = e.target.getBoundingClientRect();
   const offset = (clientY - top) / height;
   if (canMiddleDrop && inRange(offset, 0.4, 0.7)) {
-    return 'middle';
+    return TreeNodeDropPosition.Middle;
   } else if (inRange(offset, 0, 0.5)) {
-    return 'top';
+    return TreeNodeDropPosition.Top;
   }
-  return 'bottom';
+  return TreeNodeDropPosition.Bottom;
 }
 function applyPadding(element, level, hasCollapseTrigger) {
   const padding = level * 20 - (hasCollapseTrigger ? 20 : 0);
@@ -330,18 +328,9 @@ var OrTreeNode = __vue_component__$1;
 var script = defineComponent({
   name: 'OrTree',
   components: {
-    OrLabel: __vue_component__$4,
     OrTreeNode
   },
   props: {
-    label: {
-      type: String,
-      default: ''
-    },
-    error: {
-      type: String,
-      default: ''
-    },
     nodes: {
       type: Array,
       default: () => []
@@ -379,7 +368,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [_vm.label ? _c('or-label', [_vm._v("\n    " + _vm._s(_vm.label) + "\n  ")]) : _vm._e(), _vm._v(" "), _vm._l(_vm.nodes, function (item) {
+  }, _vm._l(_vm.nodes, function (item) {
     return _c('OrTreeNode', {
       key: item.key,
       attrs: {
@@ -416,7 +405,7 @@ var __vue_render__ = function () {
         }
       }], null, true)
     });
-  })], 2);
+  }), 1);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrTreeV3/OrTree.vue.d.ts

@@ -4,14 +4,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     root: import("@vue/composition-api").Ref<HTMLElement | null>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -25,14 +17,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: boolean;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -46,8 +30,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: boolean;
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;
@@ -57,16 +39,12 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     root: import("@vue/composition-api").Ref<HTMLElement | null>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;

package/dist/bundled/v2/components/OrTreeV3/index.js

@@ -1,4 +1,5 @@
 export { default as OrTreeV3 } from './OrTree.js';
+export { TreeNodeDropPosition } from './types.js';
 import 'vue-demi';
 import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
@@ -12,6 +13,3 @@ import '../../normalize-component-6e8e3d80.js';
 import '../OrIconV3/OrIcon.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
-import '../OrLabelV3/OrLabel.js';
-import '../OrLabelV3/props.js';
-import '../OrLabelV3/styles.js';

package/dist/bundled/v2/components/OrTreeV3/types.d.ts

@@ -8,4 +8,8 @@ export type TreeNode = {
     [key: string]: any;
     canMiddleDrop?: boolean;
 };
-export type TreeNodeDropPosition = 'top' | 'middle' | 'bottom';
+export declare enum TreeNodeDropPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Middle = "middle"
+}

package/dist/bundled/v2/components/OrTreeV3/types.js

@@ -1 +1,8 @@
+var TreeNodeDropPosition;
+(function (TreeNodeDropPosition) {
+  TreeNodeDropPosition["Top"] = "top";
+  TreeNodeDropPosition["Bottom"] = "bottom";
+  TreeNodeDropPosition["Middle"] = "middle";
+})(TreeNodeDropPosition || (TreeNodeDropPosition = {}));
 
+export { TreeNodeDropPosition };

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

@@ -165,6 +165,7 @@ export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
 export { default as OrTreeV3 } from './OrTreeV3/OrTree.js';
+export { TreeNodeDropPosition } from './OrTreeV3/types.js';
 import 'vue-demi';
 import '../style-inject.es-4c6f2515.js';
 import '../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/index.js

@@ -168,6 +168,7 @@ export { t as TypesV3 } from './types-668300dd.js';
 export { p as PropsV3 } from './props-7be029c7.js';
 export { default as OrTooltipContent } from './components/OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './components/OrTooltipV3/OrTooltip.js';
+export { TreeNodeDropPosition } from './components/OrTreeV3/types.js';
 export { DropdownClose } from './directives/dropdown-close.js';
 export { DropdownOpen } from './directives/dropdown-open.js';
 export { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrTree.vue_vue_type_script_lang-85c3326c.js → OrTree.vue_vue_type_script_lang-371b19b2.js}

@@ -1,12 +1,11 @@
 import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
+import { TreeNodeDropPosition } from './components/OrTreeV3/types.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrIconV3/OrIcon.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-e8969bd3.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import { u as useToggle } from './index-f4d8e24c.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
-import './components/OrLabelV3/OrLabel.js';
-import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 
 function inRange(num, min, max) {
   return num >= min && num <= max;
@@ -22,11 +21,11 @@ function getDropOffset(e) {
   } = e.target.getBoundingClientRect();
   const offset = (clientY - top) / height;
   if (canMiddleDrop && inRange(offset, 0.4, 0.7)) {
-    return 'middle';
+    return TreeNodeDropPosition.Middle;
   } else if (inRange(offset, 0, 0.5)) {
-    return 'top';
+    return TreeNodeDropPosition.Top;
   }
-  return 'bottom';
+  return TreeNodeDropPosition.Bottom;
 }
 function applyPadding(element, level, hasCollapseTrigger) {
   const padding = level * 20 - (hasCollapseTrigger ? 20 : 0);
@@ -279,18 +278,9 @@ script$1.__file = "src/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vu
 var script = defineComponent({
   name: 'OrTree',
   components: {
-    OrLabel: script$4,
     OrTreeNode: script$1
   },
   props: {
-    label: {
-      type: String,
-      default: ''
-    },
-    error: {
-      type: String,
-      default: ''
-    },
     nodes: {
       type: Array,
       default: () => []

package/dist/bundled/v3/components/OrTreeV3/OrTree.js

@@ -1,7 +1,8 @@
-import { s as script } from '../../OrTree.vue_vue_type_script_lang-85c3326c.js';
-export { s as default } from '../../OrTree.vue_vue_type_script_lang-85c3326c.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { s as script } from '../../OrTree.vue_vue_type_script_lang-371b19b2.js';
+export { s as default } from '../../OrTree.vue_vue_type_script_lang-371b19b2.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import 'vue-demi';
+import './types.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
 import '../OrButtonV3/props.js';
@@ -16,24 +17,13 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
-import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import '../OrLabelV3/props.js';
-import '../OrLabelV3/styles.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_label = resolveComponent("or-label");
   const _component_OrTreeNode = resolveComponent("OrTreeNode");
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_or_label, {
-    key: 0
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
-
-    _: 1 /* STABLE */
-  })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, item => {
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, item => {
     return openBlock(), createBlock(_component_OrTreeNode, {
       key: item.key,
       node: item,

package/dist/bundled/v3/components/OrTreeV3/OrTree.vue.d.ts

@@ -1,14 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TreeNode } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -25,14 +17,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | null>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("drop" | "dragstart" | "click" | "expand" | "collapse" | "contextmenu")[], "drop" | "dragstart" | "click" | "expand" | "collapse" | "contextmenu", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -53,8 +37,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     onCollapse?: ((...args: any[]) => any) | undefined;
     onContextmenu?: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;

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

@@ -1,4 +1,5 @@
-export { s as OrTreeV3 } from '../../OrTree.vue_vue_type_script_lang-85c3326c.js';
+export { TreeNodeDropPosition } from './types.js';
+export { s as OrTreeV3 } from '../../OrTree.vue_vue_type_script_lang-371b19b2.js';
 import 'vue-demi';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
@@ -15,7 +16,3 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
-import '../OrLabelV3/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import '../OrLabelV3/props.js';
-import '../OrLabelV3/styles.js';

package/dist/bundled/v3/components/OrTreeV3/types.d.ts

@@ -8,4 +8,8 @@ export type TreeNode = {
     [key: string]: any;
     canMiddleDrop?: boolean;
 };
-export type TreeNodeDropPosition = 'top' | 'middle' | 'bottom';
+export declare enum TreeNodeDropPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Middle = "middle"
+}

package/dist/bundled/v3/components/OrTreeV3/types.js

@@ -1 +1,8 @@
+var TreeNodeDropPosition;
+(function (TreeNodeDropPosition) {
+  TreeNodeDropPosition["Top"] = "top";
+  TreeNodeDropPosition["Bottom"] = "bottom";
+  TreeNodeDropPosition["Middle"] = "middle";
+})(TreeNodeDropPosition || (TreeNodeDropPosition = {}));
 
+export { TreeNodeDropPosition };

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

@@ -164,7 +164,8 @@ export { p as PropsV3 } from '../props-7be029c7.js';
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-3bf79d56.js';
 export { s as OrTooltipContent } from '../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-227592d8.js';
-export { s as OrTreeV3 } from '../OrTree.vue_vue_type_script_lang-85c3326c.js';
+export { s as OrTreeV3 } from '../OrTree.vue_vue_type_script_lang-371b19b2.js';
+export { TreeNodeDropPosition } from './OrTreeV3/types.js';
 import 'vue-demi';
 import './OrIcon/OrIcon.js';
 import 'vue';

package/dist/bundled/v3/index.js

@@ -134,7 +134,7 @@ import './components/OrToastContainerV3/OrToastContainer.js';
 export { s as OrToastContainerV3 } from './OrToastContainer.vue_vue_type_script_lang-d1a074fe.js';
 export { default as useToastV3 } from './components/OrToastV3/composable/useToast.js';
 import './components/OrTreeV3/OrTree.js';
-export { s as OrTreeV3 } from './OrTree.vue_vue_type_script_lang-85c3326c.js';
+export { s as OrTreeV3 } from './OrTree.vue_vue_type_script_lang-371b19b2.js';
 export { OR_AVATAR_SIZE } from './components/OrAvatar/constants.js';
 export { AvatarColor, AvatarSize } from './components/OrAvatarV3/props.js';
 export { s as OrBottomSheetV3 } from './OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
@@ -234,6 +234,7 @@ export { p as PropsV3 } from './props-7be029c7.js';
 export { s as OrTooltip } from './OrTooltip.vue_vue_type_script_lang-3bf79d56.js';
 export { s as OrTooltipContent } from './OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 export { s as OrTooltipV3 } from './OrTooltip.vue_vue_type_script_lang-227592d8.js';
+export { TreeNodeDropPosition } from './components/OrTreeV3/types.js';
 export { DropdownClose } from './directives/dropdown-close.js';
 export { DropdownOpen } from './directives/dropdown-open.js';
 export { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/esm/v2/{OrTree-38f13a57.js → OrTree-9db9d3d3.js}

@@ -3,7 +3,13 @@ import { useToggle } from '@vueuse/core';
 import { _ as __vue_component__$2 } from './OrButton-9622e713.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrLabel-63380256.js';
+
+var TreeNodeDropPosition;
+(function (TreeNodeDropPosition) {
+  TreeNodeDropPosition["Top"] = "top";
+  TreeNodeDropPosition["Bottom"] = "bottom";
+  TreeNodeDropPosition["Middle"] = "middle";
+})(TreeNodeDropPosition || (TreeNodeDropPosition = {}));
 
 function inRange(num, min, max) {
   return num >= min && num <= max;
@@ -19,11 +25,11 @@ function getDropOffset(e) {
   } = e.target.getBoundingClientRect();
   const offset = (clientY - top) / height;
   if (canMiddleDrop && inRange(offset, 0.4, 0.7)) {
-    return 'middle';
+    return TreeNodeDropPosition.Middle;
   } else if (inRange(offset, 0, 0.5)) {
-    return 'top';
+    return TreeNodeDropPosition.Top;
   }
-  return 'bottom';
+  return TreeNodeDropPosition.Bottom;
 }
 function applyPadding(element, level, hasCollapseTrigger) {
   const padding = level * 20 - (hasCollapseTrigger ? 20 : 0);
@@ -319,18 +325,9 @@ const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
 var script = defineComponent({
   name: 'OrTree',
   components: {
-    OrLabel: __vue_component__$4,
     OrTreeNode: __vue_component__$1
   },
   props: {
-    label: {
-      type: String,
-      default: ''
-    },
-    error: {
-      type: String,
-      default: ''
-    },
     nodes: {
       type: Array,
       default: () => []
@@ -368,7 +365,7 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [_vm.label ? _c('or-label', [_vm._v("\n    " + _vm._s(_vm.label) + "\n  ")]) : _vm._e(), _vm._v(" "), _vm._l(_vm.nodes, function (item) {
+  }, _vm._l(_vm.nodes, function (item) {
     return _c('OrTreeNode', {
       key: item.key,
       attrs: {
@@ -405,7 +402,7 @@ var __vue_render__ = function () {
         }
       }], null, true)
     });
-  })], 2);
+  }), 1);
 };
 var __vue_staticRenderFns__ = [];
 
@@ -428,4 +425,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { __vue_component__ as _ };
+export { TreeNodeDropPosition as T, __vue_component__ as _ };

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

@@ -118,7 +118,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { _ as OrTooltip } from '../OrTooltip-0bbf1ed5.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-57a25502.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-bf4c725c.js';
-export { _ as OrTreeV3 } from '../OrTree-38f13a57.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-9db9d3d3.js';
 import 'vue-demi';
 import '../style-inject.es-4c6f2515.js';
 import '../normalize-component-6e8e3d80.js';

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

@@ -4,14 +4,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     root: import("@vue/composition-api").Ref<HTMLElement | null>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -25,14 +17,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: boolean;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -46,8 +30,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         default: boolean;
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;
@@ -57,16 +39,12 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     root: import("@vue/composition-api").Ref<HTMLElement | null>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;

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

@@ -1,8 +1,7 @@
-export { _ as OrTreeV3 } from '../../OrTree-38f13a57.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-9db9d3d3.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrLabel-63380256.js';

package/dist/esm/v2/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { TreeNode, TreeNodeDropPosition } from '../../types';
+import { TreeNode } from '../../types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | null>;
     isOpen: import("@vue/composition-api").Ref<boolean>;
@@ -10,7 +10,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     setIsOpen: (value?: boolean | undefined) => boolean;
     nodeRoot: import("@vue/composition-api").Ref<HTMLElement | null>;
     isDrag: import("@vue/composition-api").Ref<boolean>;
-    dragPosition: import("@vue/composition-api").Ref<TreeNodeDropPosition>;
+    dragPosition: import("@vue/composition-api").Ref<"top" | "bottom" | "middle">;
     handleDragStart: (e: DragEvent) => void;
     handleDrop: (e: DragEvent) => void;
     handleCollapse: () => void;
@@ -89,7 +89,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     setIsOpen: (value?: boolean | undefined) => boolean;
     nodeRoot: import("@vue/composition-api").Ref<HTMLElement | null>;
     isDrag: import("@vue/composition-api").Ref<boolean>;
-    dragPosition: import("@vue/composition-api").Ref<TreeNodeDropPosition>;
+    dragPosition: import("@vue/composition-api").Ref<"top" | "bottom" | "middle">;
     handleDragStart: (e: DragEvent) => void;
     handleDrop: (e: DragEvent) => void;
     handleCollapse: () => void;

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

@@ -8,4 +8,8 @@ export type TreeNode = {
     [key: string]: any;
     canMiddleDrop?: boolean;
 };
-export type TreeNodeDropPosition = 'top' | 'middle' | 'bottom';
+export declare enum TreeNodeDropPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Middle = "middle"
+}

package/dist/esm/v2/index.js

@@ -118,7 +118,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332
 export { _ as OrTooltip } from './OrTooltip-0bbf1ed5.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-57a25502.js';
 export { _ as OrTooltipV3 } from './OrTooltip-bf4c725c.js';
-export { _ as OrTreeV3 } from './OrTree-38f13a57.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-9db9d3d3.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-a50ec347.js';

package/dist/esm/v3/{OrTree-bd5ace07.js → OrTree-4d97e50c.js}

@@ -3,7 +3,13 @@ import { useToggle } from '@vueuse/core';
 import { s as script$2 } from './OrButton-c2b6aa9e.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
-import { s as script$4 } from './OrLabel-4da56db0.js';
+
+var TreeNodeDropPosition;
+(function (TreeNodeDropPosition) {
+  TreeNodeDropPosition["Top"] = "top";
+  TreeNodeDropPosition["Bottom"] = "bottom";
+  TreeNodeDropPosition["Middle"] = "middle";
+})(TreeNodeDropPosition || (TreeNodeDropPosition = {}));
 
 function inRange(num, min, max) {
   return num >= min && num <= max;
@@ -19,11 +25,11 @@ function getDropOffset(e) {
   } = e.target.getBoundingClientRect();
   const offset = (clientY - top) / height;
   if (canMiddleDrop && inRange(offset, 0.4, 0.7)) {
-    return 'middle';
+    return TreeNodeDropPosition.Middle;
   } else if (inRange(offset, 0, 0.5)) {
-    return 'top';
+    return TreeNodeDropPosition.Top;
   }
-  return 'bottom';
+  return TreeNodeDropPosition.Bottom;
 }
 function applyPadding(element, level, hasCollapseTrigger) {
   const padding = level * 20 - (hasCollapseTrigger ? 20 : 0);
@@ -276,18 +282,9 @@ script$1.__file = "src/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vu
 var script = defineComponent({
   name: 'OrTree',
   components: {
-    OrLabel: script$4,
     OrTreeNode: script$1
   },
   props: {
-    label: {
-      type: String,
-      default: ''
-    },
-    error: {
-      type: String,
-      default: ''
-    },
     nodes: {
       type: Array,
       default: () => []
@@ -315,18 +312,11 @@ var script = defineComponent({
 });
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_label = resolveComponent("or-label");
   const _component_OrTreeNode = resolveComponent("OrTreeNode");
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.label ? (openBlock(), createBlock(_component_or_label, {
-    key: 0
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
-
-    _: 1 /* STABLE */
-  })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, item => {
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, item => {
     return openBlock(), createBlock(_component_OrTreeNode, {
       key: item.key,
       node: item,
@@ -350,4 +340,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-tree-v3/OrTree.vue";
 
-export { script as s };
+export { TreeNodeDropPosition as T, script as s };

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

@@ -115,7 +115,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { s as OrTooltip } from '../OrTooltip-c1006713.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-c0042844.js';
 export { s as OrTooltipV3 } from '../OrTooltip-3025564a.js';
-export { s as OrTreeV3 } from '../OrTree-bd5ace07.js';
+export { s as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-4d97e50c.js';
 import 'vue-demi';
 import 'vue';
 import '../style-inject.es-4c6f2515.js';

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

@@ -1,14 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TreeNode } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -25,14 +17,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | null>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("drop" | "dragstart" | "click" | "expand" | "collapse" | "contextmenu")[], "drop" | "dragstart" | "click" | "expand" | "collapse" | "contextmenu", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
     nodes: {
         type: PropType<TreeNode[]>;
         default: () => never[];
@@ -53,8 +37,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     onCollapse?: ((...args: any[]) => any) | undefined;
     onContextmenu?: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
-    error: string;
     nodes: TreeNode[];
     collapsible: boolean;
     draggable: boolean;

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

@@ -1,8 +1,7 @@
-export { s as OrTreeV3 } from '../../OrTree-bd5ace07.js';
+export { s as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-4d97e50c.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import 'vue';
 import '../../OrIcon-62793572.js';
-import '../../OrLabel-4da56db0.js';

package/dist/esm/v3/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { TreeNode, TreeNodeDropPosition } from '../../types';
+import { TreeNode } from '../../types';
 declare const _default: import("vue-demi").DefineComponent<{
     node: {
         type: PropType<TreeNode>;
@@ -35,7 +35,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     setIsOpen: (value?: boolean | undefined) => boolean;
     nodeRoot: import("vue-demi").Ref<HTMLElement | null>;
     isDrag: import("vue-demi").Ref<boolean>;
-    dragPosition: import("vue-demi").Ref<TreeNodeDropPosition>;
+    dragPosition: import("vue-demi").Ref<"top" | "bottom" | "middle">;
     handleDragStart: (e: DragEvent) => void;
     handleDrop: (e: DragEvent) => void;
     handleCollapse: () => void;

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

@@ -8,4 +8,8 @@ export type TreeNode = {
     [key: string]: any;
     canMiddleDrop?: boolean;
 };
-export type TreeNodeDropPosition = 'top' | 'middle' | 'bottom';
+export declare enum TreeNodeDropPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Middle = "middle"
+}

package/dist/esm/v3/index.js

@@ -115,7 +115,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332
 export { s as OrTooltip } from './OrTooltip-c1006713.js';
 export { s as OrTooltipContent } from './OrTooltipContent-c0042844.js';
 export { s as OrTooltipV3 } from './OrTooltip-3025564a.js';
-export { s as OrTreeV3 } from './OrTree-bd5ace07.js';
+export { s as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-4d97e50c.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-a50ec347.js';

package/package.json

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

package/src/components/or-tree-v3/OrTree.vue

@@ -3,9 +3,6 @@
     ref="root"
     :class="rootStyles"
   >
-    <or-label v-if="label">
-      {{ label }}
-    </or-label>
     <OrTreeNode
       v-for="item in nodes"
       :key="item.key"
@@ -34,23 +31,13 @@
 import { defineComponent, PropType, ref, computed } from 'vue-demi';
 import OrTreeNode from './partials/or-tree-node/OrTreeNode.vue';
 import { TreeNode } from './types';
-import { OrLabelV3 as OrLabel } from '../or-label-v3';
 
 export default defineComponent({
   name: 'OrTree',
   components: {
-    OrLabel,
     OrTreeNode,
   },
   props: {
-    label: {
-      type: String,
-      default: '',
-    },
-    error: {
-      type: String,
-      default: '',
-    },
     nodes: {
       type: Array as PropType<TreeNode[]>,
       default: () => [],

package/src/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue

@@ -120,7 +120,7 @@ export default defineComponent({
     // State
     const isDragOver = ref(false);
     const isDrag = ref(false);
-    const dragPosition = ref<TreeNodeDropPosition>('top');
+    const dragPosition = ref<`${TreeNodeDropPosition}`>('top');
     const hasChildren = computed(() => !!props.node.children && props.node.children.length > 0);
     const [isOpen, setIsOpen] = useToggle(props.expanded);
     const hasCollapseTrigger = computed(() => props.collapsible && hasChildren.value);

package/src/components/or-tree-v3/partials/or-tree-node/utils.ts

@@ -10,11 +10,11 @@ export function getDropOffset(e: DragEvent, canMiddleDrop = false): TreeNodeDrop
   const offset = (clientY - top) / height;
 
   if (canMiddleDrop && inRange(offset, 0.4, 0.7)) {
-    return 'middle';
+    return TreeNodeDropPosition.Middle;
   } else if (inRange(offset, 0, 0.5)) {
-    return 'top';
+    return TreeNodeDropPosition.Top;
   }
-  return 'bottom';
+  return TreeNodeDropPosition.Bottom;
 }
 
 export function applyPadding(element: HTMLElement, level: number, hasCollapseTrigger: boolean): void {

package/src/components/or-tree-v3/types.ts

@@ -9,4 +9,8 @@ export type TreeNode = {
   canMiddleDrop?: boolean;
 };
 
-export type TreeNodeDropPosition = 'top' | 'middle' | 'bottom';
+export enum TreeNodeDropPosition {
+  Top = 'top',
+  Bottom = 'bottom',
+  Middle = 'middle',
+}