@onereach/ui-components 8.19.4-beta.3979.0 → 8.19.4-beta.3986.0

package/dist/bundled/v2/{OrTree-7fe33341.js → OrTree-962e1cbd.js}

@@ -58,14 +58,12 @@ const TreeNodeDragIndicatorPosition = {
   top: ['top-[-1px]'],
   middle: ['top-[-1px]', 'left-[0px]', 'w-full', '!h-[calc(100%+2px)]',
   // Theme
-  'bg-transparent', 'border-x-2', 'border-y-2', 'border-primary', 'dark:border-primary-dark'],
+  'bg-transparent', 'border-x-0', 'border-y-2', 'border-primary', 'dark:border-primary-dark'],
   bottom: ['bottom-[-1px]']
 };
-const ChildrenDragoverStyles = ['top-[-1px]', 'left-[0px]', 'w-full', '!h-[calc(100%+2px)]',
-// Theme
-'bg-transparent', 'border-x-2', 'border-y-2', 'border-primary', 'dark:border-primary-dark'];
 
 var script$1 = defineComponent({
+  name: 'OrTreeNode',
   components: {
     OrButton: __vue_component__$2,
     OrIcon: __vue_component__$3
@@ -97,7 +95,6 @@ var script$1 = defineComponent({
     }
   },
   emits: ['drop', 'dragstart', 'click', 'expand', 'collapse', 'contextmenu'],
-  expose: ['isDragOver'],
   setup(props, _ref) {
     let {
       emit
@@ -105,7 +102,6 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     const nodeRoot = ref();
-    const childrenTreeNodes = ref([]);
     // State
     const isDragOver = ref(false);
     const isDrag = ref(false);
@@ -115,7 +111,6 @@ var script$1 = defineComponent({
     const hasCollapseTrigger = computed(() => props.node.collapsible || hasChildren.value);
     const isLeaf = computed(() => !hasChildren.value);
     const canDrag = computed(() => props.draggable !== false && props.node.draggable !== false);
-    const hasDragoverChildren = computed(() => childrenTreeNodes.value.some(child => child.isDragOver));
     // Effects
     watch(() => props.depth, value => {
       applyPadding(unref(nodeRoot), value, hasCollapseTrigger.value);
@@ -142,16 +137,10 @@ var script$1 = defineComponent({
       });
     };
     const handleDragStart = e => {
-      var _a, _b, _c;
+      var _a;
       isDrag.value = true;
       setIsOpen(false);
       (_a = e === null || e === void 0 ? void 0 : e.dataTransfer) === null || _a === void 0 ? void 0 : _a.setData('node-key', props.node.key);
-      const crt = (_b = unref(nodeRoot)) === null || _b === void 0 ? void 0 : _b.cloneNode(true);
-      if (crt) {
-        crt.style.opacity = '0';
-        document.body.appendChild(crt);
-        (_c = e.dataTransfer) === null || _c === void 0 ? void 0 : _c.setDragImage(crt, 0, 0);
-      }
       emit('dragstart', props.node.key);
     };
     const handleDragOver = e => {
@@ -186,7 +175,7 @@ var script$1 = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-tree-node-v3', ...TreeNodeRoot]);
     const nodeStyles = computed(() => [...TreeNodeItemRoot, ...(props.parentSelected ? TreeNodeItemRootParentSelected : [])]);
-    const dragIndicatorStyles = computed(() => [...TreeNodeDragIndicator, ...TreeNodeDragIndicatorPosition[dragPosition.value], ...(hasDragoverChildren.value ? ChildrenDragoverStyles : [])]);
+    const dragIndicatorStyles = computed(() => [...TreeNodeDragIndicator, ...TreeNodeDragIndicatorPosition[dragPosition.value]]);
     return {
       root,
       isOpen,
@@ -194,7 +183,6 @@ var script$1 = defineComponent({
       rootStyles,
       nodeStyles,
       dragIndicatorStyles,
-      childrenTreeNodes,
       setIsOpen,
       nodeRoot,
       isDrag,
@@ -208,7 +196,6 @@ var script$1 = defineComponent({
       handleDragOver,
       handleDragLeave,
       hasCollapseTrigger,
-      hasDragoverChildren,
       isDragOver
     };
   }
@@ -278,13 +265,11 @@ var __vue_render__$1 = function () {
     isDrag: _vm.isDrag,
     isDragOver: _vm.isDragOver,
     depth: _vm.depth
-  }), _vm._v(" "), _vm.hasDragoverChildren || _vm.isDragOver && !_vm.isDrag ? _c('div', {
+  }), _vm._v(" "), _vm.isDragOver && !_vm.isDrag ? _c('div', {
     class: _vm.dragIndicatorStyles
   }) : _vm._e()], 2), _vm._v(" "), !_vm.isLeaf && _vm.isOpen ? _vm._l(_vm.node.children, function (child) {
     return _c('OrTreeNode', {
       key: child.key,
-      ref: "childrenTreeNodes",
-      refInFor: true,
       attrs: {
         "parent-selected": _vm.selected || undefined,
         "node": child,

package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.js

@@ -13,11 +13,11 @@ var script = defineComponent({
   props: {
     label: {
       type: String,
-      required: true
+      default: () => undefined
     },
     isOpen: {
       type: Boolean,
-      default: false
+      default: () => false
     },
     variant: {
       type: String,
@@ -33,7 +33,7 @@ var script = defineComponent({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: () => false
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -101,9 +101,13 @@ var __vue_render__ = function () {
       "icon": 'expand_more',
       "variant": 'filled-bold'
     }
-  }), _vm._v(" "), _c('span', {
-    staticClass: "truncate"
-  }, [_vm._v("\n        " + _vm._s(_vm.label) + "\n      ")])], 1), _vm._v(" "), _c('div', {
+  }), _vm._v(" "), _vm._t("label", function () {
+    return [_c('span', {
+      staticClass: "truncate"
+    }, [_vm._v("\n          " + _vm._s(_vm.label) + "\n        ")])];
+  }, {
+    "state": _vm.state
+  })], 2), _vm._v(" "), _c('div', {
     class: _vm.addonStyles
   }, [_vm._t("addon")], 2)]), _vm._v(" "), _c('div', {
     directives: [{

package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts

@@ -13,11 +13,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     label: {
         type: StringConstructor;
-        required: true;
+        default: () => undefined;
     };
     isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
     variant: {
         type: PropType<"default" | "card">;
@@ -33,16 +33,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     label: {
         type: StringConstructor;
-        required: true;
+        default: () => undefined;
     };
     isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
     variant: {
         type: PropType<"default" | "card">;
@@ -58,7 +58,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     label: string;
@@ -89,6 +89,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    label: string;
     isOpen: boolean;
     variant: "default" | "card";
     color: "default" | "danger";

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -672,7 +672,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
-  expose: ['root'],
+  expose: ['root', 'open', 'close', 'toggle', 'toggleOption'],
   setup(props, context) {
     var _a;
     const currentInstance = getCurrentInstance();

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-7fe33341.js';
+export { _ as default } from '../../OrTree-962e1cbd.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-7fe33341.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-962e1cbd.js';

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

@@ -1,4 +1,3 @@
-import OrTreeNode from './or-tree-node/OrTreeNode.vue';
 export type TreeNode = {
     key: string;
     children?: TreeNode[];
@@ -14,4 +13,3 @@ export declare enum TreeNodeDropPosition {
     Bottom = "bottom",
     Middle = "middle"
 }
-export type TreeNodeType = InstanceType<typeof OrTreeNode>;

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

@@ -199,4 +199,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 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 { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-7fe33341.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-962e1cbd.js';