dotdata_widgets 0.1.9 → 0.2.0

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

@@ -1,15 +1,15 @@
+"use strict";
 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;
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AggregationTypeSelector = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const feature_descriptor_1 = require("../../../../models/feature-descriptor");
+const AggregationTypeSelector = (props) => {
+    const options = Object.values(feature_descriptor_1.Aggregation.Type);
+    return (react_1.default.createElement(material_1.Autocomplete, { options: options, value: props.selectedType, size: "small", autoComplete: true, disableClearable: true, blurOnSelect: true, openOnFocus: true, forcePopupIcon: false, onBlur: props.onBlur, onChange: (e, value) => value && props.onTypeChange(value), renderInput: params => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { variant: "standard", autoFocus: true }))) }));
+};
+exports.AggregationTypeSelector = AggregationTypeSelector;
 //# sourceMappingURL=AggregationTypeSelection.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/aggregations/ColumnEditor.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.ColumnEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const field_widgets_1 = require("../field-widgets");
+const ColumnEditor = (columnField = 'column') => (props) => {
+    return [
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "text_topic_field", field: `aggregation.${columnField}`, tableColumns: props.tableColumns }),
+    ];
+};
+exports.ColumnEditor = ColumnEditor;
+//# sourceMappingURL=ColumnEditor.js.map

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

@@ -1,18 +1,35 @@
+"use strict";
 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 }),
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DistanceEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const field_widgets_1 = require("../field-widgets");
+const context_1 = require("../../context");
+const DistanceEditor = (props) => {
+    var _a, _b;
+    const [state] = (0, context_1.useFeatureDescriptorEditorContext)();
+    const latitutde1Table = (_a = state.aggregation['latitutde_1_column']) === null || _a === void 0 ? void 0 : _a.table;
+    const latitutde2Table = (_b = state.aggregation['latitutde_2_column']) === null || _b === void 0 ? void 0 : _b.table;
+    const allLatitudeAdt = props.tableColumns;
+    const allLongitude = props.tableColumns;
+    const longitude1 = latitutde1Table
+        ? {
+            [latitutde1Table]: allLongitude[latitutde1Table],
+        }
+        : {};
+    const longitude2 = latitutde2Table
+        ? {
+            [latitutde2Table]: allLongitude[latitutde2Table],
+        }
+        : {};
+    return [
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { field: "aggregation.latitutde_1_column", tableColumns: allLatitudeAdt }),
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { field: "aggregation.longitude_1_column", tableColumns: longitude1 }),
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { field: "aggregation.latitutde_2_column", tableColumns: allLatitudeAdt }),
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { field: "aggregation.longitude_2_column", tableColumns: longitude2 }),
     ];
-    exports.DistanceEditor = DistanceEditor;
-});
+};
+exports.DistanceEditor = DistanceEditor;
 //# sourceMappingURL=DistanceEditor.js.map

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LastKEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const field_widgets_1 = require("../field-widgets");
+const LastKEditor = (props) => {
+    return [
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "source_time_filed", field: "aggregation.source_time_filed", tableColumns: props.tableColumns }),
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "source_field", field: "aggregation.source_field", tableColumns: props.tableColumns }),
+        react_1.default.createElement(field_widgets_1.NumberInlineField, { field: "aggregation.k" }),
+    ];
+};
+exports.LastKEditor = LastKEditor;
+//# sourceMappingURL=LastKEditor.js.map

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

@@ -1,23 +1,26 @@
+"use strict";
 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" }),
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemporalChangeEditor = exports.TemporalChangeCountEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const field_widgets_1 = require("../field-widgets");
+const TemporalChangeCountEditor = (props) => {
+    return [
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "target_time_col", field: "aggregation.target_time_column", tableColumns: props.tableColumns }),
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "source_time_col", field: "aggregation.source_time_column", tableColumns: props.tableColumns }),
+        react_1.default.createElement(field_widgets_1.StringInlineField, { field: "aggregation.lower_bound" }),
+        react_1.default.createElement(field_widgets_1.StringInlineField, { field: "aggregation.upper_bound" }),
+        react_1.default.createElement(field_widgets_1.StringInlineField, { field: "aggregation.range_shift" }),
     ];
-    exports.TemporalChangeCountEditor = TemporalChangeCountEditor;
-    const TemporalChangeEditor = (props) => [
+};
+exports.TemporalChangeCountEditor = TemporalChangeCountEditor;
+const TemporalChangeEditor = (props) => {
+    return [
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "source_col", field: "aggregation.source_column", tableColumns: props.tableColumns }),
         ...(0, exports.TemporalChangeCountEditor)(props),
-        react_1.default.createElement(field_widgets_1.StringSelectionField, { field: "source_column", options: props.columns }),
     ];
-    exports.TemporalChangeEditor = TemporalChangeEditor;
-});
+};
+exports.TemporalChangeEditor = TemporalChangeEditor;
 //# sourceMappingURL=TemporalChangeEditor.js.map

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TopicEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const field_widgets_1 = require("../field-widgets");
+const TopicEditor = (props) => {
+    return [
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "text_topic_field", field: "aggregation.text_topic_field", tableColumns: props.tableColumns }),
+        react_1.default.createElement(field_widgets_1.TableColumnInlineField, { key: "original_text_column_name", field: "aggregation.original_text_column_name", tableColumns: props.tableColumns }),
+    ];
+};
+exports.TopicEditor = TopicEditor;
+//# sourceMappingURL=TopicEditor.js.map

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

@@ -1,3 +1,4 @@
+"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);
@@ -12,11 +13,11 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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);
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AggregationTypeSelection"), exports);
+__exportStar(require("./TemporalChangeEditor"), exports);
+__exportStar(require("./DistanceEditor"), exports);
+__exportStar(require("./ColumnEditor"), exports);
+__exportStar(require("./LastKEditor"), exports);
+__exportStar(require("./TopicEditor"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanInlineField = exports.BooleanWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = require("lodash");
+const context_1 = require("../../context");
+function BooleanWidget(props) {
+    return (react_1.default.createElement("span", { style: { cursor: 'pointer' }, onDoubleClick: () => props.onValueChange(!props.value) }, props.value ? 'true' : 'false'));
+}
+exports.BooleanWidget = BooleanWidget;
+const BooleanInlineField = (props) => {
+    var _a, _b;
+    const [state, dispatch] = (0, context_1.useFeatureDescriptorEditorContext)();
+    const value = (_a = (0, lodash_1.get)(state, props.field)) !== null && _a !== void 0 ? _a : null;
+    const onValueChange = (value) => {
+        dispatch(context_1.FeatureDescriptorEditorActions.setDraftField({
+            field: props.field,
+            value,
+        }));
+    };
+    const label = (_b = props.field.split('.').pop()) !== null && _b !== void 0 ? _b : '';
+    return (react_1.default.createElement("span", { className: "inline-editor", onClick: () => onValueChange(!value) },
+        label,
+        react_1.default.createElement("span", { className: "equal-sign" }, "="),
+        react_1.default.createElement("span", { className: "inline-displayed-value boolean-value" }, value ? 'true' : 'false')));
+};
+exports.BooleanInlineField = BooleanInlineField;
+//# sourceMappingURL=BooleanField.js.map

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChipInlineField = exports.ChipWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const _InlineEditorField_1 = require("./_InlineEditorField");
+function ChipWidget(props) {
+    var _a;
+    const values = ((_a = props.value) !== null && _a !== void 0 ? _a : []).join(',');
+    return (react_1.default.createElement("span", { style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+        } },
+        react_1.default.createElement(material_1.TextField, { style: { width: '120px' }, value: values, variant: "standard", autoFocus: true, onBlur: props.onBlur, onChange: e => props.onValueChange(e.target.value.split(',')) }),
+        react_1.default.createElement("span", { style: {
+                fontSize: '12px',
+                color: 'var( --c-grey-600)',
+                fontStyle: 'italic',
+            } }, "Use , as separator")));
+}
+exports.ChipWidget = ChipWidget;
+const ChipInlineField = (props) => (react_1.default.createElement(_InlineEditorField_1.InlineEditorField, Object.assign({}, props, { prettifyFn: chips => chips.join(', '), widget: ChipWidget })));
+exports.ChipInlineField = ChipInlineField;
+//# sourceMappingURL=ChipField.js.map

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

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnInputField = exports.ColumnWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const column_1 = require("../../../../models/column");
+const _utils_1 = require("../../../../utils");
+const column_source_type_icons_1 = require("../../../../components/column-source-type-icons");
+const _InlineEditorField_1 = require("./_InlineEditorField");
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const sourceTypeIcon = {
+    [column_1.Column.SourceType.Integer]: react_1.default.createElement(column_source_type_icons_1.SourceTypeInt, { size: 20 }),
+    [column_1.Column.SourceType.Bigint]: react_1.default.createElement(column_source_type_icons_1.SourceTypeInt, { size: 20 }),
+    [column_1.Column.SourceType.Double]: react_1.default.createElement(column_source_type_icons_1.SourceTypeInt, { size: 20 }),
+    [column_1.Column.SourceType.String]: react_1.default.createElement(column_source_type_icons_1.SourceTypeInt, { size: 20 }),
+    [column_1.Column.SourceType.Boolean]: react_1.default.createElement(column_source_type_icons_1.SourceTypeInt, { size: 20 }),
+    [column_1.Column.SourceType.Date]: react_1.default.createElement(column_source_type_icons_1.SourceTypeInt, { size: 20 }),
+    [column_1.Column.SourceType.Timestamp]: react_1.default.createElement(column_source_type_icons_1.SourceTypeInt, { size: 20 }),
+};
+const ColumnWidget = (props) => {
+    const selectedColumn = (0, _utils_1.isSet)(props.value)
+        ? props.columns.find(({ name }) => name === props.value)
+        : undefined;
+    return (react_1.default.createElement("div", { style: { position: 'relative' } },
+        react_1.default.createElement(material_1.Autocomplete, { style: { width: '180px' }, 
+            // sx={{
+            //   '& .MuiInput-root.MuiInputBase-sizeSmall .MuiInput-input': {
+            //     paddingLeft: selectedColumn ? '26px' : 'revert',
+            //   },
+            // }}
+            options: props.columns, getOptionLabel: (column) => column.name, renderOption: (props, column) => (react_1.default.createElement(material_1.Box, Object.assign({ component: "li", style: { display: 'flex', alignItems: 'center', gap: '4px' } }, props), column.name)), value: selectedColumn !== null && selectedColumn !== void 0 ? selectedColumn : null, size: "small", autoComplete: true, blurOnSelect: true, onBlur: props.onBlur, onChange: (e, value) => {
+                var _a;
+                e.stopPropagation();
+                if (value) {
+                    props.onValueChange(value);
+                    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+                }
+            }, renderInput: params => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { variant: "standard", placeholder: "Column" }))) })));
+};
+exports.ColumnWidget = ColumnWidget;
+const ColumnInputField = (props) => (react_1.default.createElement(_InlineEditorField_1.InlineEditorField, Object.assign({}, props, { widget: exports.ColumnWidget, widgetProps: { columns: props.columns } })));
+exports.ColumnInputField = ColumnInputField;
+//# sourceMappingURL=ColumnField.js.map

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

@@ -1,24 +1,16 @@
+"use strict";
 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;
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberInlineField = exports.NumberWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const _InlineEditorField_1 = require("./_InlineEditorField");
+function NumberWidget(props) {
+    return (react_1.default.createElement(material_1.TextField, { style: { width: '80px' }, value: props.value, variant: "standard", type: "number", autoFocus: true, onBlur: props.onBlur, onChange: e => props.onValueChange(Number(e.target.value)) }));
+}
+exports.NumberWidget = NumberWidget;
+const NumberInlineField = (params) => (react_1.default.createElement(_InlineEditorField_1.InlineEditorField, Object.assign({}, params, { widget: NumberWidget, prettifyFn: val => val })));
+exports.NumberInlineField = NumberInlineField;
 //# sourceMappingURL=NumberField.js.map

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

@@ -1,24 +1,16 @@
+"use strict";
 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;
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringInlineField = exports.StringWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const _InlineEditorField_1 = require("./_InlineEditorField");
+function StringWidget(props) {
+    return (react_1.default.createElement(material_1.TextField, { style: { width: '120px' }, value: props.value, variant: "standard", autoFocus: true, onBlur: props.onBlur, onChange: e => props.onValueChange(e.target.value) }));
+}
+exports.StringWidget = StringWidget;
+const StringInlineField = (params) => (react_1.default.createElement(_InlineEditorField_1.InlineEditorField, Object.assign({}, params, { widget: StringWidget })));
+exports.StringInlineField = StringInlineField;
 //# sourceMappingURL=StringField.js.map

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableColumnInlineField = exports.TableColumnWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const column_1 = require("../../../../models/column");
+const _utils_1 = require("../../../../utils");
+const ColumnField_1 = require("./ColumnField");
+const TableField_1 = require("./TableField");
+const _InlineEditorField_1 = require("./_InlineEditorField");
+const TableColumnWidget = (props) => {
+    var _a, _b, _c;
+    const columns = getAdtColumns(props.tableColumns, (_a = props.value) === null || _a === void 0 ? void 0 : _a.table);
+    const tables = Object.keys(props.tableColumns);
+    return (react_1.default.createElement("div", { style: { display: 'flex', gap: '4px' } },
+        react_1.default.createElement(TableField_1.TableWidget, { tables: tables, value: (_b = props.value) === null || _b === void 0 ? void 0 : _b.table, onValueChange: table => {
+                props.onValueChange({ table });
+            } }),
+        react_1.default.createElement(ColumnField_1.ColumnWidget, { columns: columns, value: (_c = props.value) === null || _c === void 0 ? void 0 : _c.name, onBlur: props.onBlur, onValueChange: props.onValueChange })));
+};
+exports.TableColumnWidget = TableColumnWidget;
+const TableColumnInlineField = (props) => (react_1.default.createElement(_InlineEditorField_1.InlineEditorField, Object.assign({}, props, { widget: exports.TableColumnWidget, prettifyFn: column => column_1.FullColumnName.create(column), widgetProps: { tableColumns: props.tableColumns } })));
+exports.TableColumnInlineField = TableColumnInlineField;
+function getAdtColumns(tableColumns, tableName) {
+    var _a;
+    return (0, _utils_1.isSet)(tableName) ? (_a = tableColumns[tableName]) !== null && _a !== void 0 ? _a : [] : [];
+}
+//# sourceMappingURL=TableColumnField.js.map

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableInlineField = exports.TableWidget = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const _InlineEditorField_1 = require("./_InlineEditorField");
+const TableWidget = (props) => {
+    var _a;
+    return (react_1.default.createElement(material_1.Autocomplete, { style: { width: '180px' }, options: props.tables, value: (_a = props.value) !== null && _a !== void 0 ? _a : null, size: "small", autoComplete: true, blurOnSelect: true, onBlur: props.onBlur, onChange: (e, value) => value && props.onValueChange(value), renderInput: params => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { variant: "standard", placeholder: "Table" }))) }));
+};
+exports.TableWidget = TableWidget;
+const TableInlineField = (props) => (react_1.default.createElement(_InlineEditorField_1.InlineEditorField, Object.assign({}, props, { widget: exports.TableWidget, widgetProps: { tables: props.tables } })));
+exports.TableInlineField = TableInlineField;
+//# sourceMappingURL=TableField.js.map

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

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineEditorField = exports.InlineEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = require("lodash");
+const _utils_1 = require("../../../../utils");
+const context_1 = require("../../context");
+function InlineEditor(props) {
+    var _a;
+    const value = (_a = props.value) !== null && _a !== void 0 ? _a : null;
+    const onValueChange = props.onValueChange;
+    const [isSummaryVisible, setIsSummaryVisible] = react_1.default.useState(() => true);
+    const Widget = () => typeof props.widget === 'function'
+        ? props.widget(Object.assign(Object.assign({}, props.widgetProps), { value,
+            onValueChange, onBlur: () => setIsSummaryVisible(true) }))
+        : null;
+    const displayedValue = props.prettifyFn && (0, _utils_1.isSet)(value)
+        ? props.prettifyFn(value)
+        : `'${value !== null && value !== void 0 ? value : '...'}'`;
+    const valueTypeClass = typeof value === 'string' || typeof value === 'object'
+        ? 'string-value'
+        : 'number-value';
+    return (react_1.default.createElement("span", { className: "inline-editor" },
+        props.label,
+        react_1.default.createElement("span", { className: "equal-sign" }, "="),
+        isSummaryVisible ? (react_1.default.createElement("span", { className: `inline-displayed-value ${valueTypeClass}`, onClick: () => setIsSummaryVisible(false) }, displayedValue)) : (react_1.default.createElement("span", { style: { marginTop: '6px', marginLeft: '1px' } },
+            Widget(),
+            " "))));
+}
+exports.InlineEditor = InlineEditor;
+function InlineEditorField(props) {
+    var _a, _b;
+    const [state, dispatch] = (0, context_1.useFeatureDescriptorEditorContext)();
+    const value = (_a = (0, lodash_1.get)(state, props.field)) !== null && _a !== void 0 ? _a : null;
+    const onValueChange = (value) => {
+        dispatch(context_1.FeatureDescriptorEditorActions.setDraftField({
+            field: props.field,
+            value,
+        }));
+    };
+    const label = (_b = props.field.split('.').pop()) !== null && _b !== void 0 ? _b : '';
+    return (react_1.default.createElement(InlineEditor, Object.assign({}, props, { label: label, value: value, onValueChange: onValueChange })));
+}
+exports.InlineEditorField = InlineEditorField;
+//# sourceMappingURL=_InlineEditorField.js.map

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

@@ -1,3 +1,4 @@
+"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);
@@ -12,11 +13,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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", "./StringField", "./NumberField", "./StringSelectionField"], function (require, exports, StringField_1, NumberField_1, StringSelectionField_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __exportStar(StringField_1, exports);
-    __exportStar(NumberField_1, exports);
-    __exportStar(StringSelectionField_1, exports);
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./_InlineEditorField"), exports);
+__exportStar(require("./StringField"), exports);
+__exportStar(require("./NumberField"), exports);
+__exportStar(require("./ChipField"), exports);
+__exportStar(require("./BooleanField"), exports);
+__exportStar(require("./ColumnField"), exports);
+__exportStar(require("./TableField"), exports);
+__exportStar(require("./TableColumnField"), exports);
 //# sourceMappingURL=index.js.map

package/lib/feature-descriptor/feature-descriptor-editor/components/filter/FilterTypeSelection.js

@@ -1,15 +1,18 @@
+"use strict";
 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.FilterTypeSelector = void 0;
-    react_1 = __importDefault(react_1);
-    const FilterTypeSelector = (props) => {
-        const options = Object.values(feature_descriptor_1.Filter.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.FilterTypeSelector = FilterTypeSelector;
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterTypeSelector = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const feature_descriptor_1 = require("../../../../models/feature-descriptor");
+const FilterTypeSelector = (props) => {
+    var _a;
+    return (react_1.default.createElement(material_1.Autocomplete, { options: (_a = props.types) !== null && _a !== void 0 ? _a : getDefaultOptions(), value: props.selectedType, size: "small", autoComplete: true, blurOnSelect: true, openOnFocus: true, forcePopupIcon: false, onBlur: props.onBlur, disableClearable: true, onChange: (e, value) => value && props.onTypeChange(value), renderInput: params => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { variant: "standard", autoFocus: true }))) }));
+};
+exports.FilterTypeSelector = FilterTypeSelector;
+function getDefaultOptions() {
+    return Object.values(feature_descriptor_1.Filter.Type);
+}
 //# sourceMappingURL=FilterTypeSelection.js.map

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

@@ -1,3 +1,4 @@
+"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);
@@ -12,9 +13,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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", "./FilterTypeSelection"], function (require, exports, FilterTypeSelection_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __exportStar(FilterTypeSelection_1, exports);
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FilterTypeSelection"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,4 @@
+"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);
@@ -12,12 +13,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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", "./field-widgets", "./fd-operation-context", "./aggregations", "./filter"], function (require, exports, field_widgets_1, fd_operation_context_1, aggregations_1, filter_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __exportStar(field_widgets_1, exports);
-    __exportStar(fd_operation_context_1, exports);
-    __exportStar(aggregations_1, exports);
-    __exportStar(filter_1, exports);
-});
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./field-widgets"), exports);
+__exportStar(require("./aggregations"), exports);
+__exportStar(require("./filter"), exports);
+__exportStar(require("./join"), exports);
+__exportStar(require("./EditorTemplateRenderer"), exports);
 //# sourceMappingURL=index.js.map