dotdata_widgets 0.3.1 → 0.3.2
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -4
- package/README.md +0 -86
- package/css/colors.css +0 -124
- package/css/typography.css +0 -44
- package/css/widget.css +0 -89
- package/lib/components/ActionFooter.js +0 -21
- package/lib/components/WithLabel.js +0 -20
- package/lib/components/accordion/Accordion.js +0 -51
- package/lib/components/accordion/index.js +0 -18
- package/lib/components/column-analytic-type-icons/analytic-type-category.js +0 -13
- package/lib/components/column-analytic-type-icons/analytic-type-datatime.js +0 -13
- package/lib/components/column-analytic-type-icons/analytic-type-geo-latitude.js +0 -13
- package/lib/components/column-analytic-type-icons/analytic-type-geo-longitude.js +0 -13
- package/lib/components/column-analytic-type-icons/analytic-type-numeric.js +0 -13
- package/lib/components/column-analytic-type-icons/index.js +0 -22
- package/lib/components/column-source-type-icons/index.js +0 -30
- package/lib/components/column-source-type-icons/source-type-biginteger.js +0 -14
- package/lib/components/column-source-type-icons/source-type-boolean.js +0 -14
- package/lib/components/column-source-type-icons/source-type-date.js +0 -14
- package/lib/components/column-source-type-icons/source-type-double.js +0 -16
- package/lib/components/column-source-type-icons/source-type-float.js +0 -14
- package/lib/components/column-source-type-icons/source-type-integer.js +0 -14
- package/lib/components/column-source-type-icons/source-type-long.js +0 -16
- package/lib/components/column-source-type-icons/source-type-short.js +0 -16
- package/lib/components/column-source-type-icons/source-type-string.js +0 -14
- package/lib/components/column-source-type-icons/source-type-struct.js +0 -16
- package/lib/components/column-source-type-icons/source-type-timestamp.js +0 -14
- package/lib/components/column-source-type-icons/source-type-unknown.js +0 -16
- package/lib/components/column-source-type-icons/source-type-vectorudt.js +0 -16
- package/lib/embed.js +0 -18
- package/lib/extension.js +0 -44
- package/lib/feature/feature-details/FeatureCorrelatedFeaturesTable.js +0 -22
- package/lib/feature/feature-details/FeatureDistributionChart.js +0 -213
- package/lib/feature/feature-details/FeatureStatisticsTable.js +0 -44
- package/lib/feature/feature-details/index.js +0 -20
- package/lib/feature/feature-explanation/FeatureExplanation.js +0 -49
- package/lib/feature/feature-explanation/components/ColoredExplanationBlock.js +0 -30
- package/lib/feature/feature-explanation/components/ColumnExplanationBlock.js +0 -11
- package/lib/feature/feature-explanation/components/DataSlotExplanationBlock.js +0 -11
- package/lib/feature/feature-explanation/components/PetExplanationBlock.js +0 -11
- package/lib/feature/feature-explanation/components/TextExplanationBlock.js +0 -12
- package/lib/feature/feature-explanation/components/TextWithDataSlotContextExplanationBlock.js +0 -10
- package/lib/feature/feature-explanation/components/TopicExplanationBlock.js +0 -10
- package/lib/feature/feature-explanation/components/UnknownExplanationBlock.js +0 -10
- package/lib/feature/feature-likes/FeatureLikes.js +0 -41
- package/lib/feature/feature-likes/index.js +0 -18
- package/lib/feature/feature-user-explanation/FeatureUserExplanationDisplay.js +0 -23
- package/lib/feature/feature-user-explanation/FeatureUserExplanationEditor.js +0 -14
- package/lib/feature/feature-user-explanation/explanation-to-user-explanation.js +0 -58
- package/lib/feature/feature-user-explanation/index.js +0 -20
- package/lib/feature-descriptor/domains-descriptions-tree/components/column-tree-item.js +0 -16
- package/lib/feature-descriptor/domains-descriptions-tree/components/descriptions-tree-item.js +0 -51
- package/lib/feature-descriptor/domains-descriptions-tree/components/index.js +0 -18
- package/lib/feature-descriptor/domains-descriptions-tree/components/tree-item-label.js +0 -54
- package/lib/feature-descriptor/domains-descriptions-tree/components/type-tree-item.js +0 -19
- package/lib/feature-descriptor/domains-descriptions-tree/config/index.js +0 -11
- package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-selection-context.js +0 -54
- package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-tree-config-context.js +0 -43
- package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-tree-item-selection-context.js +0 -64
- package/lib/feature-descriptor/domains-descriptions-tree/context/index.js +0 -20
- package/lib/feature-descriptor/domains-descriptions-tree/domains-descriptions-tree.js +0 -44
- package/lib/feature-descriptor/domains-descriptions-tree/index.js +0 -22
- package/lib/feature-descriptor/domains-descriptions-tree/models/domains-descriptions-tree.model.js +0 -38
- package/lib/feature-descriptor/domains-descriptions-tree/models/index.js +0 -18
- package/lib/feature-descriptor/domains-descriptions-tree/utils/create-domain-predicate.js +0 -16
- package/lib/feature-descriptor/domains-descriptions-tree/utils/filter-domains-descriptions-tree.js +0 -23
- package/lib/feature-descriptor/domains-descriptions-tree/utils/index.js +0 -19
- package/lib/feature-descriptor/feature-descriptor-editor/AggregationEditor.js +0 -239
- package/lib/feature-descriptor/feature-descriptor-editor/FeatureDescriptorEditor.js +0 -36
- package/lib/feature-descriptor/feature-descriptor-editor/FilterEditor.js +0 -92
- package/lib/feature-descriptor/feature-descriptor-editor/JoinEditor.js +0 -61
- package/lib/feature-descriptor/feature-descriptor-editor/components/EditorTemplateRenderer.js +0 -17
- package/lib/feature-descriptor/feature-descriptor-editor/components/EditorWrapper.js +0 -19
- package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/AggregationTypeSelection.js +0 -15
- package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/DistanceEditor.js +0 -35
- package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/LastKEditor.js +0 -17
- package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/TemporalChangeEditor.js +0 -26
- package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/TopicEditor.js +0 -16
- package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/index.js +0 -22
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/BooleanField.js +0 -19
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/ChipField.js +0 -29
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/ColumnField.js +0 -58
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/DraftEditors.js +0 -51
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/NumberField.js +0 -20
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/StringField.js +0 -18
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/TableColumnField.js +0 -32
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/TableField.js +0 -19
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/_InlineDraftEditor.js +0 -30
- package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/index.js +0 -26
- package/lib/feature-descriptor/feature-descriptor-editor/components/filter/FilterTypeSelection.js +0 -18
- package/lib/feature-descriptor/feature-descriptor-editor/components/filter/index.js +0 -18
- package/lib/feature-descriptor/feature-descriptor-editor/components/index.js +0 -23
- package/lib/feature-descriptor/feature-descriptor-editor/components/join/JoinConditionEditor.js +0 -72
- package/lib/feature-descriptor/feature-descriptor-editor/components/join/JoinConditionTypeSelection.js +0 -15
- package/lib/feature-descriptor/feature-descriptor-editor/components/join/index.js +0 -19
- package/lib/feature-descriptor/feature-descriptor-editor/context/feature-descriptor-editor-context.js +0 -38
- package/lib/feature-descriptor/feature-descriptor-editor/context/feature-descriptor-editor.js +0 -34
- package/lib/feature-descriptor/feature-descriptor-editor/context/index.js +0 -19
- package/lib/feature-descriptor/feature-descriptor-editor/index.js +0 -20
- package/lib/feature-descriptor/feature-descriptor-editor/models/aggregation-draft.js +0 -348
- package/lib/feature-descriptor/feature-descriptor-editor/models/common-field-draft.js +0 -30
- package/lib/feature-descriptor/feature-descriptor-editor/models/feature-descriptor-editor.js +0 -29
- package/lib/feature-descriptor/feature-descriptor-editor/models/filter-draft.js +0 -112
- package/lib/feature-descriptor/feature-descriptor-editor/models/index.js +0 -21
- package/lib/feature-descriptor/feature-descriptor-editor/models/join-draft.js +0 -77
- package/lib/feature-descriptor/feature-exploration-path/exploration-path-header.js +0 -34
- package/lib/feature-descriptor/feature-exploration-path/exploration-path-join-list.js +0 -28
- package/lib/feature-descriptor/feature-exploration-path/index.js +0 -19
- package/lib/models/column/column.js +0 -56
- package/lib/models/column/field.js +0 -3
- package/lib/models/column/index.js +0 -21
- package/lib/models/column/table-columns.js +0 -14
- package/lib/models/column/table.js +0 -3
- package/lib/models/feature/feature-histogram.js +0 -20
- package/lib/models/feature/feature-metric.js +0 -16
- package/lib/models/feature/feature.js +0 -16
- package/lib/models/feature/index.js +0 -20
- package/lib/models/feature-descriptor/fd_data/aggregation.js +0 -85
- package/lib/models/feature-descriptor/fd_data/filter.js +0 -20
- package/lib/models/feature-descriptor/fd_data/index.js +0 -20
- package/lib/models/feature-descriptor/fd_data/join.js +0 -14
- package/lib/models/feature-descriptor/feature-descriptor.js +0 -3
- package/lib/models/feature-descriptor/index.js +0 -19
- package/lib/models/feature-descriptor-domain/fd-domains-description.js +0 -15
- package/lib/models/feature-descriptor-domain/fd-join-description.js +0 -3
- package/lib/models/feature-descriptor-domain/index.js +0 -19
- package/lib/models/feature-explanation/feature-explanation.model.js +0 -30
- package/lib/models/feature-explanation/index.js +0 -18
- package/lib/models/feature-leaderboard/feature-leaderboard.js +0 -3
- package/lib/models/feature-leaderboard/index.js +0 -18
- package/lib/models/feature-space/exploration-path.js +0 -3
- package/lib/models/feature-space/feature-space.js +0 -3
- package/lib/models/feature-space/grouped-domains-descriptions.js +0 -3
- package/lib/models/feature-space/index.js +0 -20
- package/lib/notebook.js +0 -18
- package/lib/plugin.js +0 -54
- package/lib/utils/asserations.js +0 -10
- package/lib/utils/crypto.js +0 -28
- package/lib/utils/index.js +0 -22
- package/lib/utils/localize.js +0 -18
- package/lib/utils/object/extract-property.js +0 -11
- package/lib/utils/object/index.js +0 -19
- package/lib/utils/object/is-set.js +0 -12
- package/lib/utils/redux/action.js +0 -35
- package/lib/utils/redux/index.js +0 -10
- package/lib/utils/redux/models.js +0 -3
- package/lib/utils/redux/reducer.js +0 -30
- package/lib/utils/transducer.js +0 -16
- package/lib/utils/types.js +0 -3
- package/lib/utils/widget-api.js +0 -47
- package/lib/utils/widget-model/index.js +0 -19
- package/lib/utils/widget-model/widget-model-context.js +0 -42
- package/lib/utils/widget-model/widget-model.js +0 -30
- package/lib/utils/widget-theme/index.js +0 -18
- package/lib/utils/widget-theme/widget-theme.js +0 -99
- package/lib/version.js +0 -21
- package/lib/widgets/FeatureLeaderboardWidget.js +0 -55
- package/lib/widgets/FeatureSpaceWidget.js +0 -49
- package/lib/widgets/feature-leaderboard/FeatureLeaderboardOverview.js +0 -25
- package/lib/widgets/feature-leaderboard/FeatureLeaderboardView.js +0 -79
- package/lib/widgets/feature-leaderboard/components/FeatureLeaderboardFeatureLikes.js +0 -50
- package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntryDetails.js +0 -23
- package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntryDrawer.js +0 -51
- package/lib/widgets/feature-leaderboard/leaderboard-entry/FeatureLeaderboardEntryFeatureEditor.js +0 -43
- package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/FeatureLeaderboardEntryActions.js +0 -39
- package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/FeatureLeaderboardEntryDrawerHeader.js +0 -37
- package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/FeatureLeaderboardEntryExplanation.js +0 -34
- package/lib/widgets/feature-leaderboard/leaderboard-entry/feature-leaderboard-entry-drawer-header/index.js +0 -18
- package/lib/widgets/feature-leaderboard/leaderboard-overview/overview-slider.js +0 -62
- package/lib/widgets/feature-space/FeatureDomainsDescriptions.js +0 -74
- package/lib/widgets/feature-space/FeatureExplorationPaths.js +0 -16
- package/lib/widgets/feature-space/FeatureSpaceView.js +0 -52
- package/lib/widgets/index.js +0 -21
|
@@ -1,49 +0,0 @@
|
|
|
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 FeatureExplanationInternal = ({ explanationBlocks, }) => {
|
|
17
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, explanationBlocks.map(block => {
|
|
18
|
-
if (feature_explanation_1.FeatureExplanationBlock.isTextExplanationBlock(block)) {
|
|
19
|
-
return react_1.default.createElement(TextExplanationBlock_1.TextExplanationBlock, Object.assign({}, block));
|
|
20
|
-
}
|
|
21
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isColumnExplanationBlock(block)) {
|
|
22
|
-
return react_1.default.createElement(ColumnExplanationBlock_1.ColumnExplanationBlock, Object.assign({}, block));
|
|
23
|
-
}
|
|
24
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isDataSlotExplanationBlock(block)) {
|
|
25
|
-
return react_1.default.createElement(DataSlotExplanationBlock_1.DataSlotExplanationBlock, Object.assign({}, block));
|
|
26
|
-
}
|
|
27
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isPetExplanationBlock(block)) {
|
|
28
|
-
return react_1.default.createElement(PetExplanationBlock_1.PetExplanationBlock, Object.assign({}, block));
|
|
29
|
-
}
|
|
30
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isTextWithDataSlotContextExplanationBlock(block)) {
|
|
31
|
-
return react_1.default.createElement(TextWithDataSlotContextExplanationBlock_1.TextWithDataSlotContextExplanationBlock, Object.assign({}, block));
|
|
32
|
-
}
|
|
33
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isTopicExplanationBlock(block)) {
|
|
34
|
-
return react_1.default.createElement(TopicExplanationBlock_1.TopicExplanationBlock, Object.assign({}, block));
|
|
35
|
-
}
|
|
36
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isOperatorExplanationBlock(block)) {
|
|
37
|
-
return (react_1.default.createElement(FeatureExplanationInternal, { explanationBlocks: block.tokens.map(token => (Object.assign(Object.assign({}, token), { pathType: block.type }))) }));
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
return react_1.default.createElement(UnknownExplanationBlock_1.UnknownExplanationBlock, Object.assign({}, block));
|
|
41
|
-
}
|
|
42
|
-
})));
|
|
43
|
-
};
|
|
44
|
-
const FeatureExplanation = ({ explanationBlocks, }) => {
|
|
45
|
-
return (react_1.default.createElement("span", { style: { whiteSpace: 'nowrap' } },
|
|
46
|
-
react_1.default.createElement(FeatureExplanationInternal, { explanationBlocks: explanationBlocks })));
|
|
47
|
-
};
|
|
48
|
-
exports.FeatureExplanation = FeatureExplanation;
|
|
49
|
-
//# sourceMappingURL=FeatureExplanation.js.map
|
|
@@ -1,30 +0,0 @@
|
|
|
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 }) => {
|
|
10
|
-
let color = 'revert';
|
|
11
|
-
let fontWeight = '400';
|
|
12
|
-
if (block.type === feature_explanation_1.FeatureExplanationBlock.Type.DataSlot) {
|
|
13
|
-
color = 'var(--c-blue-700)';
|
|
14
|
-
fontWeight = '500';
|
|
15
|
-
}
|
|
16
|
-
else if (block.type === feature_explanation_1.FeatureExplanationBlock.Type.Column ||
|
|
17
|
-
block.type === feature_explanation_1.FeatureExplanationBlock.Type.PredictionExecutionTime) {
|
|
18
|
-
const pathType = block.pathType;
|
|
19
|
-
if ([
|
|
20
|
-
feature_explanation_1.FeatureExplanationBlock.Type.Filter,
|
|
21
|
-
feature_explanation_1.FeatureExplanationBlock.Type.Reduce,
|
|
22
|
-
].includes(pathType)) {
|
|
23
|
-
color = 'var(--c-blue-700)';
|
|
24
|
-
fontWeight = '500';
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
return react_1.default.createElement("span", { style: { color, fontWeight } }, children);
|
|
28
|
-
};
|
|
29
|
-
exports.ColoredExplanationBlock = ColoredExplanationBlock;
|
|
30
|
-
//# sourceMappingURL=ColoredExplanationBlock.js.map
|
|
@@ -1,11 +0,0 @@
|
|
|
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 }, block.columnName));
|
|
10
|
-
exports.ColumnExplanationBlock = ColumnExplanationBlock;
|
|
11
|
-
//# sourceMappingURL=ColumnExplanationBlock.js.map
|
|
@@ -1,11 +0,0 @@
|
|
|
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 }, block.dataSlotName));
|
|
10
|
-
exports.DataSlotExplanationBlock = DataSlotExplanationBlock;
|
|
11
|
-
//# sourceMappingURL=DataSlotExplanationBlock.js.map
|
|
@@ -1,11 +0,0 @@
|
|
|
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,12 +0,0 @@
|
|
|
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, }) => {
|
|
9
|
-
return react_1.default.createElement(react_1.default.Fragment, null, text);
|
|
10
|
-
};
|
|
11
|
-
exports.TextExplanationBlock = TextExplanationBlock;
|
|
12
|
-
//# sourceMappingURL=TextExplanationBlock.js.map
|
package/lib/feature/feature-explanation/components/TextWithDataSlotContextExplanationBlock.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
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,10 +0,0 @@
|
|
|
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,10 +0,0 @@
|
|
|
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
|
|
@@ -1,41 +0,0 @@
|
|
|
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.FeatureLikes = exports.FeatureLike = void 0;
|
|
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"));
|
|
10
|
-
const ThumbUpOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbUpOffAlt"));
|
|
11
|
-
const ThumbDownOffAlt_1 = __importDefault(require("@mui/icons-material/ThumbDownOffAlt"));
|
|
12
|
-
const material_1 = require("@mui/material");
|
|
13
|
-
var FeatureLike;
|
|
14
|
-
(function (FeatureLike) {
|
|
15
|
-
FeatureLike[FeatureLike["Neutral"] = 0] = "Neutral";
|
|
16
|
-
FeatureLike[FeatureLike["Liked"] = 1] = "Liked";
|
|
17
|
-
FeatureLike[FeatureLike["Disliked"] = 2] = "Disliked";
|
|
18
|
-
})(FeatureLike = exports.FeatureLike || (exports.FeatureLike = {}));
|
|
19
|
-
const neutralStyle = {
|
|
20
|
-
fontSize: '18px',
|
|
21
|
-
color: 'var(--c-grey-600)',
|
|
22
|
-
};
|
|
23
|
-
const likedStyle = {
|
|
24
|
-
fontSize: '18px',
|
|
25
|
-
color: 'var(--c-green-600)',
|
|
26
|
-
};
|
|
27
|
-
const dislikedStyle = {
|
|
28
|
-
fontSize: '18px',
|
|
29
|
-
color: 'var(--c-red-600)',
|
|
30
|
-
};
|
|
31
|
-
const FeatureLikes = ({ liked, toggleIsLiked, toggleIsDisliked }) => {
|
|
32
|
-
return (react_1.default.createElement("span", { style: {
|
|
33
|
-
display: 'flex',
|
|
34
|
-
alignItems: 'center',
|
|
35
|
-
justifyContent: 'center',
|
|
36
|
-
} },
|
|
37
|
-
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 }))),
|
|
38
|
-
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
|
-
};
|
|
40
|
-
exports.FeatureLikes = FeatureLikes;
|
|
41
|
-
//# sourceMappingURL=FeatureLikes.js.map
|
|
@@ -1,18 +0,0 @@
|
|
|
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("./FeatureLikes"), exports);
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,23 +0,0 @@
|
|
|
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.FeatureUserExplanationDisplay = exports.UserExplanationSeparator = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const dompurify_1 = __importDefault(require("dompurify"));
|
|
9
|
-
exports.UserExplanationSeparator = '**';
|
|
10
|
-
const separator = exports.UserExplanationSeparator.split('')
|
|
11
|
-
.map(x => `\\${x}`)
|
|
12
|
-
.join('');
|
|
13
|
-
const FeatureUserExplanationDisplay = (props) => {
|
|
14
|
-
const html = react_1.default.useMemo(() => {
|
|
15
|
-
const styledText = props.userExplanation.replaceAll(new RegExp(`${separator}(.*?)${separator}`, 'gm'), x => `<span style="color: var(--c-blue-700); font-weight: 500;">${x.replaceAll(exports.UserExplanationSeparator, '')}</span>`);
|
|
16
|
-
return dompurify_1.default.sanitize(styledText);
|
|
17
|
-
}, [props.userExplanation]);
|
|
18
|
-
return (react_1.default.createElement("span", { dangerouslySetInnerHTML: {
|
|
19
|
-
__html: html,
|
|
20
|
-
} }));
|
|
21
|
-
};
|
|
22
|
-
exports.FeatureUserExplanationDisplay = FeatureUserExplanationDisplay;
|
|
23
|
-
//# sourceMappingURL=FeatureUserExplanationDisplay.js.map
|
|
@@ -1,14 +0,0 @@
|
|
|
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.FeatureUserExplanationEditor = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const material_1 = require("@mui/material");
|
|
9
|
-
const FeatureUserExplanationEditor = (props) => {
|
|
10
|
-
return (react_1.default.createElement(material_1.FormControl, { style: { width: '100%' } },
|
|
11
|
-
react_1.default.createElement(material_1.TextField, { hiddenLabel: true, margin: "dense", placeholder: "User explanation", style: { width: '100%', marginTop: 0 }, value: props.userExplanation, variant: "standard", size: "small", onChange: e => props.onUserExplanationChange(e.target.value) })));
|
|
12
|
-
};
|
|
13
|
-
exports.FeatureUserExplanationEditor = FeatureUserExplanationEditor;
|
|
14
|
-
//# sourceMappingURL=FeatureUserExplanationEditor.js.map
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.explanationToUserExplanation = void 0;
|
|
4
|
-
const feature_explanation_1 = require("../../models/feature-explanation");
|
|
5
|
-
const FeatureUserExplanationDisplay_1 = require("./FeatureUserExplanationDisplay");
|
|
6
|
-
function explanationToUserExplanation(tokens) {
|
|
7
|
-
return explanationBlockToString(tokens).flat(Infinity).join('');
|
|
8
|
-
}
|
|
9
|
-
exports.explanationToUserExplanation = explanationToUserExplanation;
|
|
10
|
-
function explanationBlockToString(tokens) {
|
|
11
|
-
return tokens.map(block => {
|
|
12
|
-
const textWrapper = ColorizeUserExplanation(block);
|
|
13
|
-
if (feature_explanation_1.FeatureExplanationBlock.isTextExplanationBlock(block)) {
|
|
14
|
-
return textWrapper(block.text);
|
|
15
|
-
}
|
|
16
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isColumnExplanationBlock(block)) {
|
|
17
|
-
return textWrapper(block.columnName);
|
|
18
|
-
}
|
|
19
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isDataSlotExplanationBlock(block)) {
|
|
20
|
-
return textWrapper(block.dataSlotName);
|
|
21
|
-
}
|
|
22
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isPetExplanationBlock(block)) {
|
|
23
|
-
return textWrapper(block.stringRepresentation);
|
|
24
|
-
}
|
|
25
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isTextWithDataSlotContextExplanationBlock(block)) {
|
|
26
|
-
return textWrapper(block.text);
|
|
27
|
-
}
|
|
28
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isTopicExplanationBlock(block)) {
|
|
29
|
-
return textWrapper(block.name);
|
|
30
|
-
}
|
|
31
|
-
else if (feature_explanation_1.FeatureExplanationBlock.isOperatorExplanationBlock(block)) {
|
|
32
|
-
return explanationBlockToString(block.tokens.map(token => (Object.assign(Object.assign({}, token), { pathType: block.type }))));
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
return '...';
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
function ColorizeUserExplanation(block) {
|
|
40
|
-
const wrap = (text) => `${FeatureUserExplanationDisplay_1.UserExplanationSeparator}` + text + `${FeatureUserExplanationDisplay_1.UserExplanationSeparator}`;
|
|
41
|
-
return (text) => {
|
|
42
|
-
if (block.type === feature_explanation_1.FeatureExplanationBlock.Type.DataSlot) {
|
|
43
|
-
return wrap(text);
|
|
44
|
-
}
|
|
45
|
-
else if (block.type === feature_explanation_1.FeatureExplanationBlock.Type.Column ||
|
|
46
|
-
block.type === feature_explanation_1.FeatureExplanationBlock.Type.PredictionExecutionTime) {
|
|
47
|
-
const pathType = block.pathType;
|
|
48
|
-
if ([
|
|
49
|
-
feature_explanation_1.FeatureExplanationBlock.Type.Filter,
|
|
50
|
-
feature_explanation_1.FeatureExplanationBlock.Type.Reduce,
|
|
51
|
-
].includes(pathType)) {
|
|
52
|
-
return wrap(text);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
return text;
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
//# sourceMappingURL=explanation-to-user-explanation.js.map
|
|
@@ -1,20 +0,0 @@
|
|
|
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("./FeatureUserExplanationEditor"), exports);
|
|
18
|
-
__exportStar(require("./FeatureUserExplanationDisplay"), exports);
|
|
19
|
-
__exportStar(require("./explanation-to-user-explanation"), exports);
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,16 +0,0 @@
|
|
|
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.ColumnTreeItem = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const TreeItem_1 = __importDefault(require("@mui/lab/TreeItem"));
|
|
9
|
-
const descriptions_tree_item_1 = require("./descriptions-tree-item");
|
|
10
|
-
const tree_item_label_1 = require("./tree-item-label");
|
|
11
|
-
const ColumnTreeItem = ({ column }) => {
|
|
12
|
-
return column.descriptions.length === 1 ? (react_1.default.createElement(descriptions_tree_item_1.DescriptionsTreeItem, { descriptions: column.descriptions })) : (react_1.default.createElement(TreeItem_1.default, { nodeId: column.nodeId, label: react_1.default.createElement(tree_item_label_1.TreeItemLabel, { label: column.summary, nodeId: column.nodeId, managedDescriptions: column.descriptions }) },
|
|
13
|
-
react_1.default.createElement(descriptions_tree_item_1.DescriptionsTreeItem, { descriptions: column.descriptions })));
|
|
14
|
-
};
|
|
15
|
-
exports.ColumnTreeItem = ColumnTreeItem;
|
|
16
|
-
//# sourceMappingURL=column-tree-item.js.map
|
package/lib/feature-descriptor/domains-descriptions-tree/components/descriptions-tree-item.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
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.DescriptionsTreeItem = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const react_virtual_1 = require("@tanstack/react-virtual");
|
|
9
|
-
const material_1 = require("@mui/material");
|
|
10
|
-
const tree_item_label_1 = require("./tree-item-label");
|
|
11
|
-
const feature_descriptor_domain_1 = require("../../../models/feature-descriptor-domain");
|
|
12
|
-
const listLeftIndentation = '31px';
|
|
13
|
-
const DescriptionsVirtualList = ({ descriptions, }) => {
|
|
14
|
-
const parentRef = react_1.default.useRef(null);
|
|
15
|
-
const rowVirtualizer = (0, react_virtual_1.useVirtualizer)({
|
|
16
|
-
count: descriptions.length,
|
|
17
|
-
getScrollElement: () => parentRef.current,
|
|
18
|
-
estimateSize: () => 25,
|
|
19
|
-
overscan: 5,
|
|
20
|
-
});
|
|
21
|
-
return (react_1.default.createElement("div", { ref: parentRef, style: {
|
|
22
|
-
height: `${Math.min(25 * descriptions.length, 500)}px`,
|
|
23
|
-
overflowY: 'auto',
|
|
24
|
-
overflowX: 'hidden',
|
|
25
|
-
} },
|
|
26
|
-
react_1.default.createElement("div", { style: {
|
|
27
|
-
height: `${rowVirtualizer.getTotalSize()}px`,
|
|
28
|
-
position: 'relative',
|
|
29
|
-
} }, rowVirtualizer.getVirtualItems().map(virtualRow => (react_1.default.createElement("div", { key: virtualRow.index, style: {
|
|
30
|
-
position: 'absolute',
|
|
31
|
-
top: 0,
|
|
32
|
-
right: 0,
|
|
33
|
-
left: listLeftIndentation,
|
|
34
|
-
height: `${virtualRow.size}px`,
|
|
35
|
-
transform: `translateY(${virtualRow.start}px)`,
|
|
36
|
-
} },
|
|
37
|
-
react_1.default.createElement(tree_item_label_1.TreeItemLabel, { label: descriptions[virtualRow.index].description, nodeId: descriptions[virtualRow.index].nodeId, managedDescriptions: [descriptions[virtualRow.index]] })))))));
|
|
38
|
-
};
|
|
39
|
-
const DescriptionsList = ({ descriptions }) => {
|
|
40
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, descriptions.map(description => (react_1.default.createElement(tree_item_label_1.TreeItemLabel, { key: feature_descriptor_domain_1.DomainsDescriptionId.toString(description.id), label: description.description, nodeId: description.nodeId, managedDescriptions: [description] })))));
|
|
41
|
-
};
|
|
42
|
-
const DescriptionsTreeItem = ({ descriptions, }) => {
|
|
43
|
-
const [isVirtualListVisible, setIsVirtualListVisible] = react_1.default.useState(() => false);
|
|
44
|
-
const [limitedDescriptions] = react_1.default.useState(() => descriptions.length < 6 ? descriptions : descriptions.slice(0, 3));
|
|
45
|
-
const isWithShowMore = descriptions.length >= 6;
|
|
46
|
-
return isVirtualListVisible ? (react_1.default.createElement(DescriptionsVirtualList, { descriptions: descriptions })) : (react_1.default.createElement("div", { style: { marginLeft: listLeftIndentation } },
|
|
47
|
-
react_1.default.createElement(DescriptionsList, { descriptions: limitedDescriptions }),
|
|
48
|
-
isWithShowMore ? (react_1.default.createElement(material_1.Button, { sx: { textTransform: 'lowercase', display: 'block' }, size: "small", onClick: () => setIsVirtualListVisible(true) }, "more")) : null));
|
|
49
|
-
};
|
|
50
|
-
exports.DescriptionsTreeItem = DescriptionsTreeItem;
|
|
51
|
-
//# sourceMappingURL=descriptions-tree-item.js.map
|
|
@@ -1,18 +0,0 @@
|
|
|
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("./type-tree-item"), exports);
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,54 +0,0 @@
|
|
|
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.TreeItemLabel = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const material_1 = require("@mui/material");
|
|
9
|
-
const _utils_1 = require("../../../utils");
|
|
10
|
-
const feature_descriptor_domain_1 = require("../../../models/feature-descriptor-domain");
|
|
11
|
-
const context_1 = require("../context");
|
|
12
|
-
var SelectionIndicator;
|
|
13
|
-
(function (SelectionIndicator) {
|
|
14
|
-
SelectionIndicator["Checked"] = "checked";
|
|
15
|
-
SelectionIndicator["Unchecked"] = "unchecked";
|
|
16
|
-
SelectionIndicator["Indeterminate"] = "indeterminate";
|
|
17
|
-
})(SelectionIndicator || (SelectionIndicator = {}));
|
|
18
|
-
const TreeItemLabel = props => {
|
|
19
|
-
const { isWithCheckboxes, areCheckboxesDisabled } = (0, context_1.useDomainsDescriptionsTreeConfig)();
|
|
20
|
-
const [selectedTreeItems, { toggleTreeItemSelection }] = (0, context_1.useDomainsDescriptionsTreeItemSelection)();
|
|
21
|
-
const [selectedDomainDescriptionsIds, { toggleSelection }] = (0, context_1.useDomainsDescriptionsSelectionContext)();
|
|
22
|
-
const managedDescriptionIds = react_1.default.useMemo(() => feature_descriptor_domain_1.DomainsDescriptionId.listToMap(props.managedDescriptions.map((0, _utils_1.extractProperty)('id'))), []);
|
|
23
|
-
const checked = react_1.default.useMemo(() => getSelectionState(managedDescriptionIds, selectedDomainDescriptionsIds), [/*props.managedDescriptions,*/ selectedDomainDescriptionsIds]);
|
|
24
|
-
function isSelected() {
|
|
25
|
-
return (0, _utils_1.isSet)(selectedTreeItems[props.nodeId]);
|
|
26
|
-
}
|
|
27
|
-
return (react_1.default.createElement(material_1.FormControlLabel, { className: `text-ellipsis selection-indicator ${isSelected() ? 'selected' : ''}`, sx: {
|
|
28
|
-
display: 'block',
|
|
29
|
-
paddingLeft: isWithCheckboxes ? 'initial' : '10px',
|
|
30
|
-
}, control: isWithCheckboxes ? (react_1.default.createElement(material_1.Checkbox, { className: areCheckboxesDisabled ? 'disabled' : '', sx: { paddingBlock: '2px' }, checked: checked === SelectionIndicator.Checked, indeterminate: checked === SelectionIndicator.Indeterminate, disableRipple: areCheckboxesDisabled, onClick: event => {
|
|
31
|
-
event.stopPropagation();
|
|
32
|
-
if (areCheckboxesDisabled) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
const checked = event.target.checked;
|
|
36
|
-
toggleSelection(checked, props.managedDescriptions.map((0, _utils_1.extractProperty)('id')));
|
|
37
|
-
} })) : (react_1.default.createElement(react_1.default.Fragment, null)), label: props.label, onClick: event => {
|
|
38
|
-
toggleTreeItemSelection(props.nodeId, props.managedDescriptions.flatMap((0, _utils_1.extractProperty)('domains')));
|
|
39
|
-
event.stopPropagation();
|
|
40
|
-
event.preventDefault();
|
|
41
|
-
} }));
|
|
42
|
-
};
|
|
43
|
-
exports.TreeItemLabel = TreeItemLabel;
|
|
44
|
-
function getSelectionState(managedDescriptionIds, selectedIds) {
|
|
45
|
-
const managedNotSelectedIds = Array.from(managedDescriptionIds.keys()).filter(id => !selectedIds.has(id)).length;
|
|
46
|
-
const areAllChecked = managedNotSelectedIds === 0;
|
|
47
|
-
const areAllUnselected = managedNotSelectedIds === managedDescriptionIds.size;
|
|
48
|
-
return areAllChecked
|
|
49
|
-
? SelectionIndicator.Checked
|
|
50
|
-
: areAllUnselected
|
|
51
|
-
? SelectionIndicator.Unchecked
|
|
52
|
-
: SelectionIndicator.Indeterminate;
|
|
53
|
-
}
|
|
54
|
-
//# sourceMappingURL=tree-item-label.js.map
|
|
@@ -1,19 +0,0 @@
|
|
|
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.TypeTreeItem = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const TreeItem_1 = __importDefault(require("@mui/lab/TreeItem"));
|
|
9
|
-
const _utils_1 = require("../../../utils");
|
|
10
|
-
const column_tree_item_1 = require("./column-tree-item");
|
|
11
|
-
const tree_item_label_1 = require("./tree-item-label");
|
|
12
|
-
const TypeTreeItem = ({ type }) => {
|
|
13
|
-
return type.columns.length === 1 ? (react_1.default.createElement(column_tree_item_1.ColumnTreeItem, { column: type.columns[0] })) : (react_1.default.createElement(TreeItem_1.default, { nodeId: type.nodeId, classes: {
|
|
14
|
-
focused: 'tree-item-focused',
|
|
15
|
-
selected: 'tree-item-focused',
|
|
16
|
-
}, label: react_1.default.createElement(tree_item_label_1.TreeItemLabel, { label: type.summary, nodeId: type.nodeId, managedDescriptions: type.columns.flatMap((0, _utils_1.extractProperty)('descriptions')) }) }, type.columns.map((column, idx) => (react_1.default.createElement(column_tree_item_1.ColumnTreeItem, { key: column.nodeId, column: column })))));
|
|
17
|
-
};
|
|
18
|
-
exports.TypeTreeItem = TypeTreeItem;
|
|
19
|
-
//# sourceMappingURL=type-tree-item.js.map
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DomainsDescriptionsTreeConfig = void 0;
|
|
4
|
-
var DomainsDescriptionsTreeConfig;
|
|
5
|
-
(function (DomainsDescriptionsTreeConfig) {
|
|
6
|
-
DomainsDescriptionsTreeConfig.DEFAULT = {
|
|
7
|
-
isWithCheckboxes: true,
|
|
8
|
-
areCheckboxesDisabled: false,
|
|
9
|
-
};
|
|
10
|
-
})(DomainsDescriptionsTreeConfig = exports.DomainsDescriptionsTreeConfig || (exports.DomainsDescriptionsTreeConfig = {}));
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,54 +0,0 @@
|
|
|
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.DomainsDescriptionsSelectionContextProvider = exports.useDomainsDescriptionsSelectionContext = exports.DomainsDescriptionsSelectionContext = void 0;
|
|
27
|
-
const React = __importStar(require("react"));
|
|
28
|
-
const feature_descriptor_domain_1 = require("../../../models/feature-descriptor-domain");
|
|
29
|
-
exports.DomainsDescriptionsSelectionContext = React.createContext(undefined);
|
|
30
|
-
function useDomainsDescriptionsSelectionContext() {
|
|
31
|
-
const context = React.useContext(exports.DomainsDescriptionsSelectionContext);
|
|
32
|
-
if (context === undefined) {
|
|
33
|
-
throw new Error('useDomainsDescriptionsSelectionContext must be used within a DomainsDescriptionsSelectionContext');
|
|
34
|
-
}
|
|
35
|
-
return context;
|
|
36
|
-
}
|
|
37
|
-
exports.useDomainsDescriptionsSelectionContext = useDomainsDescriptionsSelectionContext;
|
|
38
|
-
function DomainsDescriptionsSelectionContextProvider(props) {
|
|
39
|
-
const selectedDomainDescriptionsIds = React.useMemo(() => feature_descriptor_domain_1.DomainsDescriptionId.listToMap(props.selectedDomainDescriptionIds), [props.selectedDomainDescriptionIds]);
|
|
40
|
-
function toggleSelection(check, ids) {
|
|
41
|
-
ids.forEach(id => {
|
|
42
|
-
if (check) {
|
|
43
|
-
selectedDomainDescriptionsIds.set(feature_descriptor_domain_1.DomainsDescriptionId.toString(id), id);
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
selectedDomainDescriptionsIds.delete(feature_descriptor_domain_1.DomainsDescriptionId.toString(id));
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
props.setSelectedDomainDescriptionIds(Array.from(selectedDomainDescriptionsIds.values()));
|
|
50
|
-
}
|
|
51
|
-
return (React.createElement(exports.DomainsDescriptionsSelectionContext.Provider, Object.assign({ value: [selectedDomainDescriptionsIds, { toggleSelection }] }, props)));
|
|
52
|
-
}
|
|
53
|
-
exports.DomainsDescriptionsSelectionContextProvider = DomainsDescriptionsSelectionContextProvider;
|
|
54
|
-
//# sourceMappingURL=domains-descriptions-selection-context.js.map
|
|
@@ -1,43 +0,0 @@
|
|
|
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.DomainsDescriptionsTreeConfigContextProvider = exports.useDomainsDescriptionsTreeConfig = exports.DomainsDescriptionsTreeConfigContext = void 0;
|
|
27
|
-
const React = __importStar(require("react"));
|
|
28
|
-
const config_1 = require("../config");
|
|
29
|
-
exports.DomainsDescriptionsTreeConfigContext = React.createContext(config_1.DomainsDescriptionsTreeConfig.DEFAULT);
|
|
30
|
-
function useDomainsDescriptionsTreeConfig() {
|
|
31
|
-
const context = React.useContext(exports.DomainsDescriptionsTreeConfigContext);
|
|
32
|
-
if (context === undefined) {
|
|
33
|
-
throw new Error('useDomainsDescriptionsTreeConfig must be used within a DomainsDescriptionsTreeConfigContext');
|
|
34
|
-
}
|
|
35
|
-
return context;
|
|
36
|
-
}
|
|
37
|
-
exports.useDomainsDescriptionsTreeConfig = useDomainsDescriptionsTreeConfig;
|
|
38
|
-
function DomainsDescriptionsTreeConfigContextProvider(props) {
|
|
39
|
-
var _a;
|
|
40
|
-
return (React.createElement(exports.DomainsDescriptionsTreeConfigContext.Provider, Object.assign({ value: (_a = props.configuration) !== null && _a !== void 0 ? _a : config_1.DomainsDescriptionsTreeConfig.DEFAULT }, props)));
|
|
41
|
-
}
|
|
42
|
-
exports.DomainsDescriptionsTreeConfigContextProvider = DomainsDescriptionsTreeConfigContextProvider;
|
|
43
|
-
//# sourceMappingURL=domains-descriptions-tree-config-context.js.map
|