dotdata_widgets 0.1.2 → 0.1.4

package/lib/feature/feature-likes/feature-likes.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.FeatureLikes = exports.FeatureLike = void 0;
+const react_1 = __importDefault(require("react"));
+const ThumbUpOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbUpOffAlt"));
+const ThumbDownOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbDownOffAlt"));
+var FeatureLike;
+(function (FeatureLike) {
+    FeatureLike[FeatureLike["Neutral"] = 0] = "Neutral";
+    FeatureLike[FeatureLike["Liked"] = 1] = "Liked";
+    FeatureLike[FeatureLike["Disliked"] = 2] = "Disliked";
+})(FeatureLike = exports.FeatureLike || (exports.FeatureLike = {}));
+const FeatureLikes = ({ liked, toggleIsLiked, toggleIsDisliked }) => {
+    return (react_1.default.createElement("span", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        } },
+        react_1.default.createElement(ThumbUpOffAlt_1.default, { onClick: toggleIsLiked, sx: {
+                cursor: 'pointer',
+                fontSize: '18px',
+                color: liked === FeatureLike.Liked
+                    ? 'var( --c-green-600)'
+                    : 'var(  --c-grey-600)',
+            } }),
+        react_1.default.createElement(ThumbDownOffAlt_1.default, { onClick: toggleIsDisliked, sx: {
+                cursor: 'pointer',
+                fontSize: '18px',
+                color: liked === FeatureLike.Disliked
+                    ? 'var(--c-red-600)'
+                    : 'var(  --c-grey-600)',
+            } })));
+};
+exports.FeatureLikes = FeatureLikes;
+//# sourceMappingURL=feature-likes.js.map

package/lib/feature/feature-likes/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("./feature-likes"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,37 @@
+"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.useFdDomainsDescriptionsSelection = exports.FdDomainsDescriptionsSelectionContext = void 0;
+const React = __importStar(require("react"));
+exports.FdDomainsDescriptionsSelectionContext = React.createContext(undefined);
+function useFdDomainsDescriptionsSelection() {
+    const context = React.useContext(exports.FdDomainsDescriptionsSelectionContext);
+    if (context === undefined) {
+        throw new Error('useFdDomainsDescriptionsSelection must be used within a FdDomainsDescriptionsSelectionContext');
+    }
+    return context;
+}
+exports.useFdDomainsDescriptionsSelection = useFdDomainsDescriptionsSelection;
+//# sourceMappingURL=fd-domains-descriptions-selection.context.js.map

package/lib/feature-descriptor/context/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("./fd-domains-descriptions-selection.context"), exports);
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/domains-descriptors-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-descriptors-tree/components/descriptions-tree-item.js

@@ -0,0 +1,50 @@
+"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 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: 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-descriptors-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-descriptors-tree/components/tree-item-label.js

@@ -0,0 +1,56 @@
+"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 lodash_1 = require("lodash");
+const _utils_1 = require("../../../utils");
+const context_1 = require("../../context");
+const context_2 = require("../context");
+var SelectionIndicator;
+(function (SelectionIndicator) {
+    SelectionIndicator["Checked"] = "checked";
+    SelectionIndicator["Unchecked"] = "unchecked";
+    SelectionIndicator["Indeterminate"] = "indeterminate";
+})(SelectionIndicator || (SelectionIndicator = {}));
+const TreeItemLabel = props => {
+    const [checked, setChecked] = react_1.default.useState(() => SelectionIndicator.Checked);
+    const [selectedDomainDescriptionsIds, setSelectedDomainDescriptionsIds] = (0, context_1.useFdDomainsDescriptionsSelection)();
+    const [selectedTreeItems, { toggleTreeItemSelection }] = (0, context_2.useDomainsDescriptionsTreeItemSelection)();
+    const handleChange = (isChecked) => {
+        const ids = isChecked
+            ? (0, lodash_1.union)([
+                ...selectedDomainDescriptionsIds,
+                ...props.managedDescriptions.map((0, _utils_1.extractProperty)('id')),
+            ])
+            : (0, lodash_1.without)(selectedDomainDescriptionsIds, ...props.managedDescriptions.map((0, _utils_1.extractProperty)('id')));
+        setSelectedDomainDescriptionsIds(ids);
+    };
+    react_1.default.useEffect(() => {
+        const managedNotSelectedIds = (0, lodash_1.without)(props.managedDescriptions.map((0, _utils_1.extractProperty)('id')), ...selectedDomainDescriptionsIds).length;
+        const areAllChecked = managedNotSelectedIds === 0;
+        const areAllUnselected = managedNotSelectedIds === props.managedDescriptions.length;
+        setChecked(areAllChecked
+            ? SelectionIndicator.Checked
+            : areAllUnselected
+                ? SelectionIndicator.Unchecked
+                : SelectionIndicator.Indeterminate);
+    }, [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' }, control: react_1.default.createElement(material_1.Checkbox, { sx: { paddingBlock: '2px' }, checked: checked === SelectionIndicator.Checked, indeterminate: checked === SelectionIndicator.Indeterminate, onClick: event => {
+                event.stopPropagation();
+                handleChange(event.target
+                    .checked);
+            } }), label: props.label, onClick: event => {
+            toggleTreeItemSelection(props.nodeId, props.managedDescriptions.flatMap((0, _utils_1.extractProperty)('domains')));
+            event.stopPropagation();
+            event.preventDefault();
+        } }));
+};
+exports.TreeItemLabel = TreeItemLabel;
+//# sourceMappingURL=tree-item-label.js.map

package/lib/feature-descriptor/domains-descriptors-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-descriptors-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-descriptors-tree/context/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-item-selection-context"), exports);
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/domains-descriptors-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-descriptors-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-descriptors-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-descriptors-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-descriptors-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-descriptors-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-descriptors-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-details/FeatureCorrelatedFeaturesTable.js

@@ -1,14 +1,22 @@
-import React from 'react';
-import { FeatureExplanation } from '../feature-explanation/FeatureExplanation';
-import { Localize } from '../../utils';
-export const FeatureCorrelatedFeaturesTable = ({ correlatedFeatures }) => {
-    return (React.createElement("table", { className: "table", style: { width: '100%' } },
-        React.createElement("tr", null,
-            React.createElement("th", { className: "label-bold" }, "Name"),
-            React.createElement("th", { className: "label-bold" }, "Correlation"),
-            React.createElement("th", { className: "label-bold" }, "Explanation")),
-        correlatedFeatures.map(([{ id, explanation }, correlation]) => (React.createElement("tr", null,
-            React.createElement("td", null, id),
-            React.createElement("td", null, Localize.formatNumber(correlation)),
-            React.createElement("td", null, React.createElement(FeatureExplanation, { explanationBlocks: explanation.tokens })))))));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureCorrelatedFeaturesTable = void 0;
+const react_1 = __importDefault(require("react"));
+const FeatureExplanation_1 = require("../feature-explanation/FeatureExplanation");
+const _utils_1 = require("../../utils");
+const FeatureCorrelatedFeaturesTable = ({ correlatedFeatures }) => {
+    return (react_1.default.createElement("table", { className: "table", style: { width: '100%' } },
+        react_1.default.createElement("tr", null,
+            react_1.default.createElement("th", { className: "label-bold" }, "Name"),
+            react_1.default.createElement("th", { className: "label-bold" }, "Correlation"),
+            react_1.default.createElement("th", { className: "label-bold" }, "Explanation")),
+        correlatedFeatures.map(([{ id, explanation }, correlation]) => (react_1.default.createElement("tr", null,
+            react_1.default.createElement("td", null, id),
+            react_1.default.createElement("td", null, _utils_1.Localize.formatNumber(correlation)),
+            react_1.default.createElement("td", null, react_1.default.createElement(FeatureExplanation_1.FeatureExplanation, { explanationBlocks: explanation.tokens })))))));
+};
+exports.FeatureCorrelatedFeaturesTable = FeatureCorrelatedFeaturesTable;
+//# sourceMappingURL=FeatureCorrelatedFeaturesTable.js.map