dotdata_widgets 0.1.7 → 0.1.9

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/domains-descriptions-tree/models/domains-descriptions-tree.model.js

@@ -25,12 +25,16 @@ var DescriptionsTree;
     }
     DescriptionsTree.appendGroupId = appendGroupId;
     function createGroupId(prefix) {
-        return (props) => [
-            (0, _utils_1.isSet)(prefix) && `${prefix}_`,
-            (0, _utils_1.isSet)(props.typeIdx) && `t${props.typeIdx}`,
-            (0, _utils_1.isSet)(props.columnIdx) && `c${props.columnIdx}`,
-            (0, _utils_1.isSet)(props.descriptionIdx) && `d${props.descriptionIdx}`,
-        ].join('');
+        return (props) => {
+            return [
+                (0, _utils_1.isSet)(prefix) && `${prefix}`,
+                (0, _utils_1.isSet)(props.typeIdx) && `t${props.typeIdx}`,
+                (0, _utils_1.isSet)(props.columnIdx) && `c${props.columnIdx}`,
+                (0, _utils_1.isSet)(props.descriptionIdx) && `d${props.descriptionIdx}`,
+            ]
+                .filter(Boolean)
+                .join('_');
+        };
     }
     DescriptionsTree.createGroupId = createGroupId;
 })(DescriptionsTree = exports.DescriptionsTree || (exports.DescriptionsTree = {}));

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

@@ -0,0 +1,113 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "@models/feature-descriptor", "./components"], function (require, exports, react_1, feature_descriptor_1, components_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.AggregationEditor = void 0;
+    react_1 = __importDefault(react_1);
+    const AggregationEditorTemplate = {
+        [feature_descriptor_1.Aggregation.Type.AbsoluteTemporalChangeCountRecords]: components_1.TemporalChangeCountEditor,
+        [feature_descriptor_1.Aggregation.Type.AbsoluteTemporalChangeMax]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.AbsoluteTemporalChangeMean]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.AbsoluteTemporalChangeMin]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.AbsoluteTemporalChangeSum]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeCountRecords]: components_1.TemporalChangeCountEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeMax]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeMean]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeMin]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeSum]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeRatioCountRecords]: components_1.TemporalChangeCountEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeRatioMax]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeRatioMean]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeRatioMin]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.TemporalChangeRatioSum]: components_1.TemporalChangeEditor,
+        [feature_descriptor_1.Aggregation.Type.AsIs]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.C3]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "source_time_field", options: props.fields }),
+            react_1.default.createElement(components_1.StringSelectionField, { field: "source_field", options: props.fields }),
+            react_1.default.createElement(components_1.NumberField, { field: "lag" }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.CWT]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "source_time_field", options: props.fields }),
+            react_1.default.createElement(components_1.StringSelectionField, { field: "source_field", options: props.fields }),
+            react_1.default.createElement(components_1.NumberField, { field: "index" }),
+            react_1.default.createElement(components_1.NumberField, { field: "width" }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.ClosestTimeDifference]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "source_field", options: props.fields }),
+            react_1.default.createElement(components_1.StringSelectionField, { field: "target_field", options: props.fields }),
+            react_1.default.createElement(components_1.StringField, { field: "shift" }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.Count]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "field", options: props.fields }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.CountRecords]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "table", options: props.tables }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.CountUnique]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.DayOfWeek]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.Distance]: components_1.DistanceEditor,
+        [feature_descriptor_1.Aggregation.Type.StdDistance]: components_1.DistanceEditor,
+        [feature_descriptor_1.Aggregation.Type.SumDistance]: components_1.DistanceEditor,
+        [feature_descriptor_1.Aggregation.Type.Exist]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "table", options: props.tables }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.NullRatio]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "field", options: props.fields }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.RatioOfValue]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "field", options: props.fields }),
+            react_1.default.createElement(components_1.NumberField, { field: "ratio_value" }),
+            // TODO null_inclusion boolean
+        ],
+        [feature_descriptor_1.Aggregation.Type.Std]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "field", options: props.fields }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.SourceTimeDifference]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column1", options: props.columns }),
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column2", options: props.columns }),
+            react_1.default.createElement(components_1.StringField, { field: "unit" }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.StdSourceTimeDifference]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column1", options: props.columns }),
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column2", options: props.columns }),
+            react_1.default.createElement(components_1.StringField, { field: "unit" }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.Sum]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+        ],
+        [feature_descriptor_1.Aggregation.Type.TargetMeanEncode]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "field", options: props.fields }),
+            react_1.default.createElement(components_1.NumberField, { field: "encoder_id" }),
+        ],
+    };
+    const AggregationEditor = ({ aggregation }) => {
+        var _a, _b;
+        const [tmpAggregation, setTmpAggregation] = react_1.default.useState(() => aggregation);
+        console.log('sss', AggregationEditorTemplate[tmpAggregation.type]);
+        const template = (_b = (_a = AggregationEditorTemplate[tmpAggregation.type]) === null || _a === void 0 ? void 0 : _a.call(AggregationEditorTemplate, {
+            columns: ['aaaa', 'ddddd', ' d3d3d', 'table-name'],
+            fields: ['aaaa', 'ddddd', ' d3d3d', 'table-name'],
+            tables: ['aaaa', 'ddddd', ' d3d3d', 'table-name'],
+        })) !== null && _b !== void 0 ? _b : [];
+        console.log(tmpAggregation);
+        return (react_1.default.createElement(components_1.FdEditorOperationContext.Provider, { value: [tmpAggregation, x => setTmpAggregation(x)] },
+            react_1.default.createElement("div", { style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    gap: '5px 16px',
+                } },
+                react_1.default.createElement(components_1.AggregationTypeSelector, { selectedType: tmpAggregation.type, onTypeChange: type => setTmpAggregation({ type }) }),
+                template.map((fieldWidget) => fieldWidget))));
+    };
+    exports.AggregationEditor = AggregationEditor;
+});
+//# sourceMappingURL=AggregationEditor.js.map

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

@@ -0,0 +1,25 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "@models/feature-descriptor", "./AggregationEditor", "./FilterEditor"], function (require, exports, react_1, feature_descriptor_1, AggregationEditor_1, FilterEditor_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FeatureDescriptorEditor = void 0;
+    react_1 = __importDefault(react_1);
+    const FeatureDescriptorEditor = () => {
+        const aggregation = {
+            type: feature_descriptor_1.Aggregation.Type.CountRecords,
+            table: 'table-name',
+        };
+        const filter = {
+            type: feature_descriptor_1.Filter.Type.FullPass,
+        };
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("p", null, "Aggregation:"),
+            react_1.default.createElement(AggregationEditor_1.AggregationEditor, { aggregation: aggregation }),
+            react_1.default.createElement("p", null, "Filter:"),
+            react_1.default.createElement(FilterEditor_1.FilterEditor, { filter: filter })));
+    };
+    exports.FeatureDescriptorEditor = FeatureDescriptorEditor;
+});
+//# sourceMappingURL=FeatureDescriptorEditor.js.map

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

@@ -0,0 +1,65 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "@models/feature-descriptor", "./components"], function (require, exports, react_1, feature_descriptor_1, components_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FilterEditor = void 0;
+    react_1 = __importDefault(react_1);
+    const FilterEditorTemplate = {
+        [feature_descriptor_1.Filter.Type.AboveValue]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+            react_1.default.createElement(components_1.NumberField, { field: "min_inclusive" }),
+        ],
+        [feature_descriptor_1.Filter.Type.BelowValue]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+            react_1.default.createElement(components_1.NumberField, { field: "max_exclusive" }),
+        ],
+        [feature_descriptor_1.Filter.Type.FullPass]: () => [],
+        [feature_descriptor_1.Filter.Type.NgramFilter]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+            // TODO string[]
+            // <StringField field="ngram" />,
+        ],
+        [feature_descriptor_1.Filter.Type.RangeOfValues]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+            react_1.default.createElement(components_1.NumberField, { field: "max_exclusive" }),
+            react_1.default.createElement(components_1.NumberField, { field: "min_inclusive" }),
+        ],
+        [feature_descriptor_1.Filter.Type.HourOfDay]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+            react_1.default.createElement(components_1.NumberField, { field: "min_hour_inclusive" }),
+            react_1.default.createElement(components_1.NumberField, { field: "max_hour_exclusive" }),
+        ],
+        [feature_descriptor_1.Filter.Type.Value]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+            react_1.default.createElement(components_1.StringField, { field: "value" }),
+        ],
+        [feature_descriptor_1.Filter.Type.Weekday]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+        ],
+        [feature_descriptor_1.Filter.Type.Weekend]: (props) => [
+            react_1.default.createElement(components_1.StringSelectionField, { field: "column", options: props.columns }),
+        ],
+    };
+    /*  prettier-ignore-end */
+    const FilterEditor = ({ filter }) => {
+        var _a, _b;
+        const [tmpFilter, setTmpFilter] = react_1.default.useState(() => filter);
+        const template = (_b = (_a = FilterEditorTemplate[tmpFilter.type]) === null || _a === void 0 ? void 0 : _a.call(FilterEditorTemplate, {
+            columns: ['aaaa', 'ddddd', ' d3d3d', 'table-name'],
+        })) !== null && _b !== void 0 ? _b : [];
+        console.log(tmpFilter);
+        return (react_1.default.createElement(components_1.FdEditorOperationContext.Provider, { value: [tmpFilter, x => setTmpFilter(x)] },
+            react_1.default.createElement("div", { style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                    gap: '5px 16px',
+                } },
+                react_1.default.createElement(components_1.FilterTypeSelector, { selectedType: tmpFilter.type, onTypeChange: type => setTmpFilter({ type }) }),
+                template.map((fieldWidget) => fieldWidget))));
+    };
+    exports.FilterEditor = FilterEditor;
+});
+//# sourceMappingURL=FilterEditor.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/ItemSelection.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemSelection = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+function ItemSelection(props) {
+    const { onValueChange, ...restProps } = props;
+    return (react_1.default.createElement(material_1.Autocomplete, { ...restProps, size: "small", autoComplete: true, disableClearable: true, onChange: (e, value) => value && onValueChange(value), renderInput: params => react_1.default.createElement(material_1.TextField, { ...params, variant: "standard" }) }));
+}
+exports.ItemSelection = ItemSelection;
+//# sourceMappingURL=ItemSelection.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/StringAutocomplete.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringSelection = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+function StringSelection({ options }) {
+    return (react_1.default.createElement(material_1.Autocomplete, { options: options, size: "small", autoComplete: true, disableClearable: true, renderInput: params => react_1.default.createElement(material_1.TextField, { ...params, variant: "standard" }) }));
+}
+exports.StringSelection = StringSelection;
+//# sourceMappingURL=StringAutocomplete.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/ValueInput.js

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

package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/AggregationSelection.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AggregationTypeSelector = void 0;
+const react_1 = __importDefault(require("react"));
+const feature_descriptor_1 = require("../../../../models/feature-descriptor");
+const material_1 = require("@mui/material");
+const AggregationTypeSelector = (props) => {
+    const options = Object.values(feature_descriptor_1.Aggregation.Type);
+    return (react_1.default.createElement(material_1.Autocomplete, { style: { width: '300px' }, options: options, value: props.selectedType, size: "small", autoComplete: true, disableClearable: true, onChange: (e, value) => value && props.onTypeChange(value), renderInput: params => react_1.default.createElement(material_1.TextField, { ...params, variant: "standard" }) }));
+};
+exports.AggregationTypeSelector = AggregationTypeSelector;
+//# sourceMappingURL=AggregationSelection.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/AggregationTypeSelection.js

@@ -0,0 +1,15 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "@models/feature-descriptor", "@mui/material"], function (require, exports, react_1, feature_descriptor_1, material_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.AggregationTypeSelector = void 0;
+    react_1 = __importDefault(react_1);
+    const AggregationTypeSelector = (props) => {
+        const options = Object.values(feature_descriptor_1.Aggregation.Type);
+        return (react_1.default.createElement(material_1.Autocomplete, { style: { width: '300px' }, options: options, value: props.selectedType, size: "small", autoComplete: true, disableClearable: true, onChange: (e, value) => value && props.onTypeChange(value), renderInput: params => react_1.default.createElement(material_1.TextField, Object.assign({}, params, { variant: "standard" })) }));
+    };
+    exports.AggregationTypeSelector = AggregationTypeSelector;
+});
+//# sourceMappingURL=AggregationTypeSelection.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/DistanceEditor.js

@@ -0,0 +1,18 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "../field-widgets"], function (require, exports, react_1, field_widgets_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DistanceEditor = void 0;
+    react_1 = __importDefault(react_1);
+    const DistanceEditor = (props) => [
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "source_time_column", options: props.latitutdeColumns }),
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "latitutde_1_column", options: props.latitutdeColumns }),
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "latitutde_2_column", options: props.latitutdeColumns }),
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "longitude_1_column", options: props.longitudeColumns }),
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "longitude_2_column", options: props.longitudeColumns }),
+    ];
+    exports.DistanceEditor = DistanceEditor;
+});
+//# sourceMappingURL=DistanceEditor.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/TemporalChangeEditor.js

@@ -0,0 +1,23 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "../field-widgets"], function (require, exports, react_1, field_widgets_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TemporalChangeEditor = exports.TemporalChangeCountEditor = void 0;
+    react_1 = __importDefault(react_1);
+    const TemporalChangeCountEditor = (props) => [
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "source_time_column", options: props.columns }),
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "target_time_column", options: props.columns }),
+        react_1.default.createElement(field_widgets_1.StringField, { field: "upper_bound" }),
+        react_1.default.createElement(field_widgets_1.StringField, { field: "lower_bound" }),
+        react_1.default.createElement(field_widgets_1.StringField, { field: "range_shift" }),
+    ];
+    exports.TemporalChangeCountEditor = TemporalChangeCountEditor;
+    const TemporalChangeEditor = (props) => [
+        ...(0, exports.TemporalChangeCountEditor)(props),
+        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "source_column", options: props.columns }),
+    ];
+    exports.TemporalChangeEditor = TemporalChangeEditor;
+});
+//# sourceMappingURL=TemporalChangeEditor.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/aggregation-context.js

@@ -0,0 +1,37 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFdEditorAggregationContext = exports.FdEditorAggregationContext = void 0;
+const React = __importStar(require("react"));
+exports.FdEditorAggregationContext = React.createContext(undefined);
+function useFdEditorAggregationContext() {
+    const context = React.useContext(exports.FdEditorAggregationContext);
+    if (context === undefined) {
+        throw new Error('useFdEditorAggregationContext must be used within a FdEditorAggregationContext');
+    }
+    return context;
+}
+exports.useFdEditorAggregationContext = useFdEditorAggregationContext;
+//# sourceMappingURL=aggregation-context.js.map

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

@@ -0,0 +1,22 @@
+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);
+};
+define(["require", "exports", "./AggregationTypeSelection", "./TemporalChangeEditor", "./DistanceEditor"], function (require, exports, AggregationTypeSelection_1, TemporalChangeEditor_1, DistanceEditor_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __exportStar(AggregationTypeSelection_1, exports);
+    __exportStar(TemporalChangeEditor_1, exports);
+    __exportStar(DistanceEditor_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/explainer.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Token = void 0;
+const react_1 = __importDefault(require("react"));
+function Token(props) {
+    const { field, widget, item, ...widgetProps } = props;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("span", null, field),
+        widget(widgetProps)));
+}
+exports.Token = Token;
+//# sourceMappingURL=explainer.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/fd-operation-context.js

@@ -0,0 +1,19 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react"], function (require, exports, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useFdEditorOperationContext = exports.FdEditorOperationContext = void 0;
+    react_1 = __importDefault(react_1);
+    exports.FdEditorOperationContext = react_1.default.createContext(undefined);
+    function useFdEditorOperationContext() {
+        const context = react_1.default.useContext(exports.FdEditorOperationContext);
+        if (context === undefined) {
+            throw new Error('useFdEditorOperationContext must be used within a FdEditorOperationContext');
+        }
+        return context;
+    }
+    exports.useFdEditorOperationContext = useFdEditorOperationContext;
+});
+//# sourceMappingURL=fd-operation-context.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/FieldLabel.js

@@ -0,0 +1,17 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react"], function (require, exports, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FieldLabel = void 0;
+    react_1 = __importDefault(react_1);
+    const Capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+    const FieldLabel = (props) => {
+        return (react_1.default.createElement("span", { style: { marginRight: '6px' } },
+            Capitalize(props.field.replaceAll('_', ' ')),
+            ":"));
+    };
+    exports.FieldLabel = FieldLabel;
+});
+//# sourceMappingURL=FieldLabel.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/ItemSelection.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnSelection = exports.ItemSelection = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+// Partial<Parameters<typeof Autocomplete<T, false, true, false>>[0]
+// eslint-disable-next-line @typescript-eslint/ban-types
+function ItemSelection(props) {
+    const { onValueChange, value, options } = props;
+    return (react_1.default.createElement(material_1.Autocomplete, { options: options, value: value, size: "small", autoComplete: true, disableClearable: true, onChange: (e, value) => value && onValueChange(value), renderInput: params => react_1.default.createElement(material_1.TextField, { ...params, variant: "standard" }) }));
+}
+exports.ItemSelection = ItemSelection;
+function ColumnSelection(props) {
+    return ItemSelection(props);
+}
+exports.ColumnSelection = ColumnSelection;
+//# sourceMappingURL=ItemSelection.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/NumberField.js

@@ -0,0 +1,24 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "@mui/material", "../fd-operation-context", "./FieldLabel"], function (require, exports, react_1, material_1, fd_operation_context_1, FieldLabel_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.NumberField = void 0;
+    react_1 = __importDefault(react_1);
+    function NumberField(props) {
+        var _a;
+        const [item, setItem] = (0, fd_operation_context_1.useFdEditorOperationContext)();
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        const value = (_a = item[props.field]) !== null && _a !== void 0 ? _a : null;
+        return (react_1.default.createElement("span", { style: {
+                display: 'inline-flex',
+                alignItems: 'center',
+            } },
+            react_1.default.createElement(FieldLabel_1.FieldLabel, { field: props.field }),
+            react_1.default.createElement(material_1.TextField, { style: { width: '80px' }, value: value, variant: "standard", type: "number", onChange: e => setItem(Object.assign(Object.assign({}, item), { [props.field]: Number(e.target.value) })) })));
+    }
+    exports.NumberField = NumberField;
+});
+//# sourceMappingURL=NumberField.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/StringField.js

@@ -0,0 +1,24 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "@mui/material", "../fd-operation-context", "./FieldLabel"], function (require, exports, react_1, material_1, fd_operation_context_1, FieldLabel_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.StringField = void 0;
+    react_1 = __importDefault(react_1);
+    function StringField(props) {
+        var _a;
+        const [item, setItem] = (0, fd_operation_context_1.useFdEditorOperationContext)();
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        const value = (_a = item[props.field]) !== null && _a !== void 0 ? _a : null;
+        return (react_1.default.createElement("span", { style: {
+                display: 'inline-flex',
+                alignItems: 'center',
+            } },
+            react_1.default.createElement(FieldLabel_1.FieldLabel, { field: props.field }),
+            react_1.default.createElement(material_1.TextField, { style: { width: '120px' }, value: value, variant: "standard", type: "number", onChange: e => setItem(Object.assign(Object.assign({}, item), { [props.field]: e.target.value })) })));
+    }
+    exports.StringField = StringField;
+});
+//# sourceMappingURL=StringField.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/StringSelectionField.js

@@ -0,0 +1,24 @@
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define(["require", "exports", "react", "@mui/material", "../fd-operation-context", "./FieldLabel"], function (require, exports, react_1, material_1, fd_operation_context_1, FieldLabel_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.StringSelectionField = void 0;
+    react_1 = __importDefault(react_1);
+    function StringSelectionField(props) {
+        var _a;
+        const [item, setItem] = (0, fd_operation_context_1.useFdEditorOperationContext)();
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        const value = (_a = item[props.field]) !== null && _a !== void 0 ? _a : null;
+        return (react_1.default.createElement("span", { style: {
+                display: 'inline-flex',
+                alignItems: 'center',
+            } },
+            react_1.default.createElement(FieldLabel_1.FieldLabel, { field: props.field }),
+            react_1.default.createElement(material_1.Autocomplete, { style: { width: '200px' }, options: props.options, value: value, size: "small", autoComplete: true, disableClearable: true, onChange: (e, value) => setItem(Object.assign(Object.assign({}, item), { [props.field]: value })), renderInput: params => react_1.default.createElement(material_1.TextField, Object.assign({}, params, { variant: "standard" })) })));
+    }
+    exports.StringSelectionField = StringSelectionField;
+});
+//# sourceMappingURL=StringSelectionField.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/field-widgets/ValueInput.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberInput = exports.TextInput = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+function TextInput(props) {
+    const { onValueChange, value } = props;
+    return (react_1.default.createElement(material_1.TextField, { value: value, variant: "standard", onChange: e => onValueChange(e.target.value) }));
+}
+exports.TextInput = TextInput;
+function NumberInput(props) {
+    const { onValueChange, value } = props;
+    return (react_1.default.createElement(material_1.TextField, { value: value, variant: "standard", type: "number", onChange: e => onValueChange(Number(e.target.value)) }));
+}
+exports.NumberInput = NumberInput;
+//# sourceMappingURL=ValueInput.js.map