dotdata_widgets 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.js +2 -2
  2. package/lib/feature/feature-likes/feature-likes.js +19 -16
  3. package/lib/models/column/field.js +3 -0
  4. package/lib/models/feature-descriptor/fd_data/aggregation.js +42 -0
  5. package/lib/models/feature-descriptor/fd_data/filter.js +7 -0
  6. package/lib/models/feature-descriptor/feature-descriptor.js +9 -1
  7. package/lib/models/feature-descriptor/index.js +2 -0
  8. package/lib/widgets/feature-leaderboard/components/leaderboard-feature-likes.js +3 -3
  9. package/lib/widgets/feature-leaderboard/leaderboard-overview/overview-slider.js +1 -1
  10. package/package.json +1 -1
package/lib/feature/feature-likes/feature-likes.js CHANGED
@@ -5,6 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.FeatureLikes = exports.FeatureLike = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
+ const ThumbUpAlt_1 = __importDefault(require("@mui/icons-material/ThumbUpAlt"));
9
+ const ThumbDownAlt_1 = __importDefault(require("@mui/icons-material/ThumbDownAlt"));
8
10
  const ThumbUpOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbUpOffAlt"));
9
11
  const ThumbDownOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbDownOffAlt"));
10
12
  const material_1 = require("@mui/material");
@@ -14,28 +16,29 @@ var FeatureLike;
14
16
  FeatureLike[FeatureLike["Liked"] = 1] = "Liked";
15
17
  FeatureLike[FeatureLike["Disliked"] = 2] = "Disliked";
16
18
  })(FeatureLike = exports.FeatureLike || (exports.FeatureLike = {}));
19
+ const neutralStyle = {
20
+ cursor: 'pointer',
21
+ fontSize: '18px',
22
+ color: 'var( --c-grey-600)',
23
+ };
24
+ const likedStyle = {
25
+ cursor: 'pointer',
26
+ fontSize: '18px',
27
+ color: 'var( --c-green-600)',
28
+ };
29
+ const dislikedStyle = {
30
+ cursor: 'pointer',
31
+ fontSize: '18px',
32
+ color: 'var(--c-red-600)',
33
+ };
17
34
  const FeatureLikes = ({ liked, toggleIsLiked, toggleIsDisliked }) => {
18
35
  return (react_1.default.createElement("span", { style: {
19
36
  display: 'flex',
20
37
  alignItems: 'center',
21
38
  justifyContent: 'center',
22
39
  } },
23
- react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: toggleIsLiked },
24
- react_1.default.createElement(ThumbUpOffAlt_1.default, { sx: {
25
- cursor: 'pointer',
26
- fontSize: '18px',
27
- color: liked === FeatureLike.Liked
28
- ? 'var( --c-green-600)'
29
- : 'var( --c-grey-600)',
30
- } })),
31
- react_1.default.createElement(material_1.IconButton, { color: "primary", size: "small", onClick: toggleIsDisliked },
32
- react_1.default.createElement(ThumbDownOffAlt_1.default, { sx: {
33
- cursor: 'pointer',
34
- fontSize: '18px',
35
- color: liked === FeatureLike.Disliked
36
- ? 'var(--c-red-600)'
37
- : 'var( --c-grey-600)',
38
- } }))));
40
+ 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 }))),
41
+ 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 })))));
39
42
  };
40
43
  exports.FeatureLikes = FeatureLikes;
41
44
  //# sourceMappingURL=feature-likes.js.map
package/lib/models/column/field.js ADDED
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=field.js.map
package/lib/models/feature-descriptor/fd_data/aggregation.js ADDED
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ // import { ColumnName } from '../../column';
3
+ // // export interface AbsoluteTemporalChangeCountRecords {}
4
+ //
5
+ // export type Aggregation = AbsoluteTemporalChangeCountRecords;
6
+ //
7
+ // interface TemporalChange {
8
+ //
9
+ // }
10
+ //
11
+ // export interface AbsoluteTemporalChangeCountRecords {
12
+ // source_time_column: ColumnName;
13
+ // targetTimeColumn: ColumnName;
14
+ // upperBound: string;
15
+ // lowerBound: string;
16
+ // rangeShift: string;
17
+ // }
18
+ //
19
+ // export interface AbsoluteTemporalChangeMax {
20
+ // sourceTimeColumn: ColumnName;
21
+ // targetTimeColumn: ColumnName;
22
+ // upperBound: string;
23
+ // lowerBound: string;
24
+ // sourceColumn: string;
25
+ // rangeShift: string;
26
+ // }
27
+ //
28
+ // export interface AbsoluteTemporalChangeMean extends AbsoluteTemporalChange {
29
+ // source_column: string;
30
+ // range_shift: string;
31
+ // }
32
+ //
33
+ // export interface AbsoluteTemporalChangeMin extends AbsoluteTemporalChange {
34
+ // source_column: string;
35
+ // range_shift: string;
36
+ // }
37
+ //
38
+ // export interface AbsoluteTemporalChangeSum extends AbsoluteTemporalChange {
39
+ // source_column: string;
40
+ // range_shift: string;
41
+ // }
42
+ //# sourceMappingURL=aggregation.js.map
package/lib/models/feature-descriptor/fd_data/filter.js ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Filter = void 0;
4
+ class Filter {
5
+ }
6
+ exports.Filter = Filter;
7
+ //# sourceMappingURL=filter.js.map
package/lib/models/feature-descriptor/feature-descriptor.js CHANGED
@@ -1,3 +1,11 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+ // import { Aggregation } from './fd_data/aggregation';
3
+ // import { Filter } from './fd_data/filter';
4
+ //
5
+ // export interface FeatureDescriptor {
6
+ // name: string;
7
+ // join: any;
8
+ // filter: Filter;
9
+ // aggregation: Aggregation;
10
+ // }
3
11
  //# sourceMappingURL=feature-descriptor.js.map
package/lib/models/feature-descriptor/index.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=index.js.map
package/lib/widgets/feature-leaderboard/components/leaderboard-feature-likes.js CHANGED
@@ -28,7 +28,7 @@ const LeaderBoardFeatureLikes = ({ featureId, }) => {
28
28
  setLikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
29
29
  }
30
30
  if (liked === feature_likes_1.FeatureLike.Disliked) {
31
- setDislikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
31
+ setDislikedFeatures((0, lodash_1.without)(dislikedFeatures, featureId));
32
32
  setLikedFeatures([...likedFeatures, featureId]);
33
33
  }
34
34
  }
@@ -37,11 +37,11 @@ const LeaderBoardFeatureLikes = ({ featureId, }) => {
37
37
  setDislikedFeatures([...dislikedFeatures, featureId]);
38
38
  }
39
39
  if (liked === feature_likes_1.FeatureLike.Disliked) {
40
- setDislikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
40
+ setDislikedFeatures((0, lodash_1.without)(dislikedFeatures, featureId));
41
41
  }
42
42
  if (liked === feature_likes_1.FeatureLike.Liked) {
43
43
  setLikedFeatures((0, lodash_1.without)(likedFeatures, featureId));
44
- setDislikedFeatures([...likedFeatures, featureId]);
44
+ setDislikedFeatures([...dislikedFeatures, featureId]);
45
45
  }
46
46
  }
47
47
  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 CHANGED
@@ -41,7 +41,7 @@ const OverviewSlider = ({ value, setValue, label, labelTooltip, }) => {
41
41
  } },
42
42
  react_1.default.createElement(material_1.Grid, { item: true },
43
43
  react_1.default.createElement(material_1.Tooltip, { title: labelTooltip, placement: "bottom" },
44
- react_1.default.createElement("span", { className: "grey-label label-bold" }, label))),
44
+ react_1.default.createElement("span", { className: "grey-label label-bold", style: { position: 'relative', top: '-3px' } }, label))),
45
45
  react_1.default.createElement(material_1.Grid, { item: true, sx: { maxWidth: '200px', width: '100%' } },
46
46
  react_1.default.createElement(material_1.Slider, { size: "small", step: STEP, min: MIN, max: MAX, value: sliderValue(localValue), onChange: (e, value) => {
47
47
  setLocalValue(value);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dotdata_widgets",
3
- "version": "0.1.5",
3
+ "version": "0.1.6",
4
4
  "description": "A dotdata widget",
5
5
  "keywords": [
6
6
  "dotdata",