dotdata_widgets 0.3.1 → 0.3.2

package/lib/widgets/feature-leaderboard/FeatureLeaderboardView.js

@@ -1,79 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardView = void 0;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const column_1 = require("../../models/column");
-const feature_1 = require("../../models/feature");
-const _utils_1 = require("../../utils");
-const widget_theme_1 = require("../../utils/widget-theme");
-const widget_model_1 = require("../../utils/widget-model");
-const transducer_1 = require("../../utils/transducer");
-const FeatureLeaderboardEntryDrawer_1 = require("./leaderboard-entry/FeatureLeaderboardEntryDrawer");
-const FeatureLeaderboardOverview_1 = require("./FeatureLeaderboardOverview");
-const FeatureLeaderboardView = ({ model }) => {
-    const [featureLeaderboard] = (0, widget_model_1.useModelState)('value');
-    const isWithAssessment = (0, _utils_1.isNotSet)(featureLeaderboard.isAssessed) || featureLeaderboard.isAssessed;
-    const [confidence, setConfidence] = (0, widget_model_1.useModelState)('confidence');
-    const [maxCollinearity, setMaxCollinearity] = (0, widget_model_1.useModelState)('max_collinearity');
-    const [explanationSearch, setExplanationSearch] = react_1.default.useState(() => '');
-    const featureEntries = react_1.default.useMemo(() => filterFeatures(featureLeaderboard, maxCollinearity, confidence, explanationSearch, isWithAssessment), [maxCollinearity, confidence, explanationSearch, featureLeaderboard]);
-    const tableColumns = react_1.default.useMemo(() => featureLeaderboard.tableColumns
-        ? column_1.TableColumns.fromSimplified(featureLeaderboard.tableColumns)
-        : {}, [featureLeaderboard.tableColumns]);
-    const [copiedFeature, setCopiedFeature] = react_1.default.useState(() => undefined);
-    return (react_1.default.createElement(material_1.ThemeProvider, { theme: widget_theme_1.theme },
-        react_1.default.createElement(FeatureLeaderboardOverview_1.FeatureLeaderboardOverview, { isWithAssessment: isWithAssessment, confidence: confidence, setConfidence: setConfidence, maxCollinearity: maxCollinearity, setMaxCollinearity: setMaxCollinearity, setSearch: setExplanationSearch }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("div", { className: "feature-entries-header", style: { display: 'flex' } },
-            react_1.default.createElement("span", { className: "feature-id", style: { marginLeft: isWithAssessment ? '30px' : 0 } }, "Feature ID"),
-            isWithAssessment ? (react_1.default.createElement("span", { className: "confidence" }, "Confidence")) : null,
-            react_1.default.createElement("span", { className: "explanation" }, "Explanation")),
-        react_1.default.createElement("div", { style: {
-                display: 'inline-block',
-                minWidth: '100%',
-                marginBottom: '2px',
-            } }, featureEntries.map(featureEntry => (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(FeatureLeaderboardEntryDrawer_1.FeatureLeaderboardEntryDrawer, { key: featureEntry.feature.id, featureEntry: featureEntry, originFeatureId: featureEntry.feature.id, tableColumn: tableColumns, isWithAssessment: isWithAssessment, onModelChange: mode => {
-                    if (mode === FeatureLeaderboardEntryDrawer_1.DrawerMode.Copy) {
-                        const originId = feature_1.FeatureId.getOriginId(featureEntry.feature.id);
-                        (0, _utils_1.sha256)(`${new Date()}_${featureEntry.feature.id}`, 8).then(id => {
-                            const feature = Object.assign(Object.assign({}, featureEntry), { isAssessed: false, feature: Object.assign(Object.assign({}, featureEntry.feature), { id: `${originId}_${id}` }) });
-                            setCopiedFeature({
-                                feature: Object.assign(Object.assign({}, feature), { signalConfidence: 0 }),
-                                parentId: featureEntry.feature.id,
-                            });
-                        });
-                    }
-                    return mode !== FeatureLeaderboardEntryDrawer_1.DrawerMode.Copy;
-                }, isWithActions: isWithActions(featureEntry, isWithAssessment) }),
-            (copiedFeature === null || copiedFeature === void 0 ? void 0 : copiedFeature.parentId) === featureEntry.feature.id ? (react_1.default.createElement("div", { style: { marginBottom: '20px' } },
-                react_1.default.createElement(FeatureLeaderboardEntryDrawer_1.FeatureLeaderboardEntryDrawer, { featureEntry: copiedFeature.feature, originFeatureId: copiedFeature.parentId, tableColumn: tableColumns, isWithAssessment: isWithAssessment, initMode: FeatureLeaderboardEntryDrawer_1.DrawerMode.Copy, onCancel: () => setCopiedFeature(undefined), isWithLikes: false, isWithActions: false }))) : null))))));
-};
-exports.FeatureLeaderboardView = FeatureLeaderboardView;
-function isWithActions(featureEntry, isWithAssessment) {
-    return isWithAssessment ? true : { code: false, copy: false, edit: false };
-}
-function filterFeatures(featureLeaderboard, maxCollinearity, confidence, explanationSearchPhrase, isWithAssessment) {
-    const shouldCheckIsAssessed = (entry) => (0, _utils_1.isSet)(entry.isAssessed) ? entry.isAssessed : true;
-    const explanationSearchFilter = (entry) => {
-        var _a;
-        return !explanationSearchPhrase ||
-            ((_a = entry.feature.explanation_str) === null || _a === void 0 ? void 0 : _a.includes(explanationSearchPhrase));
-    };
-    const correlationFilter = (entry) => shouldCheckIsAssessed(entry)
-        ? entry.maxAbsCorrelationOfSimplerFeature <= maxCollinearity
-        : true;
-    const confidenceFilter = (entry) => shouldCheckIsAssessed(entry) ? entry.signalConfidence >= confidence : true;
-    const reduces = isWithAssessment
-        ? (0, transducer_1.compose)((0, transducer_1.filter)(explanationSearchFilter), (0, transducer_1.filter)(correlationFilter), (0, transducer_1.filter)(confidenceFilter))
-        : (0, transducer_1.compose)((0, transducer_1.filter)(explanationSearchFilter));
-    const aggregation = (a, b) => a.concat([b]);
-    return featureLeaderboard.allEntries
-        .flat()
-        .reduce(reduces(aggregation), []);
-}
-//# sourceMappingURL=FeatureLeaderboardView.js.map

package/lib/widgets/feature-leaderboard/components/FeatureLeaderboardFeatureLikes.js

@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardFeatureLikes = void 0;
-const react_1 = __importDefault(require("react"));
-const lodash_1 = require("lodash");
-const widget_model_1 = require("../../../utils/widget-model");
-const feature_likes_1 = require("../../../feature/feature-likes");
-const FeatureLeaderboardFeatureLikes = ({ featureId, }) => {
-    const [likedFeatures, setLikedFeatures] = (0, widget_model_1.useModelState)('liked_features');
-    const [dislikedFeatures, setDislikedFeatures] = (0, widget_model_1.useModelState)('disliked_features');
-    const [liked, setLiked] = react_1.default.useState(() => feature_likes_1.FeatureLike.Neutral);
-    react_1.default.useEffect(() => {
-        const newState = likedFeatures.includes(featureId)
-            ? feature_likes_1.FeatureLike.Liked
-            : dislikedFeatures.includes(featureId)
-                ? feature_likes_1.FeatureLike.Disliked
-                : feature_likes_1.FeatureLike.Neutral;
-        setLiked(newState);
-    }, [likedFeatures, dislikedFeatures]);
-    function toggleIsLiked() {
-        if (liked === feature_likes_1.FeatureLike.Neutral) {
-            setLikedFeatures([...likedFeatures, featureId]);
-        }
-        if (liked === feature_likes_1.FeatureLike.Liked) {
-            setLikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
-        }
-        if (liked === feature_likes_1.FeatureLike.Disliked) {
-            setDislikedFeatures((0, lodash_1.without)(dislikedFeatures, featureId));
-            setLikedFeatures([...likedFeatures, featureId]);
-        }
-    }
-    function toggleIsDisliked() {
-        if (liked === feature_likes_1.FeatureLike.Neutral) {
-            setDislikedFeatures([...dislikedFeatures, featureId]);
-        }
-        if (liked === feature_likes_1.FeatureLike.Disliked) {
-            setDislikedFeatures((0, lodash_1.without)(dislikedFeatures, featureId));
-        }
-        if (liked === feature_likes_1.FeatureLike.Liked) {
-            setLikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
-            setDislikedFeatures([...dislikedFeatures, featureId]);
-        }
-    }
-    return (react_1.default.createElement(feature_likes_1.FeatureLikes, { liked: liked, toggleIsLiked: toggleIsLiked, toggleIsDisliked: toggleIsDisliked }));
-};
-exports.FeatureLeaderboardFeatureLikes = FeatureLeaderboardFeatureLikes;
-//# sourceMappingURL=FeatureLeaderboardFeatureLikes.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntryDetails.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryDetails = void 0;
-const react_1 = __importDefault(require("react"));
-const feature_details_1 = require("../../../feature/feature-details");
-const FeatureLeaderboardEntryDetails = ({ entry }) => {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { style: { display: 'flex', gap: '50px' } },
-            react_1.default.createElement("div", { className: "feature-metrics", style: { flex: 3 } },
-                react_1.default.createElement("h3", { className: "grey-label" }, "Feature Statistics:"),
-                react_1.default.createElement(feature_details_1.FeatureStatisticsTable, { statistics: entry.stats })),
-            react_1.default.createElement("div", { className: "feature-histogram", style: { flex: 1 } },
-                react_1.default.createElement("h3", { className: "grey-label" }, "Feature Distribution:"),
-                react_1.default.createElement(feature_details_1.FeatureDistributionChart, { histogram: entry.histogram }))),
-        react_1.default.createElement("div", { className: "correlated-features" },
-            react_1.default.createElement("h3", { className: "grey-label" }, "Correlated Features:"),
-            react_1.default.createElement(feature_details_1.FeatureCorrelatedFeaturesTable, { correlatedFeatures: entry.topCorrelatedFeatures }))));
-};
-exports.FeatureLeaderboardEntryDetails = FeatureLeaderboardEntryDetails;
-//# sourceMappingURL=FeatureLeaderboardEntryDetails.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntryDrawer.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryDrawer = exports.DrawerMode = void 0;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const FeatureLeaderboardEntryDetails_1 = require("./FeatureLeaderboardEntryDetails");
-const FeatureLeaderboardEntryFeatureEditor_1 = require("./FeatureLeaderboardEntryFeatureEditor");
-const feature_leaderboard_entry_drawer_header_1 = require("./feature-leaderboard-entry-drawer-header");
-var DrawerMode;
-(function (DrawerMode) {
-    DrawerMode["None"] = "none";
-    DrawerMode["Edit"] = "edit";
-    DrawerMode["Copy"] = "copy";
-    DrawerMode["Code"] = "code";
-    DrawerMode["Details"] = "details";
-})(DrawerMode = exports.DrawerMode || (exports.DrawerMode = {}));
-const FeatureLeaderboardEntryDrawer = (props) => {
-    var _a;
-    const [mode, setMode] = react_1.default.useState((_a = props.initMode) !== null && _a !== void 0 ? _a : DrawerMode.None);
-    const isExpanded = mode === DrawerMode.Code || mode === DrawerMode.Details;
-    const onModeChange = (mode) => {
-        var _a;
-        if (props === null || props === void 0 ? void 0 : props.onModelChange) {
-            const setInlineMode = (_a = props.onModelChange(mode)) !== null && _a !== void 0 ? _a : true;
-            if (setInlineMode) {
-                setMode(mode);
-            }
-        }
-        else {
-            setMode(mode);
-        }
-    };
-    const onCancel = () => {
-        var _a;
-        setMode(DrawerMode.None);
-        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
-    return (react_1.default.createElement("div", { className: `feature-leaderboard-entry-drawer ${isExpanded ? 'expanded' : ''}` },
-        react_1.default.createElement(feature_leaderboard_entry_drawer_header_1.FeatureLeaderboardEntryDrawerHeader, Object.assign({ mode: mode, onModeChange: onModeChange, onCancel: onCancel }, props)),
-        react_1.default.createElement("div", { className: "feature-leaderboard-entry-drawer-details" },
-            react_1.default.createElement(material_1.Collapse, { in: mode === DrawerMode.Code || mode === DrawerMode.Copy, unmountOnExit: true },
-                react_1.default.createElement("br", null),
-                react_1.default.createElement(FeatureLeaderboardEntryFeatureEditor_1.FeatureLeaderboardEntryFeatureEditor, { mode: mode, featureId: props.featureEntry.feature.id, originFeatureId: props.originFeatureId, featureDescriptor: props.featureEntry.featureDescriptor, tableColumns: props.tableColumn, onClose: onCancel })),
-            react_1.default.createElement(material_1.Collapse, { in: mode === DrawerMode.Details, unmountOnExit: true },
-                react_1.default.createElement(FeatureLeaderboardEntryDetails_1.FeatureLeaderboardEntryDetails, { entry: props.featureEntry })))));
-};
-exports.FeatureLeaderboardEntryDrawer = FeatureLeaderboardEntryDrawer;
-//# sourceMappingURL=FeatureLeaderboardEntryDrawer.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntryFeatureEditor.js

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryFeatureEditor = void 0;
-const react_1 = __importDefault(require("react"));
-const widget_model_1 = require("../../../utils/widget-model");
-const widget_api_1 = require("../../../utils/widget-api");
-const ActionFooter_1 = require("../../../components/ActionFooter");
-const feature_descriptor_editor_1 = require("../../../feature-descriptor/feature-descriptor-editor");
-const FeatureLeaderboardEntryDrawer_1 = require("./FeatureLeaderboardEntryDrawer");
-const Footer = (props) => {
-    const [featureLeaderboard] = (0, widget_model_1.useModelState)('value');
-    const Widget = widget_api_1.WidgetApi.init((0, widget_model_1.useWidgetModelContext)());
-    const [editor] = (0, feature_descriptor_editor_1.useFeatureDescriptorEditorContext)();
-    const validatedDraft = react_1.default.useMemo(() => feature_descriptor_editor_1.FeatureDescriptorDraft.validate(editor), [editor]);
-    return (react_1.default.createElement(ActionFooter_1.ActionFooter, { primaryButton: { label: 'Save', isDisabled: !validatedDraft.success }, tertiaryButton: { label: 'Cancel' }, onTertiaryButtonClick: props.onClose, onPrimaryButtonClick: () => {
-            const entriesPositions = getEntriesPositions(featureLeaderboard, props.featureId, props.originFeatureId, props.mode);
-            console.log(props.mode, entriesPositions);
-            Widget.callMethod('save_feature', {
-                id: props.featureId,
-                descriptor: validatedDraft.data,
-                entries_positions: entriesPositions,
-            })
-                .then(() => props.onClose())
-                .catch(e => console.error(e));
-        } }));
-};
-const FeatureLeaderboardEntryFeatureEditor = (props) => {
-    return (react_1.default.createElement(feature_descriptor_editor_1.FeatureDescriptorEditorContextProvider, { initFeatureDescriptor: props.featureDescriptor, tableColumns: props.tableColumns },
-        react_1.default.createElement(feature_descriptor_editor_1.FeatureDescriptorEditor, { featureDescriptor: props.featureDescriptor, tableColumns: props.tableColumns }),
-        react_1.default.createElement(Footer, { mode: props.mode, featureId: props.featureId, originFeatureId: props.originFeatureId, onClose: props.onClose })));
-};
-exports.FeatureLeaderboardEntryFeatureEditor = FeatureLeaderboardEntryFeatureEditor;
-function getEntriesPositions(featureLeaderboard, featureId, originFeatureId, mode) {
-    return featureLeaderboard.allEntries.map(group => group
-        .map(feature => mode === FeatureLeaderboardEntryDrawer_1.DrawerMode.Code || feature.feature.id !== originFeatureId
-        ? feature.feature.id
-        : [feature.feature.id, featureId])
-        .flat());
-}
-//# sourceMappingURL=FeatureLeaderboardEntryFeatureEditor.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/FeatureLeaderboardEntryActions.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryActions = void 0;
-const react_1 = __importDefault(require("react"));
-const lodash_1 = require("lodash");
-const material_1 = require("@mui/material");
-const ModeEdit_1 = __importDefault(require("@mui/icons-material/ModeEdit"));
-const CopyAll_1 = __importDefault(require("@mui/icons-material/CopyAll"));
-const Code_1 = __importDefault(require("@mui/icons-material/Code"));
-const FeatureLeaderboardFeatureLikes_1 = require("../../components/FeatureLeaderboardFeatureLikes");
-const FeatureLeaderboardEntryDrawer_1 = require("../FeatureLeaderboardEntryDrawer");
-function isWithAction(actionName, isWithActions) {
-    var _a;
-    return (0, lodash_1.isBoolean)(isWithActions)
-        ? isWithActions
-        : (_a = isWithActions === null || isWithActions === void 0 ? void 0 : isWithActions[actionName]) !== null && _a !== void 0 ? _a : true;
-}
-const FeatureLeaderboardEntryActions = (props) => {
-    var _a;
-    const isWithEditAction = isWithAction('edit', props.isWithActions);
-    const isWithCopyAction = isWithAction('copy', props.isWithActions);
-    const isWithCodeAction = isWithAction('code', props.isWithActions);
-    const isWithLikes = (_a = props.isWithLikes) !== null && _a !== void 0 ? _a : true;
-    return (react_1.default.createElement("div", { style: { marginLeft: 'auto', display: 'flex', gap: '5px' } },
-        react_1.default.createElement("div", { className: "fl-entry-row-actions" },
-            react_1.default.createElement("div", { className: "fl-entry-row-hidden-actions" },
-                isWithEditAction ? (react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: () => props.onModeChange(FeatureLeaderboardEntryDrawer_1.DrawerMode.Edit) },
-                    react_1.default.createElement(ModeEdit_1.default, { className: "action-btn" }))) : null,
-                isWithCopyAction ? (react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: () => props.onModeChange(FeatureLeaderboardEntryDrawer_1.DrawerMode.Copy) },
-                    react_1.default.createElement(CopyAll_1.default, { className: "action-btn" }))) : null,
-                isWithCodeAction ? (react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: () => props.onModeChange(FeatureLeaderboardEntryDrawer_1.DrawerMode.Code) },
-                    react_1.default.createElement(Code_1.default, { className: "action-btn" }))) : null)),
-        isWithLikes ? (react_1.default.createElement(FeatureLeaderboardFeatureLikes_1.FeatureLeaderboardFeatureLikes, { featureId: props.featureEntry.feature.id })) : null));
-};
-exports.FeatureLeaderboardEntryActions = FeatureLeaderboardEntryActions;
-//# sourceMappingURL=FeatureLeaderboardEntryActions.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/FeatureLeaderboardEntryDrawerHeader.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryDrawerHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const _utils_1 = require("../../../../utils");
-const FeatureLeaderboardEntryExplanation_1 = require("./FeatureLeaderboardEntryExplanation");
-const FeatureLeaderboardEntryDrawer_1 = require("../FeatureLeaderboardEntryDrawer");
-const FeatureLeaderboardEntryActions_1 = require("./FeatureLeaderboardEntryActions");
-const DetailsToggle = (props) => (react_1.default.createElement("span", { className: "details-toggle", onClick: props.onClick },
-    react_1.default.createElement("span", null, "\u25B6")));
-const FeatureLabel = (props) => (react_1.default.createElement("span", { className: "feature-name-label label-bold" },
-    react_1.default.createElement(material_1.Tooltip, { title: props.featureEntry.feature.id, placement: "bottom" },
-        react_1.default.createElement("span", null, props.featureEntry.feature.id))));
-const FeatureLeaderboardEntryDrawerHeader = (props) => {
-    var _a;
-    const isWithAssessment = props.isWithAssessment;
-    const isAssessed = (_a = props.featureEntry.isAssessed) !== null && _a !== void 0 ? _a : isWithAssessment;
-    const toggleModel = (toggledMode) => {
-        return () => props.onModeChange(props.mode === toggledMode ? FeatureLeaderboardEntryDrawer_1.DrawerMode.None : toggledMode);
-    };
-    return (react_1.default.createElement("div", { className: "feature-leaderboard-entry-drawer-header", style: { display: 'flex' } },
-        isAssessed && isWithAssessment ? (react_1.default.createElement(DetailsToggle, { onClick: toggleModel(FeatureLeaderboardEntryDrawer_1.DrawerMode.Details) })) : isWithAssessment ? (react_1.default.createElement("span", { style: { width: '30px', display: 'inline-block' } })) : null,
-        react_1.default.createElement(FeatureLabel, { featureEntry: props.featureEntry }),
-        isWithAssessment ? (react_1.default.createElement("span", { className: "confidence-label", style: {
-                '--fill': `${props.featureEntry.signalConfidence * 100}%`,
-            } }, props.featureEntry.signalConfidence
-            ? _utils_1.Localize.formatNumber(props.featureEntry.signalConfidence)
-            : '')) : null,
-        react_1.default.createElement(FeatureLeaderboardEntryExplanation_1.FeatureLeaderboardEntryExplanation, { feature: props.featureEntry.feature, isEdited: props.mode === FeatureLeaderboardEntryDrawer_1.DrawerMode.Edit, onClose: props.onCancel }),
-        react_1.default.createElement(FeatureLeaderboardEntryActions_1.FeatureLeaderboardEntryActions, Object.assign({}, props))));
-};
-exports.FeatureLeaderboardEntryDrawerHeader = FeatureLeaderboardEntryDrawerHeader;
-//# sourceMappingURL=FeatureLeaderboardEntryDrawerHeader.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/FeatureLeaderboardEntryExplanation.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardEntryExplanation = exports.FeatureLeaderboardUserExplanationEditor = void 0;
-const react_1 = __importDefault(require("react"));
-const widget_api_1 = require("../../../../utils/widget-api");
-const widget_model_1 = require("../../../../utils/widget-model");
-const feature_user_explanation_1 = require("../../../../feature/feature-user-explanation");
-const FeatureExplanation_1 = require("../../../../feature/feature-explanation/FeatureExplanation");
-const feature_user_explanation_2 = require("../../../../feature/feature-user-explanation");
-const ActionFooter_1 = require("../../../../components/ActionFooter");
-const FeatureLeaderboardUserExplanationEditor = (props) => {
-    const Widget = widget_api_1.WidgetApi.init((0, widget_model_1.useWidgetModelContext)());
-    const [userExplanation, setUserExplanation] = react_1.default.useState(props.feature.user_explanation ||
-        (0, feature_user_explanation_2.explanationToUserExplanation)(props.feature.explanation.tokens));
-    return (react_1.default.createElement("div", { style: { display: 'flex' } },
-        react_1.default.createElement(feature_user_explanation_2.FeatureUserExplanationEditor, { userExplanation: userExplanation, onUserExplanationChange: setUserExplanation }),
-        react_1.default.createElement(ActionFooter_1.ActionFooter, { primaryButton: { label: 'Save' }, tertiaryButton: { label: 'Cancel' }, onTertiaryButtonClick: props.onClose, onPrimaryButtonClick: () => {
-                Widget.callMethod('set_user_explanation', {
-                    id: props.feature.id,
-                    user_explanation: userExplanation,
-                })
-                    .then(() => props.onClose())
-                    .catch(e => console.error(e));
-            } })));
-};
-exports.FeatureLeaderboardUserExplanationEditor = FeatureLeaderboardUserExplanationEditor;
-const FeatureLeaderboardEntryExplanation = (props) => {
-    return (react_1.default.createElement("div", { style: { flex: '1 0 auto' } }, props.isEdited ? (react_1.default.createElement(exports.FeatureLeaderboardUserExplanationEditor, Object.assign({}, props))) : props.feature.user_explanation ? (react_1.default.createElement(feature_user_explanation_1.FeatureUserExplanationDisplay, { userExplanation: props.feature.user_explanation })) : (react_1.default.createElement(FeatureExplanation_1.FeatureExplanation, { explanationBlocks: props.feature.explanation.tokens }))));
-};
-exports.FeatureLeaderboardEntryExplanation = FeatureLeaderboardEntryExplanation;
-//# sourceMappingURL=FeatureLeaderboardEntryExplanation.js.map

package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/index.js

@@ -1,18 +0,0 @@
-"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("./FeatureLeaderboardEntryDrawerHeader"), exports);
-//# sourceMappingURL=index.js.map

package/lib/widgets/feature-leaderboard/leaderboard-overview/overview-slider.js

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverviewSlider = void 0;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const MIN = 0;
-const MAX = 1;
-const STEP = 0.01;
-const OverviewSlider = ({ value, setValue, label, labelTooltip, }) => {
-    const [localValue, setLocalValue] = react_1.default.useState(() => value);
-    react_1.default.useEffect(() => {
-        // !compare only value not types
-        // eslint-disable-next-line eqeqeq
-        if (localValue != value) {
-            setLocalValue(value);
-        }
-    }, [value]);
-    function onInputBlur() {
-        const val = Math.max(MIN, Math.min(MAX, Number(localValue)));
-        setLocalValue(val);
-        setNewValue(val);
-    }
-    function handleInputChange(event) {
-        setLocalValue(event.target.value);
-        setNewValue(event.target.value);
-    }
-    function setNewValue(v) {
-        const val = Number(v);
-        if (val !== value) {
-            setValue(val);
-        }
-    }
-    return (react_1.default.createElement("div", { style: {
-            display: 'inline-flex',
-            minWidth: '400px',
-            alignItems: 'center',
-            gap: '8px',
-        } },
-        react_1.default.createElement(material_1.Grid, { item: true },
-            react_1.default.createElement(material_1.Tooltip, { title: labelTooltip, placement: "bottom" },
-                react_1.default.createElement("span", { className: "grey-label label-bold", style: { position: 'relative', top: '-3px' } }, label))),
-        react_1.default.createElement(material_1.Grid, { item: true, sx: { maxWidth: '200px', width: '100%' } },
-            react_1.default.createElement(material_1.Slider, { size: "small", step: STEP, min: MIN, max: MAX, value: sliderValue(localValue), onChange: (e, value) => {
-                    setLocalValue(value);
-                    setNewValue(value);
-                } })),
-        react_1.default.createElement(material_1.Grid, { item: true },
-            react_1.default.createElement(material_1.Input, { value: localValue, size: "small", onChange: handleInputChange, onBlur: onInputBlur, inputProps: {
-                    step: STEP,
-                    min: MIN,
-                    max: MAX,
-                    type: 'number',
-                } }))));
-};
-exports.OverviewSlider = OverviewSlider;
-function sliderValue(value) {
-    return Number(value);
-}
-//# sourceMappingURL=overview-slider.js.map

package/lib/widgets/feature-space/FeatureDomainsDescriptions.js

@@ -1,74 +0,0 @@
-"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.FeatureDomainsDescriptions = void 0;
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const domains_descriptions_tree_1 = require("../../feature-descriptor/domains-descriptions-tree");
-const headerWrapperStyle = {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    width: '100%',
-};
-const FeatureDomainsDescriptions = props => {
-    const [selectedDomains] = (0, domains_descriptions_tree_1.useDomainsDescriptionsTreeItemSelection)();
-    const [domainSearchValue, setDomainSearchValue] = (0, react_1.useState)(() => '');
-    const [numberOfDescriptions, setNumberOfDescriptions] = (0, react_1.useState)(() => 0);
-    const [searchedDomain, setSearchedDomain] = (0, react_1.useState)(() => props.descriptionsTree);
-    (0, react_1.useEffect)(() => {
-        setNumberOfDescriptions(calculateNumberOfDescriptions(props.descriptionsTree));
-    }, [props.descriptionsTree]);
-    (0, react_1.useEffect)(() => {
-        const selectedDomainFilter = (0, domains_descriptions_tree_1.createDomainPredicate)(selectedDomains, props.selectedJoinIds);
-        const domains = (0, domains_descriptions_tree_1.filterDomainsDescriptionsTree)(props.descriptionsTree, description => description.description
-            .toLowerCase()
-            .includes(domainSearchValue.toLowerCase()) &&
-            selectedDomainFilter(description));
-        setSearchedDomain(domains);
-    }, [
-        domainSearchValue,
-        selectedDomains,
-        props.selectedJoinIds,
-        props.descriptionsTree,
-    ]);
-    return (react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTree, { descriptionsTree: searchedDomain },
-        react_1.default.createElement(domains_descriptions_tree_1.FeatureDomainDescriptionsTreeHeader, null,
-            react_1.default.createElement("div", { style: headerWrapperStyle },
-                react_1.default.createElement("h4", { style: { margin: 0 } },
-                    props.domainName,
-                    ": (",
-                    numberOfDescriptions,
-                    ")"),
-                react_1.default.createElement(material_1.TextField, { sx: { top: '-8px', width: '40%' }, size: "small", label: `Search for ${props.domainName.toLowerCase()}`, type: "search", variant: "standard", margin: "dense", value: domainSearchValue, onChange: e => setDomainSearchValue(e.target.value) })))));
-};
-exports.FeatureDomainsDescriptions = FeatureDomainsDescriptions;
-function calculateNumberOfDescriptions(descriptionsTree) {
-    return descriptionsTree.types
-        .map(({ columns }) => columns.map(({ descriptions }) => descriptions.length))
-        .flat(3)
-        .reduce((a, b) => a + b, 0);
-}
-//# sourceMappingURL=FeatureDomainsDescriptions.js.map

package/lib/widgets/feature-space/FeatureExplorationPaths.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureExplorationPaths = void 0;
-const react_1 = __importDefault(require("react"));
-const feature_exploration_path_1 = require("../../feature-descriptor/feature-exploration-path");
-const FeatureExplorationPaths = ({ explorationPaths, selectedJoinIds, setSelectedJoinIds }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null, explorationPaths.map((explorationPath, idx) => (react_1.default.createElement("div", { key: idx, className: "exploration-path" },
-        react_1.default.createElement(feature_exploration_path_1.ExplorationPathHeader, { explorationPath: explorationPath, explorationPathIndex: idx }),
-        react_1.default.createElement("div", { style: { paddingLeft: '16px' } },
-            react_1.default.createElement(feature_exploration_path_1.ExplorationPathJoinList, { joins: explorationPath.joins, selectedJoinIds: selectedJoinIds, setSelectedJoinIds: setSelectedJoinIds })))))));
-};
-exports.FeatureExplorationPaths = FeatureExplorationPaths;
-//# sourceMappingURL=FeatureExplorationPaths.js.map

package/lib/widgets/feature-space/FeatureSpaceView.js

@@ -1,52 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureSpaceView = void 0;
-const react_1 = __importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const material_1 = require("@mui/material");
-const widget_model_1 = require("../../utils/widget-model");
-const widget_theme_1 = require("../../utils/widget-theme");
-const FeatureExplorationPaths_1 = require("./FeatureExplorationPaths");
-const domains_descriptions_tree_1 = require("../../feature-descriptor/domains-descriptions-tree");
-const FeatureDomainsDescriptions_1 = require("./FeatureDomainsDescriptions");
-const Divider = () => (react_1.default.createElement("div", { style: {
-        height: '1px',
-        borderTop: '1px solid var(--c-grey-300)',
-        marginBlock: '24px',
-    } }));
-const FeatureSpaceView = props => {
-    const [featureSpace] = (0, widget_model_1.useModelState)('value');
-    const [configuration] = (0, widget_model_1.useModelState)('configuration');
-    const selectedJoinsModel = (0, widget_model_1.useModelState)('_selected_joins');
-    const selectedFiltersModel = (0, widget_model_1.useModelState)('_selected_filters');
-    const selectedAggregationsModel = (0, widget_model_1.useModelState)('_selected_aggregations');
-    const [filterDescriptionsTree, setFilterDescriptionsTree] = react_1.default.useState(() => ({ types: [] }));
-    const [aggregationDescriptionsTree, setAggregationDescriptionsTree] = react_1.default.useState(() => ({ types: [] }));
-    react_1.default.useEffect(() => {
-        setFilterDescriptionsTree(domains_descriptions_tree_1.DescriptionsTree.appendNodeId(featureSpace.filters, 'f'));
-    }, [featureSpace.filters]);
-    react_1.default.useEffect(() => {
-        setAggregationDescriptionsTree(domains_descriptions_tree_1.DescriptionsTree.appendNodeId(featureSpace.aggregations, 'a'));
-    }, [featureSpace.aggregations]);
-    const descriptionTreeConfig = react_1.default.useMemo(() => ({
-        isWithCheckboxes: configuration.selectable,
-        areCheckboxesDisabled: configuration.disabled,
-    }), [configuration]);
-    return (react_1.default.createElement(styles_1.ThemeProvider, { theme: widget_theme_1.theme },
-        react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTreeConfigContextProvider, { configuration: descriptionTreeConfig },
-            react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTreeItemSelectionContextProvider, null,
-                react_1.default.createElement(FeatureExplorationPaths_1.FeatureExplorationPaths, { explorationPaths: featureSpace.explorationPaths, selectedJoinIds: selectedJoinsModel[0], setSelectedJoinIds: selectedJoinsModel[1] }),
-                react_1.default.createElement(Divider, null),
-                react_1.default.createElement(material_1.Grid, { container: true, spacing: 6 },
-                    react_1.default.createElement(material_1.Grid, { item: true, xs: 6 },
-                        react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsSelectionContextProvider, { selectedDomainDescriptionIds: selectedFiltersModel[0], setSelectedDomainDescriptionIds: selectedFiltersModel[1] },
-                            react_1.default.createElement(FeatureDomainsDescriptions_1.FeatureDomainsDescriptions, { domainName: "Filters", descriptionsTree: filterDescriptionsTree, selectedJoinIds: selectedJoinsModel[0] }))),
-                    react_1.default.createElement(material_1.Grid, { item: true, xs: 6, sx: { overflow: 'hidden' } },
-                        react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsSelectionContextProvider, { selectedDomainDescriptionIds: selectedAggregationsModel[0], setSelectedDomainDescriptionIds: selectedAggregationsModel[1] },
-                            react_1.default.createElement(FeatureDomainsDescriptions_1.FeatureDomainsDescriptions, { domainName: "Aggregations", descriptionsTree: aggregationDescriptionsTree, selectedJoinIds: selectedJoinsModel[0] }))))))));
-};
-exports.FeatureSpaceView = FeatureSpaceView;
-//# sourceMappingURL=FeatureSpaceView.js.map

package/lib/widgets/index.js

@@ -1,21 +0,0 @@
-"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 });
-// Import the CSS
-require("../../css/widget.css");
-__exportStar(require("./FeatureLeaderboardWidget"), exports);
-__exportStar(require("./FeatureSpaceWidget"), exports);
-//# sourceMappingURL=index.js.map