dotdata_widgets 0.0.29 → 0.0.121

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

@@ -16,49 +16,49 @@ const FeatureLeaderboardEntryDrawer_1 = require("./leaderboard-entry/FeatureLead
 const FeatureLeaderboardOverview_1 = require("./FeatureLeaderboardOverview");
 const FeatureLeaderboardView = ({ model }) => {
     const [featureLeaderboard] = (0, widget_model_1.useModelState)('value');
-    const isAssessed = (0, _utils_1.isNotSet)(featureLeaderboard.isAssessed) || featureLeaderboard.isAssessed;
+    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, isAssessed), [maxCollinearity, confidence, explanationSearch, featureLeaderboard]);
+    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, { isAssessed: isAssessed, confidence: confidence, setConfidence: setConfidence, maxCollinearity: maxCollinearity, setMaxCollinearity: setMaxCollinearity, setSearch: setExplanationSearch }),
+        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: isAssessed ? '30px' : 0 } }, "Feature ID"),
-            isAssessed ? react_1.default.createElement("span", { className: "confidence" }, "Confidence") : null,
+            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%' } }, 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, isAssessed: isAssessed, config: {
-                    onSetModel: 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,
-                                });
+        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;
-                    },
-                } }),
+                        });
+                    }
+                    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, isAssessed: false, config: {
-                        initMode: FeatureLeaderboardEntryDrawer_1.DrawerMode.Copy,
-                        isWithLikes: false,
-                        isWithActions: false,
-                        onCancel: () => setCopiedFeature(undefined),
-                    } }),
+                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 filterFeatures(featureLeaderboard, maxCollinearity, confidence, explanationSearchPhrase, isAssessed) {
+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;
@@ -69,7 +69,7 @@ function filterFeatures(featureLeaderboard, maxCollinearity, confidence, explana
         ? entry.maxAbsCorrelationOfSimplerFeature <= maxCollinearity
         : true;
     const confidenceFilter = (entry) => shouldCheckIsAssessed(entry) ? entry.signalConfidence >= confidence : true;
-    const reduces = isAssessed
+    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]);

package/lib/widgets/feature-leaderboard/components/{LeaderboardFeatureLikes.js → FeatureLeaderboardFeatureLikes.js}

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LeaderboardFeatureLikes = void 0;
+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 LeaderboardFeatureLikes = ({ featureId, }) => {
+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);
@@ -46,5 +46,5 @@ const LeaderboardFeatureLikes = ({ featureId, }) => {
     }
     return (react_1.default.createElement(feature_likes_1.FeatureLikes, { liked: liked, toggleIsLiked: toggleIsLiked, toggleIsDisliked: toggleIsDisliked }));
 };
-exports.LeaderboardFeatureLikes = LeaderboardFeatureLikes;
-//# sourceMappingURL=LeaderboardFeatureLikes.js.map
+exports.FeatureLeaderboardFeatureLikes = FeatureLeaderboardFeatureLikes;
+//# sourceMappingURL=FeatureLeaderboardFeatureLikes.js.map

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

@@ -6,34 +6,9 @@ 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 Code_1 = __importDefault(require("@mui/icons-material/Code"));
-const ModeEdit_1 = __importDefault(require("@mui/icons-material/ModeEdit"));
-const CopyAll_1 = __importDefault(require("@mui/icons-material/CopyAll"));
-const _utils_1 = require("../../../utils");
-const LeaderboardFeatureLikes_1 = require("../components/LeaderboardFeatureLikes");
 const FeatureLeaderboardEntryDetails_1 = require("./FeatureLeaderboardEntryDetails");
 const FeatureLeaderboardEntryFeatureEditor_1 = require("./FeatureLeaderboardEntryFeatureEditor");
-const FeatureLeaderboardEntryHeader_1 = require("./FeatureLeaderboardEntryHeader");
-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 FeatureActions = (props) => {
-    var _a, _b;
-    const isWithActions = (_a = props.isWithActions) !== null && _a !== void 0 ? _a : true;
-    const isWithLikes = (_b = props.isWithLikes) !== null && _b !== void 0 ? _b : true;
-    return (react_1.default.createElement("div", { style: { marginLeft: 'auto', display: 'flex', gap: '5px' } },
-        isWithActions ? (react_1.default.createElement("div", { className: "fl-entry-row-actions" },
-            react_1.default.createElement("div", { className: "fl-entry-row-hidden-actions" },
-                react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: () => props.setMode(DrawerMode.Edit) },
-                    react_1.default.createElement(ModeEdit_1.default, { className: "action-btn" })),
-                react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: () => props.setMode(DrawerMode.Copy) },
-                    react_1.default.createElement(CopyAll_1.default, { className: "action-btn" })),
-                react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: () => props.setMode(DrawerMode.Code) },
-                    react_1.default.createElement(Code_1.default, { className: "action-btn" }))))) : null,
-        isWithLikes ? (react_1.default.createElement(LeaderboardFeatureLikes_1.LeaderboardFeatureLikes, { featureId: props.featureEntry.feature.id })) : null));
-};
+const feature_leaderboard_entry_drawer_header_1 = require("./feature-leaderboard-entry-drawer-header");
 var DrawerMode;
 (function (DrawerMode) {
     DrawerMode["None"] = "none";
@@ -42,19 +17,14 @@ var DrawerMode;
     DrawerMode["Code"] = "code";
     DrawerMode["Details"] = "details";
 })(DrawerMode = exports.DrawerMode || (exports.DrawerMode = {}));
-const FeatureLeaderboardEntryDrawer = props => {
+const FeatureLeaderboardEntryDrawer = (props) => {
     var _a;
-    const [mode, setMode] = react_1.default.useState(() => { var _a, _b; return (_b = (_a = props.config) === null || _a === void 0 ? void 0 : _a.initMode) !== null && _b !== void 0 ? _b : DrawerMode.None; });
+    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 isWithAssessment = props.isAssessed;
-    const isAssessed = (_a = props.featureEntry.isAssessed) !== null && _a !== void 0 ? _a : props.isAssessed;
-    const toggleModel = (toggledMode) => {
-        return () => onSetModel(mode === toggledMode ? DrawerMode.None : toggledMode);
-    };
-    const onSetModel = (mode) => {
-        var _a, _b;
-        if ((_a = props.config) === null || _a === void 0 ? void 0 : _a.onSetModel) {
-            const setInlineMode = (_b = props.config.onSetModel(mode)) !== null && _b !== void 0 ? _b : true;
+    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);
             }
@@ -64,19 +34,12 @@ const FeatureLeaderboardEntryDrawer = props => {
         }
     };
     const onCancel = () => {
-        var _a, _b;
+        var _a;
         setMode(DrawerMode.None);
-        (_b = (_a = props.config) === null || _a === void 0 ? void 0 : _a.onCancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+        (_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("div", { className: "feature-leaderboard-entry-drawer-header", style: { display: 'flex' } },
-            isAssessed && isWithAssessment ? (react_1.default.createElement(DetailsToggle, { onClick: toggleModel(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(FeatureLeaderboardEntryHeader_1.FeatureLeaderboardEntryHeader, { feature: props.featureEntry.feature, isEdited: mode === DrawerMode.Edit, onClose: onCancel }),
-            react_1.default.createElement(FeatureActions, Object.assign({ mode: mode, setMode: onSetModel, featureEntry: props.featureEntry }, props === null || props === void 0 ? void 0 : props.config))),
+        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),

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

@@ -0,0 +1,39 @@
+"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

@@ -0,0 +1,35 @@
+"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

@@ -0,0 +1,34 @@
+"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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dotdata_widgets",
-  "version": "0.0.29",
+  "version": "0.0.121",
   "description": "A dotdata widget",
   "keywords": [
     "dotdata",
@@ -45,6 +45,7 @@
     "lint:check": "eslint . --ext .ts,.tsx",
     "prepack": "yarn run build:lib",
     "test": "jest",
+    "format": "prettier --write \"src/**/*.ts\"",
     "watch": "npm-run-all -p watch:*",
     "watch:lib": "concurrently \"tsc -w\" \"tsc-alias -w\"",
     "watch:nbextension": "webpack --watch --mode=development",

package/lib/components/column-source-type-icons/source-type-int.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.SourceTypeInt = void 0;
-const react_1 = __importDefault(require("react"));
-const SourceTypeInt = (props = { size: 24 }) => (react_1.default.createElement("svg", { viewBox: "0 0 24 24", width: props.size, height: props.size },
-    react_1.default.createElement("g", null,
-        react_1.default.createElement("rect", { width: "24", height: "24", fill: "#575757", rx: "3", x: "0", y: "0" }),
-        react_1.default.createElement("text", { fill: "rgb(255, 255, 255)", style: {
-                fontSize: '11px',
-                fontWeight: '700'
-            }, x: "3", y: "16" }))));
-exports.SourceTypeInt = SourceTypeInt;
-//# sourceMappingURL=source-type-int.js.map

package/lib/models/feature-descriptor/fd_data/utils.js

@@ -1,25 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.prettify = void 0;
-function prettify(item) {
-    const { type } = item, fields = __rest(item, ["type"]);
-    return `${type}(${Object.entries(fields)
-        .map(([k, v]) => `${k.toString()}=${prettifyValue(v)}`)
-        .join(', ')})`;
-    function prettifyValue(value) {
-        return typeof value === 'string' ? `'${value}'` : `${value}`;
-    }
-}
-exports.prettify = prettify;
-//# sourceMappingURL=utils.js.map

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

@@ -1,15 +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.FeatureLeaderboardEntryHeader = void 0;
-const react_1 = __importDefault(require("react"));
-const feature_user_explanation_1 = require("../../../feature/feature-user-explanation");
-const FeatureExplanation_1 = require("../../../feature/feature-explanation/FeatureExplanation");
-const FeatureLeaderboardUserExplanation_1 = require("./FeatureLeaderboardUserExplanation");
-const FeatureLeaderboardEntryHeader = (props) => {
-    return (react_1.default.createElement("div", { style: { flex: '1 0 auto' } }, props.isEdited ? (react_1.default.createElement(FeatureLeaderboardUserExplanation_1.FeatureLeaderboardUserExplanation, { feature: props.feature, onClose: props.onClose })) : 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.FeatureLeaderboardEntryHeader = FeatureLeaderboardEntryHeader;
-//# sourceMappingURL=FeatureLeaderboardEntryHeader.js.map

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

@@ -1,28 +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.FeatureLeaderboardUserExplanation = 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 ActionFooter_1 = require("../../../components/ActionFooter");
-const feature_user_explanation_1 = require("../../../feature/feature-user-explanation");
-const FeatureLeaderboardUserExplanation = (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_1.explanationToUserExplanation)(props.feature.explanation.tokens));
-    return (react_1.default.createElement("div", { style: { display: 'flex' } },
-        react_1.default.createElement(feature_user_explanation_1.FeatureUserExplanation, { 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.FeatureLeaderboardUserExplanation = FeatureLeaderboardUserExplanation;
-//# sourceMappingURL=FeatureLeaderboardUserExplanation.js.map