@teambit/ui-foundation.ui.side-bar 0.0.875 → 0.0.876

package/dist/component-tree/default-tree-node-renderer/default-tree-node-renderer.js

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultTreeNodeRenderer = void 0;
-const react_1 = __importDefault(require("react"));
-const payload_type_1 = require("../payload-type");
-const component_view_1 = require("../component-view");
-const scope_tree_node_1 = require("../scope-tree-node");
-const namespace_tree_node_1 = require("../namespace-tree-node");
-function DefaultTreeNodeRenderer(props) {
-    const children = props.node.children;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ScopePayload } from '../payload-type';
+import { ComponentView } from '../component-view';
+import { ScopeTreeNode } from '../scope-tree-node';
+import { NamespaceTreeNode } from '../namespace-tree-node';
+export function DefaultTreeNodeRenderer(props) {
+    const { node } = props;
+    const { children, payload } = node;
     if (!children)
-        return react_1.default.createElement(component_view_1.ComponentView, Object.assign({}, props));
-    if (props.node.payload instanceof payload_type_1.ScopePayload)
-        return react_1.default.createElement(scope_tree_node_1.ScopeTreeNode, Object.assign({}, props));
-    return react_1.default.createElement(namespace_tree_node_1.NamespaceTreeNode, Object.assign({}, props));
+        return _jsx(ComponentView, { ...props });
+    if (payload instanceof ScopePayload)
+        return _jsx(ScopeTreeNode, { ...props });
+    return _jsx(NamespaceTreeNode, { ...props });
 }
-exports.DefaultTreeNodeRenderer = DefaultTreeNodeRenderer;
 //# sourceMappingURL=default-tree-node-renderer.js.map

package/dist/component-tree/default-tree-node-renderer/default-tree-node-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-tree-node-renderer.js","sourceRoot":"","sources":["../../../component-tree/default-tree-node-renderer/default-tree-node-renderer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kDAA4D;AAE5D,sDAAkD;AAClD,wDAAmD;AACnD,gEAA2D;AAE3D,SAAgB,uBAAuB,CAAC,KAAiC;IACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,8BAAC,8BAAa,oBAAK,KAAK,EAAI,CAAC;IAEnD,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,YAAY,2BAAY;QAAE,OAAO,8BAAC,+BAAa,oBAAK,KAAK,EAAI,CAAC;IAEpF,OAAO,8BAAC,uCAAiB,oBAAK,KAAK,EAAI,CAAC;AAC1C,CAAC;AAPD,0DAOC"}
+{"version":3,"file":"default-tree-node-renderer.js","sourceRoot":"","sources":["../../../component-tree/default-tree-node-renderer/default-tree-node-renderer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,uBAAuB,CAAC,KAAiC;IACvE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACnC,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAC,aAAa,OAAK,KAAK,GAAI,CAAC;IAEnD,IAAI,OAAO,YAAY,YAAY;QAAE,OAAO,KAAC,aAAa,OAAK,KAAK,GAAI,CAAC;IAEzE,OAAO,KAAC,iBAAiB,OAAK,KAAK,GAAI,CAAC;AAC1C,CAAC"}

package/dist/component-tree/default-tree-node-renderer/index.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultTreeNodeRenderer = void 0;
-var default_tree_node_renderer_1 = require("./default-tree-node-renderer");
-Object.defineProperty(exports, "DefaultTreeNodeRenderer", { enumerable: true, get: function () { return default_tree_node_renderer_1.DefaultTreeNodeRenderer; } });
+export { DefaultTreeNodeRenderer } from './default-tree-node-renderer';
 //# sourceMappingURL=index.js.map

package/dist/component-tree/default-tree-node-renderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/default-tree-node-renderer/index.ts"],"names":[],"mappings":";;;AAAA,2EAAuE;AAA9D,qIAAA,uBAAuB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/default-tree-node-renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/component-tree/index.js

@@ -1,27 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScopePayload = exports.NamespaceTreeNode = exports.ScopeTreeNode = exports.ComponentView = void 0;
-__exportStar(require("./component-tree"), exports);
-var component_view_1 = require("./component-view");
-Object.defineProperty(exports, "ComponentView", { enumerable: true, get: function () { return component_view_1.ComponentView; } });
-var scope_tree_node_1 = require("./scope-tree-node");
-Object.defineProperty(exports, "ScopeTreeNode", { enumerable: true, get: function () { return scope_tree_node_1.ScopeTreeNode; } });
-var namespace_tree_node_1 = require("./namespace-tree-node");
-Object.defineProperty(exports, "NamespaceTreeNode", { enumerable: true, get: function () { return namespace_tree_node_1.NamespaceTreeNode; } });
-var payload_type_1 = require("./payload-type");
-Object.defineProperty(exports, "ScopePayload", { enumerable: true, get: function () { return payload_type_1.ScopePayload; } });
+export * from './component-tree';
+export { ComponentView } from './component-view';
+export { ScopeTreeNode } from './scope-tree-node';
+export { NamespaceTreeNode } from './namespace-tree-node';
+export { ScopePayload } from './payload-type';
 //# sourceMappingURL=index.js.map

package/dist/component-tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../component-tree/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../component-tree/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/component-tree/namespace-tree-node/index.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NamespaceTreeNode = void 0;
-var namespace_tree_node_1 = require("./namespace-tree-node");
-Object.defineProperty(exports, "NamespaceTreeNode", { enumerable: true, get: function () { return namespace_tree_node_1.NamespaceTreeNode; } });
+export { NamespaceTreeNode } from './namespace-tree-node';
 //# sourceMappingURL=index.js.map

package/dist/component-tree/namespace-tree-node/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/namespace-tree-node/index.ts"],"names":[],"mappings":";;;AAAA,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/namespace-tree-node/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/component-tree/namespace-tree-node/namespace-tree-node.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { TreeNodeProps } from '@teambit/design.ui.tree';
 import { PayloadType } from '../payload-type';
-export declare type NamespaceTreeNodeProps = {} & TreeNodeProps<PayloadType>;
-export declare function NamespaceTreeNode({ node, depth }: NamespaceTreeNodeProps): React.JSX.Element;
+export type NamespaceTreeNodeProps = {} & TreeNodeProps<PayloadType>;
+export declare function NamespaceTreeNode({ node, depth }: NamespaceTreeNodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/component-tree/namespace-tree-node/namespace-tree-node.js

@@ -1,70 +1,38 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NamespaceTreeNode = void 0;
-const evangelist_elements_icon_1 = require("@teambit/evangelist.elements.icon");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const react_animate_height_1 = __importDefault(require("react-animate-height"));
-const base_ui_graph_tree_indent_1 = require("@teambit/base-ui.graph.tree.indent");
-const design_ui_tree_1 = require("@teambit/design.ui.tree");
-const get_name_1 = require("../utils/get-name");
-const namespace_tree_node_module_scss_1 = __importDefault(require("./namespace-tree-node.module.scss"));
-function NamespaceTreeNode({ node, depth }) {
-    const { isCollapsed, activePath } = (0, design_ui_tree_1.useTree)();
-    const isActive = activePath === null || activePath === void 0 ? void 0 : activePath.startsWith(node.id);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@teambit/evangelist.elements.icon';
+import classNames from 'classnames';
+import { useState, useEffect, useRef } from 'react';
+import AnimateHeight from 'react-animate-height';
+import { indentClass, indentStyle } from '@teambit/base-ui.graph.tree.indent';
+import { useTree, TreeLayer } from '@teambit/design.ui.tree';
+import { getName } from '../utils/get-name';
+import styles from './namespace-tree-node.module.scss';
+export function NamespaceTreeNode({ node, depth }) {
+    const { isCollapsed, activePath } = useTree();
+    const isActive = activePath?.startsWith(node.id);
     const initialOpen = isActive || !isCollapsed;
-    const [open, toggle] = (0, react_1.useState)(initialOpen);
-    const firstRun = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(() => {
-        const current = firstRun.current;
+    const [open, toggle] = useState(initialOpen);
+    const firstRun = useRef(true);
+    useEffect(() => {
+        const { current } = firstRun;
         if (current)
             return;
         if (isActive === true)
             toggle(true);
     }, [isActive]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (firstRun.current)
             return;
         toggle(!isCollapsed);
     }, [isCollapsed]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         firstRun.current = false;
     }, []);
-    const displayName = (0, get_name_1.getName)(node.id.replace(/\/$/, ''));
+    const displayName = getName(node.id.replace(/\/$/, ''));
     const highlighted = !open && isActive;
-    return (react_1.default.createElement("div", null,
-        node.id && (react_1.default.createElement("div", { className: (0, classnames_1.default)(base_ui_graph_tree_indent_1.indentClass, namespace_tree_node_module_scss_1.default.namespace, highlighted && namespace_tree_node_module_scss_1.default.highlighted), onClick: () => toggle(!open) },
-            react_1.default.createElement("div", { className: namespace_tree_node_module_scss_1.default.left },
-                react_1.default.createElement(evangelist_elements_icon_1.Icon, { className: (0, classnames_1.default)(namespace_tree_node_module_scss_1.default.arrow, !open && namespace_tree_node_module_scss_1.default.collapsed), of: "fat-arrow-down" }),
-                react_1.default.createElement("span", { className: namespace_tree_node_module_scss_1.default.name }, displayName)))),
-        react_1.default.createElement(react_animate_height_1.default, { height: open ? 'auto' : 0 },
-            react_1.default.createElement("div", { style: (0, base_ui_graph_tree_indent_1.indentStyle)(depth + 1), className: (0, classnames_1.default)(namespace_tree_node_module_scss_1.default.componentTree) }, node.children && react_1.default.createElement(design_ui_tree_1.TreeLayer, { childNodes: node.children, depth: depth })))));
+    return (_jsxs("div", { children: [node.id && (_jsx("div", { className: classNames(indentClass, styles.namespace, highlighted && styles.highlighted), onClick: () => toggle(!open), tabIndex: 0, role: "button", onKeyDown: (e) => {
+                    if (e.key === 'Enter')
+                        toggle(!open);
+                }, children: _jsxs("div", { className: styles.left, children: [_jsx(Icon, { className: classNames(styles.arrow, !open && styles.collapsed), of: "fat-arrow-down" }), _jsx("span", { className: styles.name, children: displayName })] }) })), _jsx(AnimateHeight, { height: open ? 'auto' : 0, children: _jsx("div", { style: indentStyle(depth + 1), className: classNames(styles.componentTree), children: node.children && _jsx(TreeLayer, { childNodes: node.children, depth: depth }) }) })] }));
 }
-exports.NamespaceTreeNode = NamespaceTreeNode;
 //# sourceMappingURL=namespace-tree-node.js.map

package/dist/component-tree/namespace-tree-node/namespace-tree-node.js.map

@@ -1 +1 @@
-{"version":3,"file":"namespace-tree-node.js","sourceRoot":"","sources":["../../../component-tree/namespace-tree-node/namespace-tree-node.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAAyD;AACzD,4DAAoC;AACpC,+CAA2D;AAC3D,gFAAiD;AACjD,kFAA8E;AAC9E,4DAA4E;AAE5E,gDAA4C;AAC5C,wGAAuD;AAIvD,SAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAA0B;IACvE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAO,GAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,QAAQ,IAAI,CAAC,WAAW,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAiB,WAAW,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO;YAAE,OAAO;QACpB,IAAI,QAAQ,KAAK,IAAI;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC7B,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,IAAA,kBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC;IACtC,OAAO,CACL;QACG,IAAI,CAAC,EAAE,IAAI,CACV,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,uCAAW,EAAE,yCAAM,CAAC,SAAS,EAAE,WAAW,IAAI,yCAAM,CAAC,WAAW,CAAC,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;YAE5B,uCAAK,SAAS,EAAE,yCAAM,CAAC,IAAI;gBACzB,8BAAC,+BAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,yCAAM,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,yCAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAC,gBAAgB,GAAG;gBAC5F,wCAAM,SAAS,EAAE,yCAAM,CAAC,IAAI,IAAG,WAAW,CAAQ,CAC9C,CACF,CACP;QACD,8BAAC,8BAAa,IAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACtC,uCAAK,KAAK,EAAE,IAAA,uCAAW,EAAC,KAAK,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,yCAAM,CAAC,aAAa,CAAC,IAC5E,IAAI,CAAC,QAAQ,IAAI,8BAAC,0BAAS,IAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CACpE,CACQ,CACZ,CACP,CAAC;AACJ,CAAC;AA7CD,8CA6CC"}
+{"version":3,"file":"namespace-tree-node.js","sourceRoot":"","sources":["../../../component-tree/namespace-tree-node/namespace-tree-node.tsx"],"names":[],"mappings":"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"}

package/dist/component-tree/payload-type.d.ts

@@ -3,4 +3,4 @@ import { LaneModel } from '@teambit/lanes.ui.models.lanes-model';
 export declare class ScopePayload {
     get isScope(): boolean;
 }
-export declare type PayloadType = ComponentModel | ScopePayload | LaneModel | undefined;
+export type PayloadType = ComponentModel | ScopePayload | LaneModel | undefined;

package/dist/component-tree/payload-type.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScopePayload = void 0;
-class ScopePayload {
+export class ScopePayload {
     get isScope() {
         return true;
     }
 }
-exports.ScopePayload = ScopePayload;
 //# sourceMappingURL=payload-type.js.map

package/dist/component-tree/payload-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"payload-type.js","sourceRoot":"","sources":["../../component-tree/payload-type.tsx"],"names":[],"mappings":";;;AAGA,MAAa,YAAY;IACvB,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAJD,oCAIC"}
+{"version":3,"file":"payload-type.js","sourceRoot":"","sources":["../../component-tree/payload-type.tsx"],"names":[],"mappings":"AAGA,MAAM,OAAO,YAAY;IACvB,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/dist/component-tree/scope-tree-node/index.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScopeTreeNode = void 0;
-var scope_tree_node_1 = require("./scope-tree-node");
-Object.defineProperty(exports, "ScopeTreeNode", { enumerable: true, get: function () { return scope_tree_node_1.ScopeTreeNode; } });
+export { ScopeTreeNode } from './scope-tree-node';
 //# sourceMappingURL=index.js.map

package/dist/component-tree/scope-tree-node/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/scope-tree-node/index.ts"],"names":[],"mappings":";;;AAAA,qDAAkD;AAAzC,gHAAA,aAAa,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../component-tree/scope-tree-node/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/component-tree/scope-tree-node/scope-tree-node.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { TreeNodeProps } from '@teambit/design.ui.tree';
 import { PayloadType } from '../payload-type';
-export declare type ScopeTreeNodeProps = {} & TreeNodeProps<PayloadType>;
-export declare function ScopeTreeNode({ node, depth }: ScopeTreeNodeProps): React.JSX.Element;
+export type ScopeTreeNodeProps = {} & TreeNodeProps<PayloadType>;
+export declare function ScopeTreeNode({ node, depth }: ScopeTreeNodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/component-tree/scope-tree-node/scope-tree-node.js

@@ -1,71 +1,38 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScopeTreeNode = void 0;
-const evangelist_elements_icon_1 = require("@teambit/evangelist.elements.icon");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const react_animate_height_1 = __importDefault(require("react-animate-height"));
-const design_ui_tree_1 = require("@teambit/design.ui.tree");
-const get_name_1 = require("../utils/get-name");
-const scope_tree_node_module_scss_1 = __importDefault(require("./scope-tree-node.module.scss"));
-function ScopeTreeNode({ node, depth }) {
-    const { isCollapsed, activePath } = (0, design_ui_tree_1.useTree)();
-    const isActive = activePath === null || activePath === void 0 ? void 0 : activePath.startsWith(node.id);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@teambit/evangelist.elements.icon';
+import classNames from 'classnames';
+import { useState, useEffect, useRef } from 'react';
+import AnimateHeight from 'react-animate-height';
+import { indentClass, indentStyle, TreeLayer, useTree } from '@teambit/design.ui.tree';
+import { getName } from '../utils/get-name';
+import styles from './scope-tree-node.module.scss';
+export function ScopeTreeNode({ node, depth }) {
+    const { isCollapsed, activePath } = useTree();
+    const isActive = activePath?.startsWith(node.id);
     const initialOpen = isActive || !isCollapsed;
-    const [open, toggle] = (0, react_1.useState)(initialOpen);
-    const displayName = (0, get_name_1.getName)(node.id.replace(/\/$/, ''));
-    const firstRun = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(() => {
-        const current = firstRun.current;
+    const [open, toggle] = useState(initialOpen);
+    const displayName = getName(node.id.replace(/\/$/, ''));
+    const firstRun = useRef(true);
+    useEffect(() => {
+        const { current } = firstRun;
         if (current)
             return;
         if (isActive === true)
             toggle(true);
     }, [isActive]);
-    (0, react_1.useEffect)(() => {
-        const current = firstRun.current;
+    useEffect(() => {
+        const { current } = firstRun;
         if (current)
             return;
         toggle(!isCollapsed);
     }, [isCollapsed]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         firstRun.current = false;
     }, []);
     const highlighted = !open && isActive;
-    return (react_1.default.createElement("div", null,
-        node.id && (react_1.default.createElement("div", { className: (0, classnames_1.default)(design_ui_tree_1.indentClass, scope_tree_node_module_scss_1.default.scope, highlighted && scope_tree_node_module_scss_1.default.highlighted), onClick: () => toggle(!open) },
-            react_1.default.createElement("div", { className: scope_tree_node_module_scss_1.default.left },
-                react_1.default.createElement(evangelist_elements_icon_1.Icon, { className: (0, classnames_1.default)(scope_tree_node_module_scss_1.default.arrow, !open && scope_tree_node_module_scss_1.default.collapsed), of: "fat-arrow-down" }),
-                react_1.default.createElement(evangelist_elements_icon_1.Icon, { className: scope_tree_node_module_scss_1.default.arrow, of: "collection-full" }),
-                react_1.default.createElement("span", { className: scope_tree_node_module_scss_1.default.name }, displayName)))),
-        react_1.default.createElement(react_animate_height_1.default, { height: open ? 'auto' : 0 },
-            react_1.default.createElement("div", { style: (0, design_ui_tree_1.indentStyle)(depth + 1), className: (0, classnames_1.default)(scope_tree_node_module_scss_1.default.componentTree) }, node.children && react_1.default.createElement(design_ui_tree_1.TreeLayer, { childNodes: node.children, depth: depth + 1 })))));
+    return (_jsxs("div", { children: [node.id && (_jsx("div", { className: classNames(indentClass, styles.scope, highlighted && styles.highlighted), onClick: () => toggle(!open), onKeyDown: (e) => {
+                    if (e.key === 'Enter')
+                        toggle(!open);
+                }, role: "button", tabIndex: 0, children: _jsxs("div", { className: styles.left, children: [_jsx(Icon, { className: classNames(styles.arrow, !open && styles.collapsed), of: "fat-arrow-down" }), _jsx(Icon, { className: styles.arrow, of: "collection-full" }), _jsx("span", { className: styles.name, children: displayName })] }) })), _jsx(AnimateHeight, { height: open ? 'auto' : 0, children: _jsx("div", { style: indentStyle(depth + 1), className: classNames(styles.componentTree), children: node.children && _jsx(TreeLayer, { childNodes: node.children, depth: depth + 1 }) }) })] }));
 }
-exports.ScopeTreeNode = ScopeTreeNode;
 //# sourceMappingURL=scope-tree-node.js.map

package/dist/component-tree/scope-tree-node/scope-tree-node.js.map

@@ -1 +1 @@
-{"version":3,"file":"scope-tree-node.js","sourceRoot":"","sources":["../../../component-tree/scope-tree-node/scope-tree-node.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAAyD;AACzD,4DAAoC;AACpC,+CAA2D;AAC3D,gFAAiD;AAEjD,4DAAsG;AAEtG,gDAA4C;AAC5C,gGAAmD;AAInD,SAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAsB;IAC/D,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAO,GAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,QAAQ,IAAI,CAAC,WAAW,CAAC;IAE7C,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAiB,WAAW,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,IAAA,kBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO;YAAE,OAAO;QACpB,IAAI,QAAQ,KAAK,IAAI;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO;YAAE,OAAO;QACpB,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC;IAEtC,OAAO,CACL;QACG,IAAI,CAAC,EAAE,IAAI,CACV,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAAW,EAAE,qCAAM,CAAC,KAAK,EAAE,WAAW,IAAI,qCAAM,CAAC,WAAW,CAAC,EACnF,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;YAE5B,uCAAK,SAAS,EAAE,qCAAM,CAAC,IAAI;gBACzB,8BAAC,+BAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,qCAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAC,gBAAgB,GAAG;gBAC5F,8BAAC,+BAAI,IAAC,SAAS,EAAE,qCAAM,CAAC,KAAK,EAAE,EAAE,EAAC,iBAAiB,GAAG;gBACtD,wCAAM,SAAS,EAAE,qCAAM,CAAC,IAAI,IAAG,WAAW,CAAQ,CAC9C,CACF,CACP;QACD,8BAAC,8BAAa,IAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACtC,uCAAK,KAAK,EAAE,IAAA,4BAAW,EAAC,KAAK,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,aAAa,CAAC,IAC5E,IAAI,CAAC,QAAQ,IAAI,8BAAC,0BAAS,IAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,GAAI,CACxE,CACQ,CACZ,CACP,CAAC;AACJ,CAAC;AAlDD,sCAkDC"}
+{"version":3,"file":"scope-tree-node.js","sourceRoot":"","sources":["../../../component-tree/scope-tree-node/scope-tree-node.tsx"],"names":[],"mappings":"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"}

package/dist/component-tree/utils/get-name.d.ts

@@ -1 +1 @@
-export declare function getName(path: string): string;
+export declare function getName(path: string): string | undefined;

package/dist/component-tree/utils/get-name.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getName = void 0;
-function getName(path) {
+export function getName(path) {
     return path.split('/').pop();
 }
-exports.getName = getName;
 //# sourceMappingURL=get-name.js.map

package/dist/component-tree/utils/get-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-name.js","sourceRoot":"","sources":["../../../component-tree/utils/get-name.tsx"],"names":[],"mappings":";;;AAAA,SAAgB,OAAO,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;AAC/B,CAAC;AAFD,0BAEC"}
+{"version":3,"file":"get-name.js","sourceRoot":"","sources":["../../../component-tree/utils/get-name.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;AAC/B,CAAC"}

package/dist/index.js

@@ -1,10 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScopePayload = exports.NamespaceTreeNode = exports.ScopeTreeNode = exports.ComponentView = exports.ComponentTree = void 0;
-var component_tree_1 = require("./component-tree");
-Object.defineProperty(exports, "ComponentTree", { enumerable: true, get: function () { return component_tree_1.ComponentTree; } });
-Object.defineProperty(exports, "ComponentView", { enumerable: true, get: function () { return component_tree_1.ComponentView; } });
-Object.defineProperty(exports, "ScopeTreeNode", { enumerable: true, get: function () { return component_tree_1.ScopeTreeNode; } });
-Object.defineProperty(exports, "NamespaceTreeNode", { enumerable: true, get: function () { return component_tree_1.NamespaceTreeNode; } });
-Object.defineProperty(exports, "ScopePayload", { enumerable: true, get: function () { return component_tree_1.ScopePayload; } });
+export { ComponentTree, ComponentView, ScopeTreeNode, NamespaceTreeNode, ScopePayload, } from './component-tree';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,mDAO0B;AANxB,+GAAA,aAAa,OAAA;AACb,+GAAA,aAAa,OAAA;AACb,+GAAA,aAAa,OAAA;AACb,mHAAA,iBAAiB,OAAA;AAEjB,8GAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,iBAAiB,EAEjB,YAAY,GACb,MAAM,kBAAkB,CAAC"}

package/dist/preview-1715178860254.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/dist/tsconfig.json

@@ -1,29 +1,36 @@
 {
     "compilerOptions": {
         "lib": [
-            "es2019",
-            "DOM",
-            "ES6",
-            "DOM.Iterable"
+            "esnext",
+            "dom",
+            "dom.Iterable"
         ],
-        "target": "es2015",
-        "module": "CommonJS",
-        "jsx": "react",
-        "allowJs": true,
-        "composite": true,
+        "target": "es2020",
+        "module": "es2020",
+        "jsx": "react-jsx",
         "declaration": true,
         "sourceMap": true,
-        "skipLibCheck": true,
         "experimentalDecorators": true,
-        "outDir": "dist",
+        "skipLibCheck": true,
         "moduleResolution": "node",
         "esModuleInterop": true,
-        "rootDir": ".",
-        "resolveJsonModule": true
+        "resolveJsonModule": true,
+        "allowJs": true,
+        "outDir": "dist",
+        "strict": true,
+        "emitDecoratorMetadata": true,
+        "preserveConstEnums": true,
+        "strictPropertyInitialization": false,
+        "noImplicitAny": false
     },
     "exclude": [
+        "artifacts",
+        "public",
         "dist",
-        "package.json"
+        "node_modules",
+        "package.json",
+        "**/*.cjs",
+        "./dist"
     ],
     "include": [
         "**/*",

package/package.json

@@ -1,48 +1,46 @@
 {
   "name": "@teambit/ui-foundation.ui.side-bar",
-  "version": "0.0.875",
+  "version": "0.0.876",
   "homepage": "https://bit.cloud/teambit/ui-foundation/ui/side-bar",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "0.0.875"
+    "version": "0.0.876"
   },
   "dependencies": {
     "classnames": "2.2.6",
-    "core-js": "^3.0.0",
     "react-animate-height": "2.0.23",
-    "@teambit/base-react.navigation.link": "2.0.27",
     "@teambit/base-ui.graph.tree.indent": "1.0.0",
     "@teambit/base-ui.graph.tree.inflate-paths": "1.0.0",
-    "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
     "@teambit/base-ui.graph.tree.tree-context": "1.0.0",
+    "@teambit/design.ui.tree": "0.0.15",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.212",
     "@teambit/base-ui.theme.colors": "1.0.0",
+    "@teambit/evangelist.elements.icon": "1.0.2",
+    "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
     "@teambit/component-id": "1.2.0",
     "@teambit/component.modules.component-url": "0.0.167",
     "@teambit/component.ui.deprecation-icon": "0.0.509",
     "@teambit/design.ui.tooltip": "0.0.361",
-    "@teambit/design.ui.tree": "0.0.15",
     "@teambit/envs.ui.env-icon": "0.0.505",
-    "@teambit/evangelist.elements.icon": "1.0.2",
-    "@teambit/lanes.hooks.use-lanes": "0.0.258",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.212"
+    "@teambit/lanes.hooks.use-lanes": "0.0.258"
   },
   "devDependencies": {
-    "@babel/runtime": "7.20.0",
     "@types/classnames": "2.2.11",
-    "@types/jest": "^26.0.0",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react": "^17.0.8",
-    "@types/react-dom": "^17.0.5",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@teambit/react.v17.react-env": "1.1.17"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "17.0.2",
+    "@types/react-dom": "^17.0.0",
+    "@types/react": "^17.0.0",
+    "react-dom": "17.0.2",
+    "@teambit/base-react.navigation.link": "^2.0.31"
   },
   "license": "Apache-2.0",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
   "private": false,
   "engines": {
     "node": ">=12.22.0"
@@ -61,4 +59,4 @@
     "angular",
     "angular-components"
   ]
-}
+}

package/tsconfig.json

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.Iterable"
+    ],
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "sourceMap": true,
+    "experimentalDecorators": true,
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "outDir": "dist",
+    "strict": true,
+    "emitDecoratorMetadata": true,
+    "preserveConstEnums": true,
+    "strictPropertyInitialization": false,
+    "noImplicitAny": false
+  },
+  "exclude": [
+    "artifacts",
+    "public",
+    "dist",
+    "node_modules",
+    "package.json",
+    "**/*.cjs",
+    "./dist"
+  ],
+  "include": [
+    "**/*",
+    "**/*.json"
+  ]
+}