dotdata_widgets 0.0.28-dev.70.bfd2f27f

package/lib/feature-descriptor/domains-descriptions-tree/components/column-tree-item.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnTreeItem = void 0;
+const react_1 = __importDefault(require("react"));
+const TreeItem_1 = __importDefault(require("@mui/lab/TreeItem"));
+const descriptions_tree_item_1 = require("./descriptions-tree-item");
+const tree_item_label_1 = require("./tree-item-label");
+const ColumnTreeItem = ({ column }) => {
+    return column.descriptions.length === 1 ? (react_1.default.createElement(descriptions_tree_item_1.DescriptionsTreeItem, { descriptions: column.descriptions })) : (react_1.default.createElement(TreeItem_1.default, { nodeId: column.nodeId, label: react_1.default.createElement(tree_item_label_1.TreeItemLabel, { label: column.summary, nodeId: column.nodeId, managedDescriptions: column.descriptions }) },
+        react_1.default.createElement(descriptions_tree_item_1.DescriptionsTreeItem, { descriptions: column.descriptions })));
+};
+exports.ColumnTreeItem = ColumnTreeItem;
+//# sourceMappingURL=column-tree-item.js.map

package/lib/feature-descriptor/domains-descriptions-tree/components/descriptions-tree-item.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DescriptionsTreeItem = void 0;
+const react_1 = __importDefault(require("react"));
+const react_virtual_1 = require("@tanstack/react-virtual");
+const material_1 = require("@mui/material");
+const tree_item_label_1 = require("./tree-item-label");
+const feature_descriptor_domain_1 = require("../../../models/feature-descriptor-domain");
+const listLeftIndentation = '31px';
+const DescriptionsVirtualList = ({ descriptions, }) => {
+    const parentRef = react_1.default.useRef(null);
+    const rowVirtualizer = (0, react_virtual_1.useVirtualizer)({
+        count: descriptions.length,
+        getScrollElement: () => parentRef.current,
+        estimateSize: () => 25,
+        overscan: 5,
+    });
+    return (react_1.default.createElement("div", { ref: parentRef, style: {
+            height: `${Math.min(25 * descriptions.length, 500)}px`,
+            overflowY: 'auto',
+            overflowX: 'hidden',
+        } },
+        react_1.default.createElement("div", { style: {
+                height: `${rowVirtualizer.getTotalSize()}px`,
+                position: 'relative',
+            } }, rowVirtualizer.getVirtualItems().map(virtualRow => (react_1.default.createElement("div", { key: virtualRow.index, style: {
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                left: listLeftIndentation,
+                height: `${virtualRow.size}px`,
+                transform: `translateY(${virtualRow.start}px)`,
+            } },
+            react_1.default.createElement(tree_item_label_1.TreeItemLabel, { label: descriptions[virtualRow.index].description, nodeId: descriptions[virtualRow.index].nodeId, managedDescriptions: [descriptions[virtualRow.index]] })))))));
+};
+const DescriptionsList = ({ descriptions }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, descriptions.map(description => (react_1.default.createElement(tree_item_label_1.TreeItemLabel, { key: feature_descriptor_domain_1.DomainsDescriptionId.toString(description.id), label: description.description, nodeId: description.nodeId, managedDescriptions: [description] })))));
+};
+const DescriptionsTreeItem = ({ descriptions, }) => {
+    const [isVirtualListVisible, setIsVirtualListVisible] = react_1.default.useState(() => false);
+    const [limitedDescriptions] = react_1.default.useState(() => descriptions.length < 6 ? descriptions : descriptions.slice(0, 3));
+    const isWithShowMore = descriptions.length >= 6;
+    return isVirtualListVisible ? (react_1.default.createElement(DescriptionsVirtualList, { descriptions: descriptions })) : (react_1.default.createElement("div", { style: { marginLeft: listLeftIndentation } },
+        react_1.default.createElement(DescriptionsList, { descriptions: limitedDescriptions }),
+        isWithShowMore ? (react_1.default.createElement(material_1.Button, { sx: { textTransform: 'lowercase', display: 'block' }, size: "small", onClick: () => setIsVirtualListVisible(true) }, "more")) : null));
+};
+exports.DescriptionsTreeItem = DescriptionsTreeItem;
+//# sourceMappingURL=descriptions-tree-item.js.map

package/lib/feature-descriptor/domains-descriptions-tree/components/index.js

@@ -0,0 +1,18 @@
+"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 });
+__exportStar(require("./type-tree-item"), exports);
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/domains-descriptions-tree/components/tree-item-label.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeItemLabel = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const _utils_1 = require("../../../utils");
+const feature_descriptor_domain_1 = require("../../../models/feature-descriptor-domain");
+const context_1 = require("../context");
+var SelectionIndicator;
+(function (SelectionIndicator) {
+    SelectionIndicator["Checked"] = "checked";
+    SelectionIndicator["Unchecked"] = "unchecked";
+    SelectionIndicator["Indeterminate"] = "indeterminate";
+})(SelectionIndicator || (SelectionIndicator = {}));
+const TreeItemLabel = props => {
+    const { isWithCheckboxes, areCheckboxesDisabled } = (0, context_1.useDomainsDescriptionsTreeConfig)();
+    const [selectedTreeItems, { toggleTreeItemSelection }] = (0, context_1.useDomainsDescriptionsTreeItemSelection)();
+    const [selectedDomainDescriptionsIds, { toggleSelection }] = (0, context_1.useDomainsDescriptionsSelectionContext)();
+    const managedDescriptionIds = react_1.default.useMemo(() => feature_descriptor_domain_1.DomainsDescriptionId.listToMap(props.managedDescriptions.map((0, _utils_1.extractProperty)('id'))), []);
+    const checked = react_1.default.useMemo(() => getSelectionState(managedDescriptionIds, selectedDomainDescriptionsIds), [/*props.managedDescriptions,*/ selectedDomainDescriptionsIds]);
+    function isSelected() {
+        return (0, _utils_1.isSet)(selectedTreeItems[props.nodeId]);
+    }
+    return (react_1.default.createElement(material_1.FormControlLabel, { className: `text-ellipsis selection-indicator ${isSelected() ? 'selected' : ''}`, sx: {
+            display: 'block',
+            paddingLeft: isWithCheckboxes ? 'initial' : '10px',
+        }, control: isWithCheckboxes ? (react_1.default.createElement(material_1.Checkbox, { className: areCheckboxesDisabled ? 'disabled' : '', sx: { paddingBlock: '2px' }, checked: checked === SelectionIndicator.Checked, indeterminate: checked === SelectionIndicator.Indeterminate, disableRipple: areCheckboxesDisabled, onClick: event => {
+                event.stopPropagation();
+                if (areCheckboxesDisabled) {
+                    return;
+                }
+                const checked = event.target.checked;
+                toggleSelection(checked, props.managedDescriptions.map((0, _utils_1.extractProperty)('id')));
+            } })) : (react_1.default.createElement(react_1.default.Fragment, null)), label: props.label, onClick: event => {
+            toggleTreeItemSelection(props.nodeId, props.managedDescriptions.flatMap((0, _utils_1.extractProperty)('domains')));
+            event.stopPropagation();
+            event.preventDefault();
+        } }));
+};
+exports.TreeItemLabel = TreeItemLabel;
+function getSelectionState(managedDescriptionIds, selectedIds) {
+    const managedNotSelectedIds = Array.from(managedDescriptionIds.keys()).filter(id => !selectedIds.has(id)).length;
+    const areAllChecked = managedNotSelectedIds === 0;
+    const areAllUnselected = managedNotSelectedIds === managedDescriptionIds.size;
+    return areAllChecked
+        ? SelectionIndicator.Checked
+        : areAllUnselected
+            ? SelectionIndicator.Unchecked
+            : SelectionIndicator.Indeterminate;
+}
+//# sourceMappingURL=tree-item-label.js.map

package/lib/feature-descriptor/domains-descriptions-tree/components/type-tree-item.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeTreeItem = void 0;
+const react_1 = __importDefault(require("react"));
+const TreeItem_1 = __importDefault(require("@mui/lab/TreeItem"));
+const _utils_1 = require("../../../utils");
+const column_tree_item_1 = require("./column-tree-item");
+const tree_item_label_1 = require("./tree-item-label");
+const TypeTreeItem = ({ type }) => {
+    return type.columns.length === 1 ? (react_1.default.createElement(column_tree_item_1.ColumnTreeItem, { column: type.columns[0] })) : (react_1.default.createElement(TreeItem_1.default, { nodeId: type.nodeId, classes: {
+            focused: 'tree-item-focused',
+            selected: 'tree-item-focused',
+        }, label: react_1.default.createElement(tree_item_label_1.TreeItemLabel, { label: type.summary, nodeId: type.nodeId, managedDescriptions: type.columns.flatMap((0, _utils_1.extractProperty)('descriptions')) }) }, type.columns.map((column, idx) => (react_1.default.createElement(column_tree_item_1.ColumnTreeItem, { key: column.nodeId, column: column })))));
+};
+exports.TypeTreeItem = TypeTreeItem;
+//# sourceMappingURL=type-tree-item.js.map

package/lib/feature-descriptor/domains-descriptions-tree/config/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomainsDescriptionsTreeConfig = void 0;
+var DomainsDescriptionsTreeConfig;
+(function (DomainsDescriptionsTreeConfig) {
+    DomainsDescriptionsTreeConfig.DEFAULT = {
+        isWithCheckboxes: true,
+        areCheckboxesDisabled: false,
+    };
+})(DomainsDescriptionsTreeConfig = exports.DomainsDescriptionsTreeConfig || (exports.DomainsDescriptionsTreeConfig = {}));
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-selection-context.js

@@ -0,0 +1,54 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomainsDescriptionsSelectionContextProvider = exports.useDomainsDescriptionsSelectionContext = exports.DomainsDescriptionsSelectionContext = void 0;
+const React = __importStar(require("react"));
+const feature_descriptor_domain_1 = require("../../../models/feature-descriptor-domain");
+exports.DomainsDescriptionsSelectionContext = React.createContext(undefined);
+function useDomainsDescriptionsSelectionContext() {
+    const context = React.useContext(exports.DomainsDescriptionsSelectionContext);
+    if (context === undefined) {
+        throw new Error('useDomainsDescriptionsSelectionContext must be used within a DomainsDescriptionsSelectionContext');
+    }
+    return context;
+}
+exports.useDomainsDescriptionsSelectionContext = useDomainsDescriptionsSelectionContext;
+function DomainsDescriptionsSelectionContextProvider(props) {
+    const selectedDomainDescriptionsIds = React.useMemo(() => feature_descriptor_domain_1.DomainsDescriptionId.listToMap(props.selectedDomainDescriptionIds), [props.selectedDomainDescriptionIds]);
+    function toggleSelection(check, ids) {
+        ids.forEach(id => {
+            if (check) {
+                selectedDomainDescriptionsIds.set(feature_descriptor_domain_1.DomainsDescriptionId.toString(id), id);
+            }
+            else {
+                selectedDomainDescriptionsIds.delete(feature_descriptor_domain_1.DomainsDescriptionId.toString(id));
+            }
+        });
+        props.setSelectedDomainDescriptionIds(Array.from(selectedDomainDescriptionsIds.values()));
+    }
+    return (React.createElement(exports.DomainsDescriptionsSelectionContext.Provider, { value: [selectedDomainDescriptionsIds, { toggleSelection }], ...props }));
+}
+exports.DomainsDescriptionsSelectionContextProvider = DomainsDescriptionsSelectionContextProvider;
+//# sourceMappingURL=domains-descriptions-selection-context.js.map

package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-tree-config-context.js

@@ -0,0 +1,42 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomainsDescriptionsTreeConfigContextProvider = exports.useDomainsDescriptionsTreeConfig = exports.DomainsDescriptionsTreeConfigContext = void 0;
+const React = __importStar(require("react"));
+const config_1 = require("../config");
+exports.DomainsDescriptionsTreeConfigContext = React.createContext(config_1.DomainsDescriptionsTreeConfig.DEFAULT);
+function useDomainsDescriptionsTreeConfig() {
+    const context = React.useContext(exports.DomainsDescriptionsTreeConfigContext);
+    if (context === undefined) {
+        throw new Error('useDomainsDescriptionsTreeConfig must be used within a DomainsDescriptionsTreeConfigContext');
+    }
+    return context;
+}
+exports.useDomainsDescriptionsTreeConfig = useDomainsDescriptionsTreeConfig;
+function DomainsDescriptionsTreeConfigContextProvider(props) {
+    return (React.createElement(exports.DomainsDescriptionsTreeConfigContext.Provider, { value: props.configuration ?? config_1.DomainsDescriptionsTreeConfig.DEFAULT, ...props }));
+}
+exports.DomainsDescriptionsTreeConfigContextProvider = DomainsDescriptionsTreeConfigContextProvider;
+//# sourceMappingURL=domains-descriptions-tree-config-context.js.map

package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-tree-item-selection-context.js

@@ -0,0 +1,56 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomainsDescriptionsTreeItemSelectionContextProvider = exports.useDomainsDescriptionsTreeItemSelection = exports.DomainsDescriptionsTreeItemSelectionContext = void 0;
+const lodash_1 = require("lodash");
+const React = __importStar(require("react"));
+const _utils_1 = require("../../../utils");
+exports.DomainsDescriptionsTreeItemSelectionContext = React.createContext(undefined);
+function useDomainsDescriptionsTreeItemSelection() {
+    const context = React.useContext(exports.DomainsDescriptionsTreeItemSelectionContext);
+    if (context === undefined) {
+        throw new Error('useDomainsDescriptionsTreeItemSelection must be used within a DomainsDescriptionsTreeItemSelectionContext');
+    }
+    return context;
+}
+exports.useDomainsDescriptionsTreeItemSelection = useDomainsDescriptionsTreeItemSelection;
+function DomainsDescriptionsTreeItemSelectionContextProvider(props) {
+    const [selectedTreeItems, setSelectedTreeItems] = React.useState(() => ({}));
+    function toggleTreeItemSelection(nodeId, domains) {
+        if ((0, _utils_1.isSet)(selectedTreeItems[nodeId])) {
+            const { [nodeId]: _remove, ...rest } = selectedTreeItems;
+            setSelectedTreeItems(rest);
+        }
+        else {
+            setSelectedTreeItems({
+                ...selectedTreeItems,
+                [nodeId]: (0, lodash_1.uniqBy)(domains, JSON.stringify),
+            });
+        }
+    }
+    return (React.createElement(exports.DomainsDescriptionsTreeItemSelectionContext.Provider, { value: [selectedTreeItems, { toggleTreeItemSelection }], ...props }));
+}
+exports.DomainsDescriptionsTreeItemSelectionContextProvider = DomainsDescriptionsTreeItemSelectionContextProvider;
+//# sourceMappingURL=domains-descriptions-tree-item-selection-context.js.map

package/lib/feature-descriptor/domains-descriptions-tree/context/index.js

@@ -0,0 +1,20 @@
+"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 });
+__exportStar(require("./domains-descriptions-tree-item-selection-context"), exports);
+__exportStar(require("./domains-descriptions-tree-config-context"), exports);
+__exportStar(require("./domains-descriptions-selection-context"), exports);
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/domains-descriptions-tree/domains-descriptions-tree.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomainsDescriptionsTree = exports.FeatureDomainDescriptionsTreeHeader = void 0;
+const lodash_1 = require("lodash");
+const react_1 = __importDefault(require("react"));
+const TreeView_1 = __importDefault(require("@mui/lab/TreeView"));
+const material_1 = require("@mui/material");
+const UnfoldLess_1 = __importDefault(require("@mui/icons-material/UnfoldLess"));
+const UnfoldMore_1 = __importDefault(require("@mui/icons-material/UnfoldMore"));
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const ChevronRight_1 = __importDefault(require("@mui/icons-material/ChevronRight"));
+const _utils_1 = require("../../utils");
+const components_1 = require("./components");
+const ToggleIcon = (props) => props.allNodeIds.length === props.expandedNodes.length ? (react_1.default.createElement(UnfoldLess_1.default, { sx: { marginRight: '-10px' } })) : (react_1.default.createElement(UnfoldMore_1.default, { sx: { marginRight: '-10px' } }));
+const FeatureDomainDescriptionsTreeHeader = (props) => react_1.default.createElement(react_1.default.Fragment, null, props.children);
+exports.FeatureDomainDescriptionsTreeHeader = FeatureDomainDescriptionsTreeHeader;
+const DomainsDescriptionsTree = ({ descriptionsTree, children }) => {
+    const [allNodeIds, setAllNodeIds] = react_1.default.useState(() => getAllNodeIds(descriptionsTree));
+    const [expandedNodes, setExpandedNodes] = react_1.default.useState(() => []);
+    react_1.default.useEffect(() => {
+        setAllNodeIds(getAllNodeIds(descriptionsTree));
+    }, [descriptionsTree]);
+    return (react_1.default.createElement("div", { className: "domains-descriptions-tree" },
+        react_1.default.createElement("div", { className: "domains-descriptions-tree-header" },
+            react_1.default.createElement(material_1.Button, { className: "toggle-all-nodes-btn", variant: "outlined", startIcon: react_1.default.createElement(ToggleIcon, { allNodeIds: allNodeIds, expandedNodes: expandedNodes }), onClick: () => setExpandedNodes((0, lodash_1.isEmpty)(expandedNodes) ? allNodeIds : []) }),
+            react_1.default.Children.toArray(children)
+                .filter(react_1.default.isValidElement)
+                .filter(child => child?.type === exports.FeatureDomainDescriptionsTreeHeader)),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(TreeView_1.default, { defaultCollapseIcon: react_1.default.createElement(ExpandMore_1.default, null), defaultExpandIcon: react_1.default.createElement(ChevronRight_1.default, null), disabledItemsFocusable: false, multiSelect: true, expanded: expandedNodes, onNodeToggle: (_, nodeIds) => setExpandedNodes(nodeIds) }, descriptionsTree.types.map(type => (react_1.default.createElement(components_1.TypeTreeItem, { key: type.nodeId, type: type })))))));
+};
+exports.DomainsDescriptionsTree = DomainsDescriptionsTree;
+function getAllNodeIds(tree) {
+    return tree.types
+        .map(({ columns, nodeId }, typeIdx) => [
+        nodeId,
+        columns.map((0, _utils_1.extractProperty)('nodeId')),
+    ])
+        .flat(2);
+}
+//# sourceMappingURL=domains-descriptions-tree.js.map

package/lib/feature-descriptor/domains-descriptions-tree/index.js

@@ -0,0 +1,21 @@
+"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 });
+__exportStar(require("./domains-descriptions-tree"), exports);
+__exportStar(require("./models"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./utils"), exports);
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/domains-descriptions-tree/models/domains-descriptions-tree.model.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DescriptionsTree = void 0;
+const _utils_1 = require("../../../utils");
+var DescriptionsTree;
+(function (DescriptionsTree) {
+    function appendGroupId(groups, prefix) {
+        const id = DescriptionsTree.createGroupId(prefix);
+        return {
+            types: groups.types.map((type, typeIdx) => {
+                return {
+                    nodeId: id({ typeIdx }),
+                    summary: type.summary,
+                    columns: type.columns.map((column, columnIdx) => ({
+                        nodeId: id({ typeIdx, columnIdx }),
+                        summary: column.summary,
+                        descriptions: column.descriptions.map((description, descriptionIdx) => ({
+                            ...description,
+                            nodeId: id({ typeIdx, columnIdx, descriptionIdx }),
+                        })),
+                    })),
+                };
+            }),
+        };
+    }
+    DescriptionsTree.appendGroupId = appendGroupId;
+    function createGroupId(prefix) {
+        return (props) => [
+            (0, _utils_1.isSet)(prefix) && `${prefix}_`,
+            (0, _utils_1.isSet)(props.typeIdx) && `t${props.typeIdx}`,
+            (0, _utils_1.isSet)(props.columnIdx) && `c${props.columnIdx}`,
+            (0, _utils_1.isSet)(props.descriptionIdx) && `d${props.descriptionIdx}`,
+        ].join('');
+    }
+    DescriptionsTree.createGroupId = createGroupId;
+})(DescriptionsTree = exports.DescriptionsTree || (exports.DescriptionsTree = {}));
+//# sourceMappingURL=domains-descriptions-tree.model.js.map

package/lib/feature-descriptor/domains-descriptions-tree/models/index.js

@@ -0,0 +1,18 @@
+"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 });
+__exportStar(require("./domains-descriptions-tree.model"), exports);
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/domains-descriptions-tree/utils/create-domain-predicate.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDomainPredicate = void 0;
+function createDomainPredicate(selectedDomains, selectedJoinIds) {
+    const joinIds = new Set(selectedJoinIds);
+    const domainIds = Object.values(selectedDomains).flatMap(d => d.filter(({ joinId }) => (joinIds.size ? joinIds.has(joinId) : true)));
+    return (description) => {
+        return domainIds.length
+            ? description.domains.some(x => domainIds.find(({ domainIdx, joinId }) => x.joinId === joinId && x.domainIdx === domainIdx))
+            : joinIds.size
+                ? description.domains.some(({ joinId }) => joinIds.has(joinId))
+                : true;
+    };
+}
+exports.createDomainPredicate = createDomainPredicate;
+//# sourceMappingURL=create-domain-predicate.js.map

package/lib/feature-descriptor/domains-descriptions-tree/utils/filter-domains-descriptions-tree.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterDomainsDescriptionsTree = void 0;
+const isNotEmpty = (arr) => arr.length > 0;
+function filterDomainsDescriptionsTree(domains, predicateFn) {
+    return {
+        types: domains.types
+            .map(({ summary, columns, nodeId }) => ({
+            summary,
+            nodeId,
+            columns: columns
+                .map(column => ({
+                summary: column.summary,
+                nodeId: column.nodeId,
+                descriptions: column.descriptions.filter(predicateFn),
+            }))
+                .filter(({ descriptions }) => isNotEmpty(descriptions)),
+        }))
+            .filter(({ columns }) => isNotEmpty(columns)),
+    };
+}
+exports.filterDomainsDescriptionsTree = filterDomainsDescriptionsTree;
+//# sourceMappingURL=filter-domains-descriptions-tree.js.map

package/lib/feature-descriptor/domains-descriptions-tree/utils/index.js

@@ -0,0 +1,19 @@
+"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 });
+__exportStar(require("./filter-domains-descriptions-tree"), exports);
+__exportStar(require("./create-domain-predicate"), exports);
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/feature-exploration-path/exploration-path-header.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExplorationPathHeader = void 0;
+const react_1 = __importDefault(require("react"));
+const ExplorationPathHeader = props => {
+    const { targetTable, sourceTable, targetColumns, sourceColumns } = props.explorationPath;
+    return (react_1.default.createElement("div", { style: {
+            display: 'flex',
+            alignItems: 'baseline',
+            padding: '12px 16px',
+            gap: '8px',
+            background: 'var(--c-catskill-white)',
+        } },
+        react_1.default.createElement("h4", { className: "grey-label", style: { margin: 0 } },
+            "[#",
+            props.explorationPathIndex,
+            "]"),
+        react_1.default.createElement("div", null,
+            targetTable,
+            "[",
+            react_1.default.createElement("span", { style: {
+                    color: 'var(--c-blue-700)',
+                    fontWeight: '500',
+                } }, targetColumns.join(', ')),
+            "] - ",
+            sourceTable,
+            "[",
+            react_1.default.createElement("span", { style: {
+                    color: 'var(--c-blue-700)',
+                    fontWeight: '500',
+                } }, sourceColumns.join(', ')),
+            "]")));
+};
+exports.ExplorationPathHeader = ExplorationPathHeader;
+//# sourceMappingURL=exploration-path-header.js.map

package/lib/feature-descriptor/feature-exploration-path/exploration-path-join-list.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExplorationPathJoinList = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = require("lodash");
+const ExplorationPathJoinList = ({ joins, selectedJoinIds, setSelectedJoinIds }) => {
+    const isJoinSelected = (join) => selectedJoinIds.includes(join.joinId);
+    function toggleJoinSelection(join) {
+        setSelectedJoinIds(isJoinSelected(join)
+            ? (0, lodash_1.without)(selectedJoinIds, join.joinId)
+            : [...selectedJoinIds, join.joinId]);
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h4", null, "Joins (# of features)"),
+        react_1.default.createElement("div", { style: { columns: 3 } }, joins.map(join => (react_1.default.createElement("div", { key: join.joinId, className: `exploration-path-join ${isJoinSelected(join) ? 'selected' : ''}`, onClick: () => toggleJoinSelection(join) },
+            "[",
+            join.joinId,
+            "] ",
+            join.description,
+            " (",
+            join.numFeatures,
+            ")"))))));
+};
+exports.ExplorationPathJoinList = ExplorationPathJoinList;
+//# sourceMappingURL=exploration-path-join-list.js.map

package/lib/feature-descriptor/feature-exploration-path/index.js

@@ -0,0 +1,19 @@
+"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 });
+__exportStar(require("./exploration-path-header"), exports);
+__exportStar(require("./exploration-path-join-list"), exports);
+//# sourceMappingURL=index.js.map