dotdata_widgets 0.1.6 → 0.1.8

package/lib/feature-descriptor/domains-descriptions-tree/components/tree-item-label.js

@@ -16,7 +16,7 @@ var SelectionIndicator;
     SelectionIndicator["Indeterminate"] = "indeterminate";
 })(SelectionIndicator || (SelectionIndicator = {}));
 const TreeItemLabel = props => {
-    const { selectable } = (0, context_1.useDomainsDescriptionsTreeConfig)();
+    const { isWithCheckboxes, areCheckboxesDisabled } = (0, context_1.useDomainsDescriptionsTreeConfig)();
     const [selectedTreeItems, { toggleTreeItemSelection }] = (0, context_1.useDomainsDescriptionsTreeItemSelection)();
     const [selectedDomainDescriptionsIds, { toggleSelection }] = (0, context_1.useDomainsDescriptionsSelectionContext)();
     const managedDescriptionIds = react_1.default.useMemo(() => feature_descriptor_domain_1.DomainsDescriptionId.listToMap(props.managedDescriptions.map((0, _utils_1.extractProperty)('id'))), []);
@@ -24,8 +24,14 @@ const TreeItemLabel = props => {
     function isSelected() {
         return (0, _utils_1.isSet)(selectedTreeItems[props.nodeId]);
     }
-    return (react_1.default.createElement(material_1.FormControlLabel, { className: `text-ellipsis selection-indicator ${isSelected() ? 'selected' : ''}`, sx: { display: 'block', paddingLeft: selectable ? 'initial' : '10px' }, control: selectable ? (react_1.default.createElement(material_1.Checkbox, { sx: { paddingBlock: '2px' }, checked: checked === SelectionIndicator.Checked, indeterminate: checked === SelectionIndicator.Indeterminate, onClick: event => {
+    return (react_1.default.createElement(material_1.FormControlLabel, { className: `text-ellipsis selection-indicator ${isSelected() ? 'selected' : ''}`, sx: {
+            display: 'block',
+            paddingLeft: isWithCheckboxes ? 'initial' : '10px',
+        }, 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 => {
                 event.stopPropagation();
+                if (areCheckboxesDisabled) {
+                    return;
+                }
                 const checked = event.target.checked;
                 toggleSelection(checked, props.managedDescriptions.map((0, _utils_1.extractProperty)('id')));
             } })) : (react_1.default.createElement(react_1.default.Fragment, null)), label: props.label, onClick: event => {

package/lib/feature-descriptor/domains-descriptions-tree/config/index.js

@@ -4,7 +4,8 @@ exports.DomainsDescriptionsTreeConfig = void 0;
 var DomainsDescriptionsTreeConfig;
 (function (DomainsDescriptionsTreeConfig) {
     DomainsDescriptionsTreeConfig.DEFAULT = {
-        selectable: true,
+        isWithCheckboxes: true,
+        areCheckboxesDisabled: false,
     };
 })(DomainsDescriptionsTreeConfig = exports.DomainsDescriptionsTreeConfig || (exports.DomainsDescriptionsTreeConfig = {}));
 //# sourceMappingURL=index.js.map

package/lib/feature-descriptor/feature-descriptor-editor/AggregationEditor.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AggregationEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const AggregationEditor = ({ aggregation }) => {
+    return react_1.default.createElement(react_1.default.Fragment, null, "AggregationEditor");
+};
+exports.AggregationEditor = AggregationEditor;
+//# sourceMappingURL=AggregationEditor.js.map

package/lib/feature-descriptor/feature-descriptor-editor/FeatureDescriptorEditor.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureDescriptorEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const FeatureDescriptorEditor = () => {
+    return react_1.default.createElement(react_1.default.Fragment, null, "FeatureDescriptorEditor");
+};
+exports.FeatureDescriptorEditor = FeatureDescriptorEditor;
+//# sourceMappingURL=FeatureDescriptorEditor.js.map

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FeatureDescriptorEditor"), exports);
+//# sourceMappingURL=index.js.map

package/lib/models/column/table.js

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

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

@@ -1,42 +1,25 @@
 "use strict";
-// import { ColumnName } from '../../column';
-// // export interface AbsoluteTemporalChangeCountRecords {}
-//
-// export type Aggregation = AbsoluteTemporalChangeCountRecords;
-//
-// interface TemporalChange {
-//
-// }
-//
-// export interface AbsoluteTemporalChangeCountRecords {
-//   source_time_column: ColumnName;
-//   targetTimeColumn: ColumnName;
-//   upperBound: string;
-//   lowerBound: string;
-//   rangeShift: string;
-// }
-//
-// export interface AbsoluteTemporalChangeMax {
-//   sourceTimeColumn: ColumnName;
-//   targetTimeColumn: ColumnName;
-//   upperBound: string;
-//   lowerBound: string;
-//   sourceColumn: string;
-//   rangeShift: string;
-// }
-//
-// export interface AbsoluteTemporalChangeMean extends AbsoluteTemporalChange {
-//   source_column: string;
-//   range_shift: string;
-// }
-//
-// export interface AbsoluteTemporalChangeMin extends AbsoluteTemporalChange {
-//   source_column: string;
-//   range_shift: string;
-// }
-//
-// export interface AbsoluteTemporalChangeSum extends AbsoluteTemporalChange {
-//   source_column: string;
-//   range_shift: string;
-// }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Aggregation = void 0;
+var Aggregation;
+(function (Aggregation) {
+    let Type;
+    (function (Type) {
+        Type["AbsoluteTemporalChangeCountRecords"] = "AbsoluteTemporalChangeCountRecords";
+        Type["AbsoluteTemporalChangeMax"] = "AbsoluteTemporalChangeMax";
+        Type["AbsoluteTemporalChangeMean"] = "AbsoluteTemporalChangeMean";
+        Type["AbsoluteTemporalChangeMin"] = "AbsoluteTemporalChangeMin";
+        Type["AbsoluteTemporalChangeSum"] = "AbsoluteTemporalChangeSum";
+        Type["AsIs"] = "AsIs";
+        Type["C3"] = "C3";
+        Type["CWT"] = "CWT";
+        Type["ClosestTimeDifference"] = "ClosestTimeDifference";
+        Type["Count"] = "Count";
+        Type["CountRecords"] = "CountRecords";
+        Type["CountUnique"] = "CountUnique";
+        Type["DayOfWeek"] = "DayOfWeek";
+        Type["Distance"] = "Distance";
+        Type["Exist"] = "Exist";
+    })(Type = Aggregation.Type || (Aggregation.Type = {}));
+})(Aggregation = exports.Aggregation || (exports.Aggregation = {}));
 //# sourceMappingURL=aggregation.js.map

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

@@ -1,7 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Filter = void 0;
-class Filter {
-}
-exports.Filter = Filter;
+var Filter;
+(function (Filter) {
+    let Type;
+    (function (Type) {
+        Type["AboveValue"] = "AboveValue";
+        Type["BelowValue"] = "BelowValue";
+        Type["FullPass"] = "FullPass";
+        Type["NgramFilter"] = "NgramFilter";
+        Type["RangeOfValues"] = "RangeOfValues";
+        Type["TimeOfDay"] = "TimeOfDay";
+        Type["Value"] = "Value";
+        Type["Weekday"] = "Weekday";
+        Type["Weekend"] = "Weekend";
+    })(Type = Filter.Type || (Filter.Type = {}));
+})(Filter = exports.Filter || (exports.Filter = {}));
 //# sourceMappingURL=filter.js.map

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

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./aggregation"), exports);
+__exportStar(require("./filter"), exports);
+__exportStar(require("./join"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,11 +1,3 @@
 "use strict";
-// import { Aggregation } from './fd_data/aggregation';
-// import { Filter } from './fd_data/filter';
-//
-// export interface FeatureDescriptor {
-//   name: string;
-//   join: any;
-//   filter: Filter;
-//   aggregation: Aggregation;
-// }
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=feature-descriptor.js.map

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

@@ -1,2 +1,19 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./feature-descriptor"), exports);
+__exportStar(require("./fd_data"), exports);
 //# sourceMappingURL=index.js.map

package/lib/widgets/FeatureSpaceWidget.js

@@ -20,7 +20,7 @@ const defaultState = {
     },
     _selected_filters: [],
     _selected_aggregations: [],
-    configuration: { selectable: true },
+    configuration: { selectable: true, disabled: false },
 };
 class FeatureSpaceWidgetModel extends base_1.DOMWidgetModel {
     defaults() {

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

@@ -5,9 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureLeaderboardView = void 0;
 const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const _utils_1 = require("../../utils");
+const widget_theme_1 = require("../../utils/widget-theme");
 const widget_model_1 = require("../../utils/widget-model");
 const transducer_1 = require("../../utils/transducer");
-const _utils_1 = require("../../utils");
 const FeatureLeaderboardOverview_1 = require("./FeatureLeaderboardOverview");
 const FeatureLeaderboardEntry_1 = require("./leaderboard-entry/FeatureLeaderboardEntry");
 const FeatureLeaderboardEntryRow_1 = require("./leaderboard-entry/FeatureLeaderboardEntryRow");
@@ -18,8 +20,7 @@ const FeatureLeaderboardView = ({ model }) => {
     const [maxCollinearity, setMaxCollinearity] = (0, widget_model_1.useModelState)('max_collinearity');
     const [explanationSearch, setExplanationSearch] = react_1.default.useState(() => '');
     const featureEntries = react_1.default.useMemo(() => filterFeatures(featureLeaderboard, maxCollinearity, confidence, explanationSearch, isAssessed), [maxCollinearity, confidence, explanationSearch, featureLeaderboard]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h2", { className: "grey-label" }, "Feature Pipeline Overview:"),
+    return (react_1.default.createElement(material_1.ThemeProvider, { theme: widget_theme_1.theme },
         react_1.default.createElement(FeatureLeaderboardOverview_1.FeatureLeaderboardOverview, { isAssessed: isAssessed, confidence: confidence, setConfidence: setConfidence, maxCollinearity: maxCollinearity, setMaxCollinearity: setMaxCollinearity, setSearch: setExplanationSearch }),
         react_1.default.createElement("br", null),
         react_1.default.createElement("div", { style: { display: 'inline-block', minWidth: '100%' } }, isAssessed

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

@@ -31,9 +31,12 @@ const FeatureSpaceView = props => {
     react_1.default.useEffect(() => {
         setAggregationDescriptionsTree(domains_descriptions_tree_1.DescriptionsTree.appendGroupId(featureSpace.aggregations, 'a'));
     }, [featureSpace.aggregations]);
+    const descriptionTreeConfig = react_1.default.useMemo(() => ({
+        isWithCheckboxes: configuration.selectable,
+        areCheckboxesDisabled: configuration.disabled,
+    }), [configuration]);
     return (react_1.default.createElement(styles_1.ThemeProvider, { theme: widget_theme_1.theme },
-        react_1.default.createElement("h2", { className: "grey-label" }, "Feature Space Overview:"),
-        react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTreeConfigContextProvider, { configuration: configuration },
+        react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTreeConfigContextProvider, { configuration: descriptionTreeConfig },
             react_1.default.createElement(domains_descriptions_tree_1.DomainsDescriptionsTreeItemSelectionContextProvider, null,
                 react_1.default.createElement(FeatureExplorationPaths_1.FeatureExplorationPaths, { explorationPaths: featureSpace.explorationPaths, selectedJoinIds: selectedJoinIds, setSelectedJoinIds: setSelectedJoinIds }),
                 react_1.default.createElement(Divider, null),

package/package.json

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