dotdata_widgets 0.1.2 → 0.1.3

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 (164) hide show
  1. package/README.md +27 -3
  2. package/css/colors.css +4 -0
  3. package/css/typography.css +9 -0
  4. package/css/widget.css +26 -4
  5. package/dist/index.js +74 -1
  6. package/lib/components/accordion/Accordion.js +47 -13
  7. package/lib/components/accordion/index.js +18 -1
  8. package/lib/components/input/index.js +18 -1
  9. package/lib/components/input/input.js +11 -3
  10. package/lib/extension.js +18 -1
  11. package/lib/feature/feature-details/FeatureCorrelatedFeaturesTable.js +22 -0
  12. package/lib/feature/feature-details/FeatureDistributionChart.js +218 -0
  13. package/lib/feature/feature-details/FeatureStatisticsTable.js +44 -0
  14. package/lib/feature/feature-details/index.js +20 -0
  15. package/lib/feature/feature-explanation/FeatureExplanation.js +48 -0
  16. package/lib/feature/feature-explanation/components/ColoredExplanationBlock.js +36 -0
  17. package/lib/feature/feature-explanation/components/ColumnExplanationBlock.js +12 -0
  18. package/lib/feature/feature-explanation/components/DataSlotExplanationBlock.js +12 -0
  19. package/lib/feature/feature-explanation/components/PetExplanationBlock.js +11 -0
  20. package/lib/feature/feature-explanation/components/TextExplanationBlock.js +10 -0
  21. package/lib/feature/feature-explanation/components/TextWithDataSlotContextExplanationBlock.js +10 -0
  22. package/lib/feature/feature-explanation/components/TopicExplanationBlock.js +10 -0
  23. package/lib/feature/feature-explanation/components/UnknownExplanationBlock.js +10 -0
  24. package/lib/feature-descriptor/context/fd-domains-descriptions-selection.context.js +37 -0
  25. package/lib/feature-descriptor/context/index.js +18 -0
  26. package/lib/feature-descriptor/domains-descriptors-tree/components/column-tree-item.js +16 -0
  27. package/lib/feature-descriptor/domains-descriptors-tree/components/descriptions-tree-item.js +50 -0
  28. package/lib/feature-descriptor/domains-descriptors-tree/components/index.js +18 -0
  29. package/lib/feature-descriptor/domains-descriptors-tree/components/tree-item-label.js +56 -0
  30. package/lib/feature-descriptor/domains-descriptors-tree/components/type-tree-item.js +19 -0
  31. package/lib/feature-descriptor/domains-descriptors-tree/context/domains-descriptions-tree-item-selection-context.js +56 -0
  32. package/lib/feature-descriptor/domains-descriptors-tree/context/index.js +18 -0
  33. package/lib/feature-descriptor/domains-descriptors-tree/domains-descriptions-tree.js +44 -0
  34. package/lib/feature-descriptor/domains-descriptors-tree/index.js +21 -0
  35. package/lib/feature-descriptor/domains-descriptors-tree/models/domains-descriptions-tree.model.js +37 -0
  36. package/lib/feature-descriptor/domains-descriptors-tree/models/index.js +18 -0
  37. package/lib/feature-descriptor/domains-descriptors-tree/utils/create-domain-predicate.js +16 -0
  38. package/lib/feature-descriptor/domains-descriptors-tree/utils/filter-domains-descriptions-tree.js +23 -0
  39. package/lib/feature-descriptor/domains-descriptors-tree/utils/index.js +19 -0
  40. package/lib/feature-descriptor/feature-details/FeatureCorrelatedFeaturesTable.js +21 -13
  41. package/lib/feature-descriptor/feature-details/FeatureDistributionChart.js +36 -8
  42. package/lib/feature-descriptor/feature-details/FeatureStatisticsTable.js +25 -17
  43. package/lib/feature-descriptor/feature-details/index.js +20 -3
  44. package/lib/feature-descriptor/feature-explanation/FeatureExplanation.js +40 -32
  45. package/lib/feature-descriptor/feature-explanation/components/ColoredExplanationBlock.js +17 -9
  46. package/lib/feature-descriptor/feature-explanation/components/ColumnExplanationBlock.js +12 -4
  47. package/lib/feature-descriptor/feature-explanation/components/DataSlotExplanationBlock.js +12 -4
  48. package/lib/feature-descriptor/feature-explanation/components/PetExplanationBlock.js +11 -3
  49. package/lib/feature-descriptor/feature-explanation/components/TextExplanationBlock.js +10 -2
  50. package/lib/feature-descriptor/feature-explanation/components/TextWithDataSlotContextExplanationBlock.js +10 -2
  51. package/lib/feature-descriptor/feature-explanation/components/TopicExplanationBlock.js +10 -2
  52. package/lib/feature-descriptor/feature-explanation/components/UnknownExplanationBlock.js +10 -2
  53. package/lib/feature-descriptor/feature-exploration-path/exploration-path-header.js +38 -0
  54. package/lib/feature-descriptor/feature-exploration-path/exploration-path-join-list.js +28 -0
  55. package/lib/feature-descriptor/feature-exploration-path/index.js +19 -0
  56. package/lib/feature-descriptors-domain/context/feature-domain-descriptions-selection.context.js +37 -0
  57. package/lib/feature-descriptors-domain/context/feature-domain-selection.context.js +37 -0
  58. package/lib/feature-descriptors-domain/context/index.js +19 -0
  59. package/lib/feature-descriptors-domain/exploration-path/exploration-path-header.js +15 -7
  60. package/lib/feature-descriptors-domain/exploration-path/exploration-path-join-list.js +11 -3
  61. package/lib/feature-descriptors-domain/exploration-path/index.js +19 -2
  62. package/lib/feature-descriptors-domain/fd-grouped-domain-tree.js +81 -0
  63. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/components/column-tree-item.js +17 -0
  64. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/components/descriptions-tree-item.js +49 -0
  65. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/components/index.js +18 -0
  66. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/components/selection-indicator-with-label.js +40 -0
  67. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/components/type-tree-item.js +16 -0
  68. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/feature-descriptor-domain-descriptions-context.js +43 -0
  69. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/feature-descriptor-domain-descriptions-tree.js +57 -0
  70. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions/index.js +18 -0
  71. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/column-tree-item.js +17 -0
  72. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/description-tree-item.js +2 -0
  73. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/descriptions-tree-item.js +49 -0
  74. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/index.js +18 -0
  75. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/selection-indicator-with-label.js +19 -0
  76. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/tree-item-label.js +15 -0
  77. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/tree-level-item.js +54 -0
  78. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/components/type-tree-item.js +16 -0
  79. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/feature-descriptor-domain-descriptions-tree.js +55 -0
  80. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/feature-descriptor-domain-descriptions-tree.model.js +2 -0
  81. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/index.js +18 -0
  82. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/utils/filter-domain-descriptions.js +21 -0
  83. package/lib/feature-descriptors-domain/feature-descriptor-domain-descriptions-tree/utils/index.js +18 -0
  84. package/lib/feature-descriptors-domain/feature-descriptor-grouped-domain-tree.js +87 -0
  85. package/lib/feature-descriptors-domain/feature-domain-descriptions/components/column-tree-item.js +16 -0
  86. package/lib/feature-descriptors-domain/feature-domain-descriptions/components/descriptions-tree-item.js +50 -0
  87. package/lib/feature-descriptors-domain/feature-domain-descriptions/components/index.js +18 -0
  88. package/lib/feature-descriptors-domain/feature-domain-descriptions/components/selection-indicator-with-label.js +67 -0
  89. package/lib/feature-descriptors-domain/feature-domain-descriptions/components/type-tree-item.js +19 -0
  90. package/lib/feature-descriptors-domain/feature-domain-descriptions/feature-domain-descriptions-context.js +37 -0
  91. package/lib/feature-descriptors-domain/feature-domain-descriptions/feature-domain-descriptions-tree.js +51 -0
  92. package/lib/feature-descriptors-domain/feature-domain-descriptions/index.js +18 -0
  93. package/lib/feature-descriptors-domain/feature-exploration-path/exploration-path-header.js +38 -0
  94. package/lib/feature-descriptors-domain/feature-exploration-path/exploration-path-join-list.js +36 -0
  95. package/lib/feature-descriptors-domain/feature-exploration-path/index.js +19 -0
  96. package/lib/feature-descriptors-domain/grouped-domains-descriptions-list.js +28 -17
  97. package/lib/feature-descriptors-domain/selected-feature-domain-context.js +2 -0
  98. package/lib/feature-descriptors-domain/utils/filter-domain-descriptions.js +23 -0
  99. package/lib/feature-descriptors-domain/utils/filter-grouped-domain-descriptions.js +23 -0
  100. package/lib/feature-descriptors-domain/utils/index.js +18 -0
  101. package/lib/index.js +19 -2
  102. package/lib/models/column/column.js +3 -1
  103. package/lib/models/column/index.js +18 -1
  104. package/lib/models/feature/feature-histogram.js +8 -4
  105. package/lib/models/feature/feature-leaderboard.js +3 -1
  106. package/lib/models/feature/feature-metric.js +16 -0
  107. package/lib/models/feature/feature.js +3 -12
  108. package/lib/models/feature/index.js +20 -2
  109. package/lib/models/feature-descriptor/feature-descriptor.js +3 -0
  110. package/lib/models/feature-descriptor/feature-descriptors-domain.js +3 -0
  111. package/lib/models/feature-descriptor-domain/fd-domains-description.js +3 -0
  112. package/lib/models/feature-descriptor-domain/fd-join-description.js +3 -0
  113. package/lib/models/feature-descriptor-domain/index.js +19 -0
  114. package/lib/models/feature-descriptors-domain/fd-domain-description.js +9 -1
  115. package/lib/models/feature-descriptors-domain/fd-grouped-domain-descriptions.js +3 -1
  116. package/lib/models/feature-descriptors-domain/index.js +19 -2
  117. package/lib/models/feature-explanation/feature-explanation.model.js +6 -2
  118. package/lib/models/feature-explanation/index.js +18 -1
  119. package/lib/models/feature-leaderboard/feature-leaderboard.js +3 -1
  120. package/lib/models/feature-leaderboard/index.js +18 -1
  121. package/lib/models/feature-space/exploration-path.js +3 -0
  122. package/lib/models/feature-space/feature-space-description.js +3 -0
  123. package/lib/models/feature-space/feature-space.js +3 -1
  124. package/lib/models/feature-space/grouped-domains-descriptions.js +3 -0
  125. package/lib/models/feature-space/index.js +20 -1
  126. package/lib/models/index.js +1 -0
  127. package/lib/plugin.js +33 -7
  128. package/lib/utils/asserations.js +6 -1
  129. package/lib/utils/index.js +20 -3
  130. package/lib/utils/localize.js +8 -4
  131. package/lib/utils/object/extract-property.js +6 -1
  132. package/lib/utils/object/index.js +19 -2
  133. package/lib/utils/object/is-set.js +8 -2
  134. package/lib/utils/widget/index.js +19 -2
  135. package/lib/utils/widget/widget-model-context.js +36 -7
  136. package/lib/utils/widget/widget-model.js +14 -8
  137. package/lib/utils/widget-model/index.js +19 -0
  138. package/lib/utils/widget-model/widget-model-context.js +42 -0
  139. package/lib/utils/widget-model/widget-model.js +30 -0
  140. package/lib/utils/widget-theme/index.js +18 -0
  141. package/lib/utils/widget-theme/widget-theme.js +99 -0
  142. package/lib/version.js +6 -2
  143. package/lib/widgets/FeatureLeaderboardWidget.js +25 -15
  144. package/lib/widgets/FeatureSpaceWidget.js +27 -15
  145. package/lib/widgets/feature-leaderboard/FeatureLeaderboardEntries.js +17 -9
  146. package/lib/widgets/feature-leaderboard/FeatureLeaderboardOverview.js +15 -18
  147. package/lib/widgets/feature-leaderboard/FeatureLeaderboardView.js +22 -14
  148. package/lib/widgets/feature-leaderboard/entry-item/FeatureLeaderboardEntryDetails.js +22 -14
  149. package/lib/widgets/feature-leaderboard/entry-item/FeatureLeaderboardEntryItem.js +19 -11
  150. package/lib/widgets/feature-leaderboard/leaderboard-overview/overview-metric-slider.js +2 -0
  151. package/lib/widgets/feature-leaderboard/leaderboard-overview/overview-slider.js +62 -0
  152. package/lib/widgets/feature-space/FeatureDomainsDescriptions.js +82 -0
  153. package/lib/widgets/feature-space/FeatureExplorationPaths.js +14 -35
  154. package/lib/widgets/feature-space/FeatureSpaceDomain.js +75 -0
  155. package/lib/widgets/feature-space/FeatureSpaceDomainDescriptions.js +80 -0
  156. package/lib/widgets/feature-space/FeatureSpaceDomainsDescriptions.js +63 -28
  157. package/lib/widgets/feature-space/FeatureSpaceView.js +47 -10
  158. package/lib/widgets/index.js +20 -3
  159. package/package.json +8 -3
  160. package/LICENSE.txt +0 -27
  161. package/lib/hooks/index.js +0 -1
  162. package/lib/hooks/widget-model.js +0 -1
  163. package/lib/utils/widget/widget-context-wrapper.js +0 -9
  164. package/lib/widget.js +0 -34
@@ -1,6 +1,12 @@
1
- import React from 'react';
2
- import { FeatureMetric } from '../../models/feature';
3
- import { Localize } from '../../utils';
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.FeatureStatisticsTable = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const feature_1 = require("../../models/feature");
9
+ const _utils_1 = require("../../utils");
4
10
  const metricRowStyle = {
5
11
  borderTop: '1px solid var(--c-grey-100)',
6
12
  display: 'flex',
@@ -13,24 +19,26 @@ const metricNameStyle = {
13
19
  textTransform: 'capitalize',
14
20
  };
15
21
  const statsOrder = [
16
- FeatureMetric.Min,
17
- FeatureMetric.Max,
18
- FeatureMetric.Mean,
19
- FeatureMetric.Stddev,
20
- FeatureMetric.Count,
21
- FeatureMetric.NullRatio,
22
- FeatureMetric.ZerosRatio,
23
- FeatureMetric.Correlation,
24
- FeatureMetric.FeatureAUC,
22
+ feature_1.FeatureMetric.Min,
23
+ feature_1.FeatureMetric.Max,
24
+ feature_1.FeatureMetric.Mean,
25
+ feature_1.FeatureMetric.Stddev,
26
+ feature_1.FeatureMetric.Count,
27
+ feature_1.FeatureMetric.NullRatio,
28
+ feature_1.FeatureMetric.ZerosRatio,
29
+ feature_1.FeatureMetric.Correlation,
30
+ feature_1.FeatureMetric.FeatureAUC,
25
31
  ];
26
- export const FeatureStatisticsTable = ({ statistics }) => {
27
- return (React.createElement("div", { style: { columnCount: 2, columnFill: 'balance', columnGap: '60px' } }, Object.entries(statistics)
32
+ const FeatureStatisticsTable = ({ statistics }) => {
33
+ return (react_1.default.createElement("div", { style: { columnCount: 2, columnFill: 'balance', columnGap: '60px' } }, Object.entries(statistics)
28
34
  .sort(sortStatsByName)
29
- .map(([metricName, metricValue]) => (React.createElement("div", { key: metricName, style: metricRowStyle },
30
- React.createElement("span", { className: "label-bold", style: metricNameStyle }, metricName),
35
+ .map(([metricName, metricValue]) => (react_1.default.createElement("div", { key: metricName, style: metricRowStyle },
36
+ react_1.default.createElement("span", { className: "label-bold", style: metricNameStyle }, metricName),
31
37
  ' ',
32
- React.createElement("span", null, Localize.formatNumber(metricValue, '-')))))));
38
+ react_1.default.createElement("span", null, _utils_1.Localize.formatNumber(metricValue, '-')))))));
33
39
  };
40
+ exports.FeatureStatisticsTable = FeatureStatisticsTable;
34
41
  function sortStatsByName(a, b) {
35
42
  return statsOrder.indexOf(a[0]) - statsOrder.indexOf(b[0]);
36
43
  }
44
+ //# sourceMappingURL=FeatureStatisticsTable.js.map
@@ -1,3 +1,20 @@
1
- export * from './FeatureStatisticsTable';
2
- export * from './FeatureDistributionChart';
3
- export * from './FeatureCorrelatedFeaturesTable';
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./FeatureStatisticsTable"), exports);
18
+ __exportStar(require("./FeatureDistributionChart"), exports);
19
+ __exportStar(require("./FeatureCorrelatedFeaturesTable"), exports);
20
+ //# sourceMappingURL=index.js.map
@@ -1,40 +1,48 @@
1
- import React from 'react';
2
- import { FeatureExplanationBlock } from '../../models/feature-explanation';
3
- import { TextExplanationBlock } from './components/TextExplanationBlock';
4
- import { ColumnExplanationBlock } from './components/ColumnExplanationBlock';
5
- import { PetExplanationBlock } from './components/PetExplanationBlock';
6
- import { DataSlotExplanationBlock } from './components/DataSlotExplanationBlock';
7
- import { TopicExplanationBlock } from './components/TopicExplanationBlock';
8
- import { TextWithDataSlotContextExplanationBlock } from './components/TextWithDataSlotContextExplanationBlock';
9
- import { UnknownExplanationBlock } from './components/UnknownExplanationBlock';
10
- export const FeatureExplanation = ({ explanationBlocks, }) => {
11
- return (React.createElement("div", { style: { display: 'flex' } }, explanationBlocks.map(block => {
12
- if (FeatureExplanationBlock.isTextExplanationBlock(block)) {
13
- return React.createElement(TextExplanationBlock, { ...block });
14
- }
15
- else if (FeatureExplanationBlock.isColumnExplanationBlock(block)) {
16
- return React.createElement(ColumnExplanationBlock, { ...block });
17
- }
18
- else if (FeatureExplanationBlock.isDataSlotExplanationBlock(block)) {
19
- return React.createElement(DataSlotExplanationBlock, { ...block });
20
- }
21
- else if (FeatureExplanationBlock.isPetExplanationBlock(block)) {
22
- return React.createElement(PetExplanationBlock, { ...block });
23
- }
24
- else if (FeatureExplanationBlock.isTextWithDataSlotContextExplanationBlock(block)) {
25
- return React.createElement(TextWithDataSlotContextExplanationBlock, { ...block });
26
- }
27
- else if (FeatureExplanationBlock.isTopicExplanationBlock(block)) {
28
- return React.createElement(TopicExplanationBlock, { ...block });
29
- }
30
- else if (FeatureExplanationBlock.isOperatorExplanationBlock(block)) {
31
- return (React.createElement(FeatureExplanation, { explanationBlocks: block.tokens.map(token => ({
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.FeatureExplanation = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const feature_explanation_1 = require("../../models/feature-explanation");
9
+ const TextExplanationBlock_1 = require("./components/TextExplanationBlock");
10
+ const ColumnExplanationBlock_1 = require("./components/ColumnExplanationBlock");
11
+ const PetExplanationBlock_1 = require("./components/PetExplanationBlock");
12
+ const DataSlotExplanationBlock_1 = require("./components/DataSlotExplanationBlock");
13
+ const TopicExplanationBlock_1 = require("./components/TopicExplanationBlock");
14
+ const TextWithDataSlotContextExplanationBlock_1 = require("./components/TextWithDataSlotContextExplanationBlock");
15
+ const UnknownExplanationBlock_1 = require("./components/UnknownExplanationBlock");
16
+ const FeatureExplanation = ({ explanationBlocks, }) => {
17
+ return (react_1.default.createElement("div", { style: { display: 'flex' } }, explanationBlocks.map(block => {
18
+ if (feature_explanation_1.FeatureExplanationBlock.isTextExplanationBlock(block)) {
19
+ return react_1.default.createElement(TextExplanationBlock_1.TextExplanationBlock, { ...block });
20
+ }
21
+ else if (feature_explanation_1.FeatureExplanationBlock.isColumnExplanationBlock(block)) {
22
+ return react_1.default.createElement(ColumnExplanationBlock_1.ColumnExplanationBlock, { ...block });
23
+ }
24
+ else if (feature_explanation_1.FeatureExplanationBlock.isDataSlotExplanationBlock(block)) {
25
+ return react_1.default.createElement(DataSlotExplanationBlock_1.DataSlotExplanationBlock, { ...block });
26
+ }
27
+ else if (feature_explanation_1.FeatureExplanationBlock.isPetExplanationBlock(block)) {
28
+ return react_1.default.createElement(PetExplanationBlock_1.PetExplanationBlock, { ...block });
29
+ }
30
+ else if (feature_explanation_1.FeatureExplanationBlock.isTextWithDataSlotContextExplanationBlock(block)) {
31
+ return react_1.default.createElement(TextWithDataSlotContextExplanationBlock_1.TextWithDataSlotContextExplanationBlock, { ...block });
32
+ }
33
+ else if (feature_explanation_1.FeatureExplanationBlock.isTopicExplanationBlock(block)) {
34
+ return react_1.default.createElement(TopicExplanationBlock_1.TopicExplanationBlock, { ...block });
35
+ }
36
+ else if (feature_explanation_1.FeatureExplanationBlock.isOperatorExplanationBlock(block)) {
37
+ return (react_1.default.createElement(exports.FeatureExplanation, { explanationBlocks: block.tokens.map(token => ({
32
38
  ...token,
33
39
  pathType: block.type,
34
40
  })) }));
35
41
  }
36
42
  else {
37
- return React.createElement(UnknownExplanationBlock, { ...block });
43
+ return react_1.default.createElement(UnknownExplanationBlock_1.UnknownExplanationBlock, { ...block });
38
44
  }
39
45
  })));
40
46
  };
47
+ exports.FeatureExplanation = FeatureExplanation;
48
+ //# sourceMappingURL=FeatureExplanation.js.map
@@ -1,24 +1,30 @@
1
- import React from 'react';
2
- import { FeatureExplanationBlock } from '../../../models/feature-explanation';
3
- export const ColoredExplanationBlock = ({ block, children }) => {
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ColoredExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const feature_explanation_1 = require("../../../models/feature-explanation");
9
+ const ColoredExplanationBlock = ({ block, children }) => {
4
10
  let color = 'revert';
5
11
  let fontWeight = '400';
6
- if (block.type === FeatureExplanationBlock.Type.DataSlot) {
12
+ if (block.type === feature_explanation_1.FeatureExplanationBlock.Type.DataSlot) {
7
13
  color = 'var(--c-blue-700)';
8
14
  fontWeight = '500';
9
15
  }
10
- else if (block.type === FeatureExplanationBlock.Type.Column ||
11
- block.type === FeatureExplanationBlock.Type.PredictionExecutionTime) {
16
+ else if (block.type === feature_explanation_1.FeatureExplanationBlock.Type.Column ||
17
+ block.type === feature_explanation_1.FeatureExplanationBlock.Type.PredictionExecutionTime) {
12
18
  const pathType = block.pathType;
13
19
  if ([
14
- FeatureExplanationBlock.Type.Filter,
15
- FeatureExplanationBlock.Type.Reduce,
20
+ feature_explanation_1.FeatureExplanationBlock.Type.Filter,
21
+ feature_explanation_1.FeatureExplanationBlock.Type.Reduce,
16
22
  ].includes(pathType)) {
17
23
  color = 'var(--c-blue-700)';
18
24
  fontWeight = '500';
19
25
  }
20
26
  }
21
- return (React.createElement("span", { style: {
27
+ return (react_1.default.createElement("span", { style: {
22
28
  color: color,
23
29
  fontWeight,
24
30
  display: 'inline-block',
@@ -26,3 +32,5 @@ export const ColoredExplanationBlock = ({ block, children }) => {
26
32
  whiteSpace: 'pre',
27
33
  } }, children));
28
34
  };
35
+ exports.ColoredExplanationBlock = ColoredExplanationBlock;
36
+ //# sourceMappingURL=ColoredExplanationBlock.js.map
@@ -1,4 +1,12 @@
1
- import React from 'react';
2
- import { ColoredExplanationBlock } from './ColoredExplanationBlock';
3
- export const ColumnExplanationBlock = block => (React.createElement(ColoredExplanationBlock, { block: block },
4
- React.createElement("span", { className: "column-name" }, block.columnName)));
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ColumnExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const ColoredExplanationBlock_1 = require("./ColoredExplanationBlock");
9
+ const ColumnExplanationBlock = block => (react_1.default.createElement(ColoredExplanationBlock_1.ColoredExplanationBlock, { block: block },
10
+ react_1.default.createElement("span", { className: "column-name" }, block.columnName)));
11
+ exports.ColumnExplanationBlock = ColumnExplanationBlock;
12
+ //# sourceMappingURL=ColumnExplanationBlock.js.map
@@ -1,4 +1,12 @@
1
- import React from 'react';
2
- import { ColoredExplanationBlock } from './ColoredExplanationBlock';
3
- export const DataSlotExplanationBlock = block => (React.createElement(ColoredExplanationBlock, { block: block },
4
- React.createElement("span", { className: "sa-data-slot-name" }, block.dataSlotName)));
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.DataSlotExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const ColoredExplanationBlock_1 = require("./ColoredExplanationBlock");
9
+ const DataSlotExplanationBlock = block => (react_1.default.createElement(ColoredExplanationBlock_1.ColoredExplanationBlock, { block: block },
10
+ react_1.default.createElement("span", { className: "sa-data-slot-name" }, block.dataSlotName)));
11
+ exports.DataSlotExplanationBlock = DataSlotExplanationBlock;
12
+ //# sourceMappingURL=DataSlotExplanationBlock.js.map
@@ -1,3 +1,11 @@
1
- import React from 'react';
2
- import { ColoredExplanationBlock } from './ColoredExplanationBlock';
3
- export const PetExplanationBlock = block => (React.createElement(ColoredExplanationBlock, { block: block }, block.stringRepresentation));
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.PetExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const ColoredExplanationBlock_1 = require("./ColoredExplanationBlock");
9
+ const PetExplanationBlock = block => (react_1.default.createElement(ColoredExplanationBlock_1.ColoredExplanationBlock, { block: block }, block.stringRepresentation));
10
+ exports.PetExplanationBlock = PetExplanationBlock;
11
+ //# sourceMappingURL=PetExplanationBlock.js.map
@@ -1,2 +1,10 @@
1
- import React from 'react';
2
- export const TextExplanationBlock = ({ text, }) => React.createElement("span", { style: { whiteSpace: 'pre' } }, text);
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.TextExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const TextExplanationBlock = ({ text, }) => react_1.default.createElement("span", { style: { whiteSpace: 'pre' } }, text);
9
+ exports.TextExplanationBlock = TextExplanationBlock;
10
+ //# sourceMappingURL=TextExplanationBlock.js.map
@@ -1,2 +1,10 @@
1
- import React from 'react';
2
- export const TextWithDataSlotContextExplanationBlock = block => React.createElement("span", { style: { whiteSpace: 'pre' } }, block.text);
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.TextWithDataSlotContextExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const TextWithDataSlotContextExplanationBlock = block => react_1.default.createElement("span", { style: { whiteSpace: 'pre' } }, block.text);
9
+ exports.TextWithDataSlotContextExplanationBlock = TextWithDataSlotContextExplanationBlock;
10
+ //# sourceMappingURL=TextWithDataSlotContextExplanationBlock.js.map
@@ -1,2 +1,10 @@
1
- import React from 'react';
2
- export const TopicExplanationBlock = block => React.createElement("span", { className: "topic" }, block.name);
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.TopicExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const TopicExplanationBlock = block => react_1.default.createElement("span", { className: "topic" }, block.name);
9
+ exports.TopicExplanationBlock = TopicExplanationBlock;
10
+ //# sourceMappingURL=TopicExplanationBlock.js.map
@@ -1,2 +1,10 @@
1
- import React from 'react';
2
- export const UnknownExplanationBlock = () => (React.createElement("span", { style: { whiteSpace: 'pre' } }));
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.UnknownExplanationBlock = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const UnknownExplanationBlock = () => (react_1.default.createElement("span", { style: { whiteSpace: 'pre' } }));
9
+ exports.UnknownExplanationBlock = UnknownExplanationBlock;
10
+ //# sourceMappingURL=UnknownExplanationBlock.js.map
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ExplorationPathHeader = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const ExplorationPathHeader = props => {
9
+ const { targetTable, sourceTable, targetColumns, sourceColumns } = props.explorationPath;
10
+ return (react_1.default.createElement("div", { style: {
11
+ display: 'flex',
12
+ alignItems: 'baseline',
13
+ padding: '12px 16px',
14
+ gap: '8px',
15
+ background: 'var(--c-catskill-white)',
16
+ } },
17
+ react_1.default.createElement("h4", { className: "grey-label", style: { margin: 0 } },
18
+ "[#",
19
+ props.explorationPathIndex,
20
+ "]"),
21
+ react_1.default.createElement("div", null,
22
+ targetTable,
23
+ "[",
24
+ react_1.default.createElement("span", { style: {
25
+ color: 'var(--c-blue-700)',
26
+ fontWeight: '500',
27
+ } }, targetColumns.join(', ')),
28
+ "] - ",
29
+ sourceTable,
30
+ "[",
31
+ react_1.default.createElement("span", { style: {
32
+ color: 'var(--c-blue-700)',
33
+ fontWeight: '500',
34
+ } }, sourceColumns.join(', ')),
35
+ "]")));
36
+ };
37
+ exports.ExplorationPathHeader = ExplorationPathHeader;
38
+ //# sourceMappingURL=exploration-path-header.js.map
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ExplorationPathJoinList = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const lodash_1 = require("lodash");
9
+ const ExplorationPathJoinList = ({ joins, selectedJoinIds, setSelectedJoinIds }) => {
10
+ const isJoinSelected = (join) => selectedJoinIds.includes(join.joinId);
11
+ function toggleJoinSelection(join) {
12
+ setSelectedJoinIds(isJoinSelected(join)
13
+ ? (0, lodash_1.without)(selectedJoinIds, join.joinId)
14
+ : [...selectedJoinIds, join.joinId]);
15
+ }
16
+ return (react_1.default.createElement(react_1.default.Fragment, null,
17
+ react_1.default.createElement("h4", null, "Joins (# of features)"),
18
+ react_1.default.createElement("div", { style: { columns: 3 } }, joins.map(join => (react_1.default.createElement("div", { key: join.joinId, className: `exploration-path-join ${isJoinSelected(join) ? 'selected' : ''}`, onClick: () => toggleJoinSelection(join) },
19
+ "[",
20
+ join.joinId,
21
+ "] ",
22
+ join.description,
23
+ " (",
24
+ join.numFeatures,
25
+ ")"))))));
26
+ };
27
+ exports.ExplorationPathJoinList = ExplorationPathJoinList;
28
+ //# sourceMappingURL=exploration-path-join-list.js.map
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./exploration-path-header"), exports);
18
+ __exportStar(require("./exploration-path-join-list"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.useFeatureDomainDescriptionsSelection = exports.FeatureDomainDescriptionsSelectionContext = void 0;
27
+ const React = __importStar(require("react"));
28
+ exports.FeatureDomainDescriptionsSelectionContext = React.createContext(undefined);
29
+ function useFeatureDomainDescriptionsSelection() {
30
+ const context = React.useContext(exports.FeatureDomainDescriptionsSelectionContext);
31
+ if (context === undefined) {
32
+ throw new Error('useFeatureDomainDescriptionsSelection must be used within a FeatureDomainDescriptionsSelectionContext');
33
+ }
34
+ return context;
35
+ }
36
+ exports.useFeatureDomainDescriptionsSelection = useFeatureDomainDescriptionsSelection;
37
+ //# sourceMappingURL=feature-domain-descriptions-selection.context.js.map
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.useFeatureDomainSelection = exports.FeatureDomainSelectionContext = void 0;
27
+ const React = __importStar(require("react"));
28
+ exports.FeatureDomainSelectionContext = React.createContext(undefined);
29
+ function useFeatureDomainSelection() {
30
+ const context = React.useContext(exports.FeatureDomainSelectionContext);
31
+ if (context === undefined) {
32
+ throw new Error('useFeatureDomainSelection must be used within a FeatureDomainSelectionContext');
33
+ }
34
+ return context;
35
+ }
36
+ exports.useFeatureDomainSelection = useFeatureDomainSelection;
37
+ //# sourceMappingURL=feature-domain-selection.context.js.map
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./feature-domain-selection.context"), exports);
18
+ __exportStar(require("./feature-domain-descriptions-selection.context"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -1,13 +1,21 @@
1
- import React from 'react';
2
- export const ExplorationPathHeader = props => {
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ExplorationPathHeader = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const ExplorationPathHeader = props => {
3
9
  const { targetTable, sourceTable, targetColumns, sourceColumns } = props.explorationPath;
4
- return (React.createElement("div", null,
5
- React.createElement("span", null, targetTable),
10
+ return (react_1.default.createElement("div", null,
11
+ react_1.default.createElement("span", null, targetTable),
6
12
  "[",
7
- React.createElement("span", null, targetColumns.join(', ')),
13
+ react_1.default.createElement("span", null, targetColumns.join(', ')),
8
14
  "]",
9
- React.createElement("span", null, sourceTable),
15
+ react_1.default.createElement("span", null, sourceTable),
10
16
  "[",
11
- React.createElement("span", null, sourceColumns.join(', ')),
17
+ react_1.default.createElement("span", null, sourceColumns.join(', ')),
12
18
  "]"));
13
19
  };
20
+ exports.ExplorationPathHeader = ExplorationPathHeader;
21
+ //# sourceMappingURL=exploration-path-header.js.map
@@ -1,8 +1,16 @@
1
- import React from 'react';
2
- export const ExplorationPathJoinList = props => {
3
- return (React.createElement(React.Fragment, null, props.joins.map(join => (React.createElement("div", { key: join.joinId },
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ExplorationPathJoinList = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const ExplorationPathJoinList = props => {
9
+ return (react_1.default.createElement(react_1.default.Fragment, null, props.joins.map(join => (react_1.default.createElement("div", { key: join.joinId },
4
10
  "[",
5
11
  join.joinId,
6
12
  "] ",
7
13
  join.description)))));
8
14
  };
15
+ exports.ExplorationPathJoinList = ExplorationPathJoinList;
16
+ //# sourceMappingURL=exploration-path-join-list.js.map
@@ -1,2 +1,19 @@
1
- export * from './exploration-path-header';
2
- export * from './exploration-path-join-list';
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./exploration-path-header"), exports);
18
+ __exportStar(require("./exploration-path-join-list"), exports);
19
+ //# sourceMappingURL=index.js.map