dotdata_widgets 0.1.8 → 0.1.10

package/lib/components/accordion/Accordion.js

@@ -32,17 +32,17 @@ exports.AccordionHeader = AccordionHeader;
 const AccordionDetails = ({ children, }) => react_1.default.createElement(react_1.default.Fragment, null, children);
 exports.AccordionDetails = AccordionDetails;
 exports.Accordion = (0, react_1.forwardRef)(({ children, initialState, className }, ref) => {
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(() => initialState ?? false);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(() => initialState !== null && initialState !== void 0 ? initialState : false);
     const components = react_1.default.Children.toArray(children).filter(react_1.default.isValidElement);
-    const Header = components.find(child => child?.type === exports.AccordionHeader);
-    const Details = components.find(child => child?.type === exports.AccordionDetails);
+    const Header = components.find(child => (child === null || child === void 0 ? void 0 : child.type) === exports.AccordionHeader);
+    const Details = components.find(child => (child === null || child === void 0 ? void 0 : child.type) === exports.AccordionDetails);
     (0, react_1.useImperativeHandle)(ref, () => ({
         collapse() {
             setIsExpanded(false);
         },
     }));
     const accordionClasses = (defaultClassNames) => `${defaultClassNames} ${isExpanded ? 'expanded' : 'collapsed'}`;
-    return (react_1.default.createElement("div", { className: accordionClasses(`dotdata-accordion ${className ?? ''}`) },
+    return (react_1.default.createElement("div", { className: accordionClasses(`dotdata-accordion ${className !== null && className !== void 0 ? className : ''}`) },
         react_1.default.createElement("div", { className: accordionClasses('dotdata-accordion-header') },
             react_1.default.createElement("div", { className: accordionClasses('dotdata-accordion-header-toggle'), onClick: () => setIsExpanded(!isExpanded) }, "\u25B6"),
             Header),

package/lib/embed.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("./index"), exports);
+//# sourceMappingURL=embed.js.map

package/lib/extension.js

@@ -1,21 +1,8 @@
 "use strict";
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
-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 });
+exports.load_ipython_extension = void 0;
 // Entry point for the notebook bundle containing custom model definitions.
 //
 // Setup notebook base URL
@@ -23,9 +10,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // Some static assets may be required by the custom widget javascript. The base
 // url for the notebook is not known at build time and is therefore computed
 // dynamically.
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-window.__webpack_public_path__ =
-    document.querySelector('body').getAttribute('data-base-url') +
-        'nbextensions/dotdata_widgets';
-__exportStar(require("./index"), exports);
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+if (window.require) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    window.require.config({
+        map: {
+            '*': {
+                // prettier-ignore
+                'dotdata_widgets': 'nbextensions/dotdata_widgets/index',
+            },
+        },
+    });
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    window.requirejs.config({
+        map: {
+            '*': {
+                // prettier-ignore
+                'dotdata_widgets': 'nbextensions/dotdata_widgets/index',
+            },
+        },
+    });
+}
+exports.default = {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    load_ipython_extension: function () { },
+};
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+function load_ipython_extension() { }
+exports.load_ipython_extension = load_ipython_extension;
 //# sourceMappingURL=extension.js.map

package/lib/feature/feature-details/FeatureDistributionChart.js

@@ -36,12 +36,7 @@ const FeatureDistributionChart = ({ histogram }) => {
         const histogramSpec = feature_1.ContinuousHistogram.isTypeOf(histogram)
             ? createContinuousHistogramSpec(histogram)
             : createDiscreteHistogramSpec(histogram);
-        const view = new vega.View(vega.parse({
-            width: elemRef.current.clientWidth,
-            height: 140,
-            padding: 5,
-            ...histogramSpec,
-        }), {
+        const view = new vega.View(vega.parse(Object.assign({ width: elemRef.current.clientWidth, height: 140, padding: 5 }, histogramSpec)), {
             renderer: 'canvas',
             hover: true,
             container: elemRef.current,

package/lib/feature/feature-explanation/FeatureExplanation.js

@@ -16,31 +16,28 @@ const UnknownExplanationBlock_1 = require("./components/UnknownExplanationBlock"
 const FeatureExplanationInternal = ({ explanationBlocks, }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null, explanationBlocks.map(block => {
         if (feature_explanation_1.FeatureExplanationBlock.isTextExplanationBlock(block)) {
-            return react_1.default.createElement(TextExplanationBlock_1.TextExplanationBlock, { ...block });
+            return react_1.default.createElement(TextExplanationBlock_1.TextExplanationBlock, Object.assign({}, block));
         }
         else if (feature_explanation_1.FeatureExplanationBlock.isColumnExplanationBlock(block)) {
-            return react_1.default.createElement(ColumnExplanationBlock_1.ColumnExplanationBlock, { ...block });
+            return react_1.default.createElement(ColumnExplanationBlock_1.ColumnExplanationBlock, Object.assign({}, block));
         }
         else if (feature_explanation_1.FeatureExplanationBlock.isDataSlotExplanationBlock(block)) {
-            return react_1.default.createElement(DataSlotExplanationBlock_1.DataSlotExplanationBlock, { ...block });
+            return react_1.default.createElement(DataSlotExplanationBlock_1.DataSlotExplanationBlock, Object.assign({}, block));
         }
         else if (feature_explanation_1.FeatureExplanationBlock.isPetExplanationBlock(block)) {
-            return react_1.default.createElement(PetExplanationBlock_1.PetExplanationBlock, { ...block });
+            return react_1.default.createElement(PetExplanationBlock_1.PetExplanationBlock, Object.assign({}, block));
         }
         else if (feature_explanation_1.FeatureExplanationBlock.isTextWithDataSlotContextExplanationBlock(block)) {
-            return react_1.default.createElement(TextWithDataSlotContextExplanationBlock_1.TextWithDataSlotContextExplanationBlock, { ...block });
+            return react_1.default.createElement(TextWithDataSlotContextExplanationBlock_1.TextWithDataSlotContextExplanationBlock, Object.assign({}, block));
         }
         else if (feature_explanation_1.FeatureExplanationBlock.isTopicExplanationBlock(block)) {
-            return react_1.default.createElement(TopicExplanationBlock_1.TopicExplanationBlock, { ...block });
+            return react_1.default.createElement(TopicExplanationBlock_1.TopicExplanationBlock, Object.assign({}, block));
         }
         else if (feature_explanation_1.FeatureExplanationBlock.isOperatorExplanationBlock(block)) {
-            return (react_1.default.createElement(FeatureExplanationInternal, { explanationBlocks: block.tokens.map(token => ({
-                    ...token,
-                    pathType: block.type,
-                })) }));
+            return (react_1.default.createElement(FeatureExplanationInternal, { explanationBlocks: block.tokens.map(token => (Object.assign(Object.assign({}, token), { pathType: block.type }))) }));
         }
         else {
-            return react_1.default.createElement(UnknownExplanationBlock_1.UnknownExplanationBlock, { ...block });
+            return react_1.default.createElement(UnknownExplanationBlock_1.UnknownExplanationBlock, Object.assign({}, block));
         }
     })));
 };

package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-selection-context.js

@@ -48,7 +48,7 @@ function DomainsDescriptionsSelectionContextProvider(props) {
         });
         props.setSelectedDomainDescriptionIds(Array.from(selectedDomainDescriptionsIds.values()));
     }
-    return (React.createElement(exports.DomainsDescriptionsSelectionContext.Provider, { value: [selectedDomainDescriptionsIds, { toggleSelection }], ...props }));
+    return (React.createElement(exports.DomainsDescriptionsSelectionContext.Provider, Object.assign({ value: [selectedDomainDescriptionsIds, { toggleSelection }] }, props)));
 }
 exports.DomainsDescriptionsSelectionContextProvider = DomainsDescriptionsSelectionContextProvider;
 //# sourceMappingURL=domains-descriptions-selection-context.js.map

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

@@ -36,7 +36,8 @@ function useDomainsDescriptionsTreeConfig() {
 }
 exports.useDomainsDescriptionsTreeConfig = useDomainsDescriptionsTreeConfig;
 function DomainsDescriptionsTreeConfigContextProvider(props) {
-    return (React.createElement(exports.DomainsDescriptionsTreeConfigContext.Provider, { value: props.configuration ?? config_1.DomainsDescriptionsTreeConfig.DEFAULT, ...props }));
+    var _a;
+    return (React.createElement(exports.DomainsDescriptionsTreeConfigContext.Provider, Object.assign({ value: (_a = props.configuration) !== null && _a !== void 0 ? _a : config_1.DomainsDescriptionsTreeConfig.DEFAULT }, props)));
 }
 exports.DomainsDescriptionsTreeConfigContextProvider = DomainsDescriptionsTreeConfigContextProvider;
 //# sourceMappingURL=domains-descriptions-tree-config-context.js.map

package/lib/feature-descriptor/domains-descriptions-tree/context/domains-descriptions-tree-item-selection-context.js

@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DomainsDescriptionsTreeItemSelectionContextProvider = exports.useDomainsDescriptionsTreeItemSelection = exports.DomainsDescriptionsTreeItemSelectionContext = void 0;
 const lodash_1 = require("lodash");
@@ -40,17 +51,14 @@ function DomainsDescriptionsTreeItemSelectionContextProvider(props) {
     const [selectedTreeItems, setSelectedTreeItems] = React.useState(() => ({}));
     function toggleTreeItemSelection(nodeId, domains) {
         if ((0, _utils_1.isSet)(selectedTreeItems[nodeId])) {
-            const { [nodeId]: _remove, ...rest } = selectedTreeItems;
+            const _a = selectedTreeItems, _b = nodeId, _remove = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             setSelectedTreeItems(rest);
         }
         else {
-            setSelectedTreeItems({
-                ...selectedTreeItems,
-                [nodeId]: (0, lodash_1.uniqBy)(domains, JSON.stringify),
-            });
+            setSelectedTreeItems(Object.assign(Object.assign({}, selectedTreeItems), { [nodeId]: (0, lodash_1.uniqBy)(domains, JSON.stringify) }));
         }
     }
-    return (React.createElement(exports.DomainsDescriptionsTreeItemSelectionContext.Provider, { value: [selectedTreeItems, { toggleTreeItemSelection }], ...props }));
+    return (React.createElement(exports.DomainsDescriptionsTreeItemSelectionContext.Provider, Object.assign({ value: [selectedTreeItems, { toggleTreeItemSelection }] }, props)));
 }
 exports.DomainsDescriptionsTreeItemSelectionContextProvider = DomainsDescriptionsTreeItemSelectionContextProvider;
 //# sourceMappingURL=domains-descriptions-tree-item-selection-context.js.map

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

@@ -28,7 +28,7 @@ const DomainsDescriptionsTree = ({ descriptionsTree, children }) => {
             react_1.default.createElement(material_1.Button, { className: "toggle-all-nodes-btn", variant: "outlined", startIcon: react_1.default.createElement(ToggleIcon, { allNodeIds: allNodeIds, expandedNodes: expandedNodes }), onClick: () => setExpandedNodes((0, lodash_1.isEmpty)(expandedNodes) ? allNodeIds : []) }),
             react_1.default.Children.toArray(children)
                 .filter(react_1.default.isValidElement)
-                .filter(child => child?.type === exports.FeatureDomainDescriptionsTreeHeader)),
+                .filter(child => (child === null || child === void 0 ? void 0 : child.type) === exports.FeatureDomainDescriptionsTreeHeader)),
         react_1.default.createElement("div", null,
             react_1.default.createElement(TreeView_1.default, { defaultCollapseIcon: react_1.default.createElement(ExpandMore_1.default, null), defaultExpandIcon: react_1.default.createElement(ChevronRight_1.default, null), disabledItemsFocusable: false, multiSelect: true, expanded: expandedNodes, onNodeToggle: (_, nodeIds) => setExpandedNodes(nodeIds) }, descriptionsTree.types.map(type => (react_1.default.createElement(components_1.TypeTreeItem, { key: type.nodeId, type: type })))))));
 };

package/lib/feature-descriptor/domains-descriptions-tree/models/domains-descriptions-tree.model.js

@@ -14,10 +14,7 @@ var DescriptionsTree;
                     columns: type.columns.map((column, columnIdx) => ({
                         nodeId: id({ typeIdx, columnIdx }),
                         summary: column.summary,
-                        descriptions: column.descriptions.map((description, descriptionIdx) => ({
-                            ...description,
-                            nodeId: id({ typeIdx, columnIdx, descriptionIdx }),
-                        })),
+                        descriptions: column.descriptions.map((description, descriptionIdx) => (Object.assign(Object.assign({}, description), { nodeId: id({ typeIdx, columnIdx, descriptionIdx }) }))),
                     })),
                 };
             }),
@@ -25,12 +22,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

@@ -1,12 +1,113 @@
-"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;
+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

@@ -1,12 +1,25 @@
-"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;
+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