dotdata_widgets 0.2.3 → 0.3.1-dev.10.a8c6aaa7

package/lib/utils/widget-theme/widget-theme.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = void 0;
-const styles_1 = require("@mui/material/styles");
-const themeOptions = {
-    spacing: 4,
-    palette: {
-        primary: {
-            main: '#1976d2;', // --c-blue-700
-        },
-    },
-    typography: {
-        fontSize: 12,
-    },
-    components: {
-        MuiList: {
-            defaultProps: {
-                dense: true,
-            },
-        },
-        MuiMenuItem: {
-            defaultProps: {
-                dense: true,
-            },
-        },
-        MuiTable: {
-            defaultProps: {
-                size: 'small',
-            },
-        },
-        MuiButton: {
-            defaultProps: {
-                size: 'small',
-            },
-        },
-        MuiButtonGroup: {
-            defaultProps: {
-                size: 'small',
-            },
-        },
-        MuiCheckbox: {
-            defaultProps: {
-            // size: 'small',
-            },
-        },
-        MuiFab: {
-            defaultProps: {
-                size: 'small',
-            },
-        },
-        MuiFormControl: {
-            defaultProps: {
-                margin: 'dense',
-                size: 'small',
-            },
-        },
-        MuiFormHelperText: {
-            defaultProps: {
-                margin: 'dense',
-            },
-        },
-        MuiIconButton: {
-            defaultProps: {
-                size: 'small',
-            },
-        },
-        MuiInputBase: {
-            defaultProps: {
-                margin: 'dense',
-            },
-        },
-        MuiInputLabel: {
-            defaultProps: {
-                margin: 'dense',
-            },
-        },
-        MuiRadio: {
-            defaultProps: {
-                size: 'small',
-            },
-        },
-        MuiSwitch: {
-            defaultProps: {
-                size: 'small',
-            },
-        },
-        MuiTextField: {
-            defaultProps: {
-                margin: 'dense',
-                size: 'small',
-            },
-        },
-    },
-    shape: {
-        borderRadius: 4,
-    },
-};
-exports.theme = (0, styles_1.createTheme)(themeOptions);
-//# sourceMappingURL=widget-theme.js.map

package/lib/version.js

@@ -1,21 +0,0 @@
-"use strict";
-// Copyright (c) dotdata
-// Distributed under the terms of the Modified BSD License.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MODULE_NAME = exports.MODULE_VERSION = void 0;
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const data = require('../package.json');
-/**
- * The _model_module_version/_view_module_version this package implements.
- *
- * The html widget manager assumes that this is the same as the npm package
- * version number.
- */
-exports.MODULE_VERSION = data.version;
-/*
- * The current package name.
- */
-exports.MODULE_NAME = data.name;
-//# sourceMappingURL=version.js.map

package/lib/widgets/FeatureLeaderboardWidget.js

@@ -1,55 +0,0 @@
-"use strict";
-// Copyright (c) dotdata
-// Distributed under the terms of the Modified BSD License.
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureLeaderboardWidgetView = exports.FeatureLeaderboardWidgetModel = void 0;
-const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const base_1 = require("@jupyter-widgets/base");
-const widget_model_1 = require("../utils/widget-model");
-const widget_api_1 = require("../utils/widget-api");
-const version_1 = require("../version");
-const FeatureLeaderboardView_1 = require("./feature-leaderboard/FeatureLeaderboardView");
-const defaultState = {
-    value: { allEntries: [], tableColumns: {} },
-    confidence: 0.95,
-    max_collinearity: 0.95,
-    liked_features: [],
-    disliked_features: [],
-};
-class FeatureLeaderboardWidgetModel extends base_1.DOMWidgetModel {
-    defaults() {
-        return Object.assign(Object.assign(Object.assign({}, super.defaults()), { _model_name: 'FeatureLeaderboardWidgetModel', _model_module: version_1.MODULE_NAME, _model_module_version: version_1.MODULE_VERSION, _view_name: 'FeatureLeaderboardWidgetView', _view_module: version_1.MODULE_NAME, _view_module_version: version_1.MODULE_VERSION }), defaultState);
-    }
-}
-exports.FeatureLeaderboardWidgetModel = FeatureLeaderboardWidgetModel;
-FeatureLeaderboardWidgetModel.serializers = Object.assign({}, base_1.DOMWidgetModel.serializers);
-class FeatureLeaderboardWidgetView extends base_1.DOMWidgetView {
-    render() {
-        this.el.classList.add('dotdata-widget');
-        this.el.classList.add('feature-leaderboard-widget');
-        try {
-            const component = react_1.default.createElement((0, widget_model_1.WidgetModelContextProvider)(FeatureLeaderboardView_1.FeatureLeaderboardView), {
-                model: this.model,
-            });
-            react_dom_1.default.render(component, this.el);
-        }
-        catch (err) {
-            console.error('FeatureSpaceWidgetView', err);
-        }
-    }
-    events() {
-        return {
-            create_feature: 'create_feature',
-            set_user_explanation: 'set_user_explanation',
-        };
-    }
-    handle_message(event) {
-        widget_api_1.WidgetApi.handleEvent(event);
-    }
-}
-exports.FeatureLeaderboardWidgetView = FeatureLeaderboardWidgetView;
-//# sourceMappingURL=FeatureLeaderboardWidget.js.map

package/lib/widgets/FeatureSpaceWidget.js

@@ -1,49 +0,0 @@
-"use strict";
-// Copyright (c) dotdata
-// Distributed under the terms of the Modified BSD License.
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureSpaceWidgetView = exports.FeatureSpaceWidgetModel = void 0;
-const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const base_1 = require("@jupyter-widgets/base");
-const version_1 = require("../version");
-const FeatureSpaceView_1 = require("./feature-space/FeatureSpaceView");
-const widget_model_1 = require("../utils/widget-model");
-const defaultState = {
-    value: {
-        explorationPaths: [],
-        filters: { types: [] },
-        aggregations: { types: [] },
-    },
-    _selected_joins: [],
-    _selected_filters: [],
-    _selected_aggregations: [],
-    configuration: { selectable: true, disabled: false },
-};
-class FeatureSpaceWidgetModel extends base_1.DOMWidgetModel {
-    defaults() {
-        return Object.assign(Object.assign(Object.assign({}, super.defaults()), { _model_name: 'FeatureSpaceWidgetModel', _model_module: version_1.MODULE_NAME, _model_module_version: version_1.MODULE_VERSION, _view_name: 'FeatureSpaceWidgetView', _view_module: version_1.MODULE_NAME, _view_module_version: version_1.MODULE_VERSION }), defaultState);
-    }
-}
-exports.FeatureSpaceWidgetModel = FeatureSpaceWidgetModel;
-FeatureSpaceWidgetModel.serializers = Object.assign({}, base_1.DOMWidgetModel.serializers);
-class FeatureSpaceWidgetView extends base_1.DOMWidgetView {
-    render() {
-        this.el.classList.add('dotdata-widget');
-        this.el.classList.add('feature-space-widget');
-        try {
-            const component = react_1.default.createElement((0, widget_model_1.WidgetModelContextProvider)(FeatureSpaceView_1.FeatureSpaceView), {
-                model: this.model,
-            });
-            react_dom_1.default.render(component, this.el);
-        }
-        catch (e) {
-            console.error('FeatureSpaceWidgetView', e);
-        }
-    }
-}
-exports.FeatureSpaceWidgetView = FeatureSpaceWidgetView;
-//# sourceMappingURL=FeatureSpaceWidget.js.map

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

@@ -1,25 +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.FeatureLeaderboardOverview = void 0;
-const react_1 = __importDefault(require("react"));
-const overview_slider_1 = require("./leaderboard-overview/overview-slider");
-const material_1 = require("@mui/material");
-const MAX_COLLINEARITY_TOOLTIP = 'Maximum correlation of any two features on the list';
-const CONFIDENCE_TOOLTIP = 'The probability that a feature is better than a random feature';
-const FeatureLeaderboardOverview = ({ isWithAssessment, confidence, setConfidence, maxCollinearity, setMaxCollinearity, setSearch, }) => {
-    const [searchPhrase, setSearchPhrase] = react_1.default.useState(() => '');
-    return (react_1.default.createElement("div", { style: { display: 'flex' } },
-        isWithAssessment ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(overview_slider_1.OverviewSlider, { value: maxCollinearity, setValue: setMaxCollinearity, label: "Max collinearity:", labelTooltip: MAX_COLLINEARITY_TOOLTIP }),
-            react_1.default.createElement(overview_slider_1.OverviewSlider, { value: confidence, setValue: setConfidence, label: "Confidence:", labelTooltip: CONFIDENCE_TOOLTIP }))) : null,
-        react_1.default.createElement("span", { style: { marginLeft: 'auto', width: '30%' } },
-            react_1.default.createElement(material_1.TextField, { sx: { top: '-8px', width: '100%' }, size: "small", label: "Search", type: "search", variant: "standard", margin: "dense", value: searchPhrase, onChange: e => {
-                    setSearchPhrase(e.target.value);
-                    setSearch(e.target.value);
-                } }))));
-};
-exports.FeatureLeaderboardOverview = FeatureLeaderboardOverview;
-//# sourceMappingURL=FeatureLeaderboardOverview.js.map

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

@@ -1,80 +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, 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,
-                                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: { marginLeft: '30px' } },
-                react_1.default.createElement(FeatureLeaderboardEntryDrawer_1.FeatureLeaderboardEntryDrawer, { featureEntry: copiedFeature.feature, tableColumn: tableColumns, isWithAssessment: false, initMode: FeatureLeaderboardEntryDrawer_1.DrawerMode.Copy, onCancel: () => setCopiedFeature(undefined), isWithLikes: false, isWithActions: false }),
-                react_1.default.createElement("br", null))) : 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, { featureId: props.featureEntry.feature.id, 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,31 +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 Footer = (props) => {
-    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: () => {
-            Widget.callMethod('save_feature', {
-                id: props.featureId,
-                descriptor: validatedDraft.data,
-            })
-                .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, { featureId: props.featureId, onClose: props.onClose })));
-};
-exports.FeatureLeaderboardEntryFeatureEditor = FeatureLeaderboardEntryFeatureEditor;
-//# 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,35 +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}%`,
-            } }, _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