aio-tree 1.0.1 → 1.1.0

package/index.js

@@ -318,14 +318,13 @@ export const Indent = (props) => {
         if (toggleIcon === false) {
             return false;
         }
-        const getIcon = new GetSvg('em').getIcon;
         if (isLeaf) {
-            return toggleIcon.leaf || getIcon('mdiCircleSmall', 1);
+            return toggleIcon.leaf || _jsx(CircleSmall, {});
         }
         if (open) {
-            return toggleIcon.open || getIcon('mdiChevronDown', 1);
+            return toggleIcon.open || _jsx(ChevronDown, {});
         }
-        return toggleIcon.close || getIcon(rtl ? 'mdiChevronLeft' : 'mdiChevronRight', 1);
+        return toggleIcon.close || (rtl ? _jsx(ChevronLeft, {}) : _jsx(ChevronRight, {}));
     };
     function getIndentIcons() {
         const list = new Array(level).fill(0);
@@ -344,7 +343,19 @@ export const Indent = (props) => {
     }
     return (_jsxs("div", { className: `ai-indents`, children: [indentPathes, toggleIcon] }));
 };
-function classListToString(classes) {
+const ChevronLeft = () => {
+    return (_jsx("svg", { viewBox: "0 0 24 24", role: "presentation", style: { width: '1.5em', height: '1.5em' }, children: _jsx("path", { d: "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z", style: { fill: 'currentcolor' } }) }));
+};
+const ChevronRight = () => {
+    return (_jsx("svg", { viewBox: "0 0 24 24", role: "presentation", style: { width: '1.5em', height: '1.5em' }, children: _jsx("path", { d: "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", style: { fill: 'currentcolor' } }) }));
+};
+const ChevronDown = () => {
+    return (_jsx("svg", { viewBox: "0 0 24 24", role: "presentation", style: { width: '1.5em', height: '1.5em' }, children: _jsx("path", { d: "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", style: { fill: 'currentcolor' } }) }));
+};
+const CircleSmall = () => {
+    return (_jsx("svg", { viewBox: "0 0 24 24", role: "presentation", style: { width: '1.5em', height: '1.5em' }, children: _jsx("path", { d: "M12,10A2,2 0 0,0 10,12C10,13.11 10.9,14 12,14C13.11,14 14,13.11 14,12A2,2 0 0,0 12,10Z", style: { fill: 'currentcolor' } }) }));
+};
+const ClassListToString = (classes) => {
     let list = [];
     const getClasses = (cls) => {
         if (Array.isArray(cls)) {
@@ -360,47 +371,11 @@ function classListToString(classes) {
         list = [...list, ...getClasses(cls)];
     }
     return list.length ? list.join(' ') : '';
-}
-function AddToAttrs(attrs, p) {
+};
+const AddToAttrs = (attrs, p) => {
     attrs = attrs || {};
-    const className = classListToString([attrs.className, p === null || p === void 0 ? void 0 : p.className]);
+    const className = ClassListToString([attrs.className, p === null || p === void 0 ? void 0 : p.className]);
     let newStyle = Object.assign(Object.assign({}, attrs.style), p === null || p === void 0 ? void 0 : p.style);
     const res = Object.assign(Object.assign(Object.assign({}, attrs), { className, style: newStyle }), p === null || p === void 0 ? void 0 : p.attrs);
     return res;
-}
-class GetSvg {
-    constructor(unit) {
-        this.getStyle = (color) => ({ fill: color || "currentcolor" });
-        this.getSvgStyle = (size) => {
-            size = size || 1;
-            return { width: `${size * 1.5}${this.unit}`, height: `${size * 1.5}${this.unit}` };
-        };
-        this.fixSvgContent = (content, size, p) => {
-            const { spin } = p || {};
-            let res = null;
-            if (spin) {
-                res = (_jsxs(_Fragment, { children: [_jsx("style", { children: `@keyframes spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }` }), _jsx("g", { style: { animation: `${spin}s linear 0s infinite normal none running spin`, transformOrigin: 'center center' }, children: content })] }));
-            }
-            else {
-                res = content;
-            }
-            return (_jsx("svg", { viewBox: "0 0 24 24", role: "presentation", style: this.getSvgStyle(size), children: res }));
-        };
-        this.getIcon = (path, size, p) => {
-            const { color } = p || {};
-            const fn = this[path];
-            if (!fn) {
-                alert(`${path} is not valid`);
-                return null;
-            }
-            const content = fn(color);
-            return this.fixSvgContent(content, size, p);
-        };
-        this.mdiChevronDown = (color) => (_jsx(_Fragment, { children: _jsx("path", { d: "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", style: this.getStyle(color) }) }));
-        this.mdiChevronUp = (color) => (_jsx(_Fragment, { children: _jsx("path", { d: "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", style: this.getStyle(color) }) }));
-        this.mdiChevronLeft = (color) => (_jsx(_Fragment, { children: _jsx("path", { d: "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z", style: this.getStyle(color) }) }));
-        this.mdiChevronRight = (color) => (_jsx(_Fragment, { children: _jsx("path", { d: "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", style: this.getStyle(color) }) }));
-        this.mdiCircleSmall = (color) => (_jsx(_Fragment, { children: _jsx("path", { d: "M12,10A2,2 0 0,0 10,12C10,13.11 10.9,14 12,14C13.11,14 14,13.11 14,12A2,2 0 0,0 12,10Z", style: this.getStyle(color) }) }));
-        this.unit = unit || 'rem';
-    }
-}
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-tree",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "tree hierarchy",
   "homepage": "https://github.com/mohammadFeiz/aio-tree#readme",
   "types": "index.d.ts",