@onereach/ui-components 4.9.1-beta.2907.0 → 4.10.0

package/dist/esm/v2/OrTree-ee993927.js

@@ -1,266 +0,0 @@
-import { defineComponent, ref, computed, watch, onMounted, unref } from 'vue-demi';
-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 script$1 = defineComponent({
-  name: 'OrTreeNode',
-  components: {
-    OrButton: __vue_component__$2,
-    OrIcon: __vue_component__$3
-  },
-  props: {
-    node: {
-      type: Object,
-      required: true
-    },
-    collapsible: {
-      type: Boolean,
-      default: false
-    },
-    expanded: {
-      type: Boolean,
-      default: true
-    },
-    depth: {
-      type: Number,
-      default: 1
-    },
-    draggable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const root = ref(null);
-    const nodeRoot = ref(null);
-    const hover = ref(false);
-    const dragOver = ref(false);
-    const draged = ref(false);
-    const hasChildren = computed(() => !!props.node.children && props.node.children.length > 0);
-    const [isOpen, setIsOpen] = useToggle(props.expanded);
-    watch(() => props.expanded, value => {
-      if (value !== undefined) {
-        setIsOpen(value);
-      }
-    }, {
-      immediate: true
-    });
-    const applyPadding = value => {
-      const rootElement = unref(nodeRoot);
-      const padding = value * 20 - (props.collapsible ? 16 : 0);
-      Object.assign(rootElement.style, {
-        paddingLeft: `${padding}px`
-      });
-    };
-    watch(() => props.depth, value => {
-      applyPadding(value);
-    });
-    onMounted(() => {
-      applyPadding(props.depth);
-    });
-    const handleDrop = () => {
-      dragOver.value = false;
-    };
-    const nodeStyles = computed(() => ['layout-row', ...[hover.value ? ['bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'] : []], ...[dragOver.value && !draged.value ? ['border-t-2', 'border-primary'] : []]]);
-    return {
-      root,
-      hasChildren,
-      isOpen,
-      setIsOpen,
-      nodeRoot,
-      hover,
-      draged,
-      handleDrop,
-      dragOver,
-      nodeStyles
-    };
-  }
-});
-
-/* 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', {
-    ref: "root",
-    staticClass: "or-tree-node-v3"
-  }, [_c('div', {
-    ref: "nodeRoot",
-    class: _vm.nodeStyles,
-    attrs: {
-      "draggable": _vm.draggable ? true : undefined
-    },
-    on: {
-      "mouseover": function ($event) {
-        _vm.hover = true;
-      },
-      "mouseleave": function ($event) {
-        _vm.hover = false;
-      },
-      "dragstart": function ($event) {
-        _vm.draged = true;
-      },
-      "dragend": function ($event) {
-        _vm.draged = false;
-      },
-      "dragover": function ($event) {
-        $event.preventDefault();
-      },
-      "dragenter": function ($event) {
-        _vm.dragOver = true;
-      },
-      "dragleave": function ($event) {
-        _vm.dragOver = false;
-      },
-      "drop": _vm.handleDrop
-    }
-  }, [_vm.hasChildren && _vm.collapsible ? [_c('OrButton', {
-    attrs: {
-      "variant": "link"
-    },
-    on: {
-      "click": function () {
-        return _vm.setIsOpen(!_vm.isOpen);
-      }
-    }
-  }, [_c('OrIcon', {
-    class: [_vm.isOpen ? 'rotate-90' : 'rotate-0'],
-    attrs: {
-      "icon": "arrow_right",
-      "size": "l"
-    }
-  })], 1)] : _vm._e(), _vm._v(" "), _vm._t("node", null, null, {
-    node: _vm.node,
-    hasChildren: _vm.hasChildren,
-    isOpen: _vm.isOpen
-  })], 2), _vm._v(" "), _vm.hasChildren && _vm.isOpen ? _vm._l(_vm.node.children, function (child) {
-    return _c('OrTreeNode', {
-      key: child.key,
-      attrs: {
-        "node": child,
-        "collapsible": _vm.collapsible || child.collapsible,
-        "depth": _vm.depth + 1,
-        "draggable": _vm.draggable
-      },
-      scopedSlots: _vm._u([{
-        key: "node",
-        fn: function (props) {
-          return [_vm._t("node", null, null, props)];
-        }
-      }], null, true)
-    });
-  }) : _vm._e()], 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__$1 = /*#__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 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: () => []
-    },
-    collapsible: {
-      type: Boolean,
-      default: false
-    },
-    draggable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup() {
-    const root = ref(null);
-    return {
-      root
-    };
-  }
-});
-
-/* 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', {
-    ref: "root"
-  }, [_vm.label ? _c('or-label', [_vm._v("\n    " + _vm._s(_vm.label) + "\n  ")]) : _vm._e(), _vm._v(" "), _vm._l(_vm.nodes, function (item) {
-    return _c('OrTreeNode', {
-      key: item.key,
-      attrs: {
-        "node": item,
-        "collapsible": _vm.collapsible || item.collapsible,
-        "draggable": _vm.draggable
-      },
-      scopedSlots: _vm._u([{
-        key: "node",
-        fn: function (props) {
-          return [_vm._t("node", null, null, props)];
-        }
-      }], null, true)
-    });
-  })], 2);
-};
-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);
-
-export { __vue_component__ as _ };

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

@@ -1,68 +0,0 @@
-import { PropType } from 'vue-demi';
-import { TreeNode } from './types';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | null>;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
-    nodes: {
-        type: PropType<TreeNode[]>;
-        default: () => never[];
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: StringConstructor;
-        default: string;
-    };
-    nodes: {
-        type: PropType<TreeNode[]>;
-        default: () => never[];
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        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;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | null>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    label: string;
-    error: string;
-    nodes: TreeNode[];
-    collapsible: boolean;
-    draggable: boolean;
-} & {}, {
-    label: string;
-    error: string;
-    nodes: TreeNode[];
-    collapsible: boolean;
-    draggable: boolean;
-}, true>);
-export default _default;

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

@@ -1 +0,0 @@
-export { default as OrTreeV3 } from './OrTree.vue';

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

@@ -1,8 +0,0 @@
-export { _ as OrTreeV3 } from '../../OrTree-ee993927.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,85 +0,0 @@
-import { PropType } from 'vue-demi';
-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>;
-    hasChildren: import("@vue/composition-api").ComputedRef<boolean>;
-    isOpen: import("@vue/composition-api").Ref<boolean>;
-    setIsOpen: (value?: boolean | undefined) => boolean;
-    nodeRoot: import("@vue/composition-api").Ref<HTMLElement | null>;
-    hover: import("@vue/composition-api").Ref<boolean>;
-    draged: import("@vue/composition-api").Ref<boolean>;
-    handleDrop: () => void;
-    dragOver: import("@vue/composition-api").Ref<boolean>;
-    nodeStyles: import("@vue/composition-api").ComputedRef<(string | string[])[]>;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    node: {
-        type: PropType<TreeNode>;
-        required: true;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    expanded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    depth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    node: {
-        type: PropType<TreeNode>;
-        required: true;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    expanded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    depth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    node: TreeNode;
-    collapsible: boolean;
-    expanded: boolean;
-    depth: number;
-    draggable: boolean;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | null>;
-    hasChildren: import("@vue/composition-api").ComputedRef<boolean>;
-    isOpen: import("@vue/composition-api").Ref<boolean>;
-    setIsOpen: (value?: boolean | undefined) => boolean;
-    nodeRoot: import("@vue/composition-api").Ref<HTMLElement | null>;
-    hover: import("@vue/composition-api").Ref<boolean>;
-    draged: import("@vue/composition-api").Ref<boolean>;
-    handleDrop: () => void;
-    dragOver: import("@vue/composition-api").Ref<boolean>;
-    nodeStyles: import("@vue/composition-api").ComputedRef<(string | string[])[]>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    node: TreeNode;
-    collapsible: boolean;
-    expanded: boolean;
-    depth: number;
-    draggable: boolean;
-} & {}, {
-    collapsible: boolean;
-    expanded: boolean;
-    depth: number;
-    draggable: boolean;
-}, true>);
-export default _default;

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

@@ -1,7 +0,0 @@
-export type TreeNode = {
-    key: string;
-    children?: TreeNode[];
-    collapsible?: boolean;
-    expanded?: boolean;
-    draggable?: boolean;
-};