dotdata_widgets 0.1.5 → 0.1.7

package/lib/feature/feature-likes/feature-likes.js

@@ -5,6 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureLikes = exports.FeatureLike = void 0;
 const react_1 = __importDefault(require("react"));
+const ThumbUpAlt_1 = __importDefault(require("@mui/icons-material/ThumbUpAlt"));
+const ThumbDownAlt_1 = __importDefault(require("@mui/icons-material/ThumbDownAlt"));
 const ThumbUpOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbUpOffAlt"));
 const ThumbDownOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbDownOffAlt"));
 const material_1 = require("@mui/material");
@@ -14,28 +16,29 @@ var FeatureLike;
     FeatureLike[FeatureLike["Liked"] = 1] = "Liked";
     FeatureLike[FeatureLike["Disliked"] = 2] = "Disliked";
 })(FeatureLike = exports.FeatureLike || (exports.FeatureLike = {}));
+const neutralStyle = {
+    cursor: 'pointer',
+    fontSize: '18px',
+    color: 'var(  --c-grey-600)',
+};
+const likedStyle = {
+    cursor: 'pointer',
+    fontSize: '18px',
+    color: 'var( --c-green-600)',
+};
+const dislikedStyle = {
+    cursor: 'pointer',
+    fontSize: '18px',
+    color: 'var(--c-red-600)',
+};
 const FeatureLikes = ({ liked, toggleIsLiked, toggleIsDisliked }) => {
     return (react_1.default.createElement("span", { style: {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
         } },
-        react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: toggleIsLiked },
-            react_1.default.createElement(ThumbUpOffAlt_1.default, { sx: {
-                    cursor: 'pointer',
-                    fontSize: '18px',
-                    color: liked === FeatureLike.Liked
-                        ? 'var( --c-green-600)'
-                        : 'var(  --c-grey-600)',
-                } })),
-        react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: toggleIsDisliked },
-            react_1.default.createElement(ThumbDownOffAlt_1.default, { sx: {
-                    cursor: 'pointer',
-                    fontSize: '18px',
-                    color: liked === FeatureLike.Disliked
-                        ? 'var(--c-red-600)'
-                        : 'var(  --c-grey-600)',
-                } }))));
+        react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: toggleIsLiked }, [FeatureLike.Neutral, FeatureLike.Disliked].includes(liked) ? (react_1.default.createElement(ThumbUpOffAlt_1.default, { sx: neutralStyle })) : (react_1.default.createElement(ThumbUpAlt_1.default, { sx: likedStyle }))),
+        react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: toggleIsDisliked }, [FeatureLike.Neutral, FeatureLike.Liked].includes(liked) ? (react_1.default.createElement(ThumbDownOffAlt_1.default, { sx: neutralStyle })) : (react_1.default.createElement(ThumbDownAlt_1.default, { sx: dislikedStyle })))));
 };
 exports.FeatureLikes = FeatureLikes;
 //# sourceMappingURL=feature-likes.js.map

package/lib/models/column/field.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Aggregation = void 0;
+var Aggregation;
+(function (Aggregation) {
+    let Type;
+    (function (Type) {
+        Type["AbsoluteTemporalChangeCountRecords"] = "AbsoluteTemporalChangeCountRecords";
+    })(Type = Aggregation.Type || (Aggregation.Type = {}));
+})(Aggregation = exports.Aggregation || (exports.Aggregation = {}));
+//# sourceMappingURL=aggregation.js.map

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=filter.js.map

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=join.js.map

package/lib/models/feature-descriptor/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

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

@@ -5,9 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureLeaderboardView = void 0;
 const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+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 _utils_1 = require("../../utils");
 const FeatureLeaderboardOverview_1 = require("./FeatureLeaderboardOverview");
 const FeatureLeaderboardEntry_1 = require("./leaderboard-entry/FeatureLeaderboardEntry");
 const FeatureLeaderboardEntryRow_1 = require("./leaderboard-entry/FeatureLeaderboardEntryRow");
@@ -18,8 +20,7 @@ const FeatureLeaderboardView = ({ model }) => {
     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]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h2", { className: "grey-label" }, "Feature Pipeline Overview:"),
+    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("br", null),
         react_1.default.createElement("div", { style: { display: 'inline-block', minWidth: '100%' } }, isAssessed

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

@@ -28,7 +28,7 @@ const LeaderBoardFeatureLikes = ({ featureId, }) => {
             setLikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
         }
         if (liked === feature_likes_1.FeatureLike.Disliked) {
-            setDislikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
+            setDislikedFeatures((0, lodash_1.without)(dislikedFeatures, featureId));
             setLikedFeatures([...likedFeatures, featureId]);
         }
     }
@@ -37,11 +37,11 @@ const LeaderBoardFeatureLikes = ({ featureId, }) => {
             setDislikedFeatures([...dislikedFeatures, featureId]);
         }
         if (liked === feature_likes_1.FeatureLike.Disliked) {
-            setDislikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
+            setDislikedFeatures((0, lodash_1.without)(dislikedFeatures, featureId));
         }
         if (liked === feature_likes_1.FeatureLike.Liked) {
             setLikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
-            setDislikedFeatures([...likedFeatures, featureId]);
+            setDislikedFeatures([...dislikedFeatures, featureId]);
         }
     }
     return (react_1.default.createElement(feature_likes_1.FeatureLikes, { liked: liked, toggleIsLiked: toggleIsLiked, toggleIsDisliked: toggleIsDisliked }));

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

@@ -41,7 +41,7 @@ const OverviewSlider = ({ value, setValue, label, labelTooltip, }) => {
         } },
         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" }, label))),
+                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);

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

@@ -32,7 +32,6 @@ const FeatureSpaceView = props => {
         setAggregationDescriptionsTree(domains_descriptions_tree_1.DescriptionsTree.appendGroupId(featureSpace.aggregations, 'a'));
     }, [featureSpace.aggregations]);
     return (react_1.default.createElement(styles_1.ThemeProvider, { theme: widget_theme_1.theme },
-        react_1.default.createElement("h2", { className: "grey-label" }, "Feature Space Overview:"),
         react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTreeConfigContextProvider, { configuration: configuration },
             react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTreeItemSelectionContextProvider, null,
                 react_1.default.createElement(FeatureExplorationPaths_1.FeatureExplorationPaths, { explorationPaths: featureSpace.explorationPaths, selectedJoinIds: selectedJoinIds, setSelectedJoinIds: setSelectedJoinIds }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dotdata_widgets",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "A dotdata widget",
   "keywords": [
     "dotdata",