devextreme-react 23.2.6 → 24.1.2-beta

package/esm/range-selector.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,236 +12,138 @@
  */
 
 "use client";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
     };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
 import dxRangeSelector from "devextreme/viz/range_selector";
-import * as PropTypes from "prop-types";
 import { Component as BaseComponent } from "./core/component";
 import NestedOption from "./core/nested-option";
-var RangeSelector = /** @class */ (function (_super) {
-    __extends(RangeSelector, _super);
-    function RangeSelector() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._WidgetClass = dxRangeSelector;
-        _this.subscribableOptions = ["loadingIndicator", "loadingIndicator.show", "value"];
-        _this.independentEvents = ["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onValueChanged"];
-        _this._defaults = {
-            defaultLoadingIndicator: "loadingIndicator",
-            defaultValue: "value"
-        };
-        _this._expectedChildren = {
-            background: { optionName: "background", isCollectionItem: false },
-            behavior: { optionName: "behavior", isCollectionItem: false },
-            chart: { optionName: "chart", isCollectionItem: false },
-            export: { optionName: "export", isCollectionItem: false },
-            indent: { optionName: "indent", isCollectionItem: false },
-            loadingIndicator: { optionName: "loadingIndicator", isCollectionItem: false },
-            margin: { optionName: "margin", isCollectionItem: false },
-            scale: { optionName: "scale", isCollectionItem: false },
-            shutter: { optionName: "shutter", isCollectionItem: false },
-            size: { optionName: "size", isCollectionItem: false },
-            sliderHandle: { optionName: "sliderHandle", isCollectionItem: false },
-            sliderMarker: { optionName: "sliderMarker", isCollectionItem: false },
-            title: { optionName: "title", isCollectionItem: false },
-            value: { optionName: "value", isCollectionItem: false }
-        };
-        return _this;
-    }
-    Object.defineProperty(RangeSelector.prototype, "instance", {
-        get: function () {
-            return this._instance;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return RangeSelector;
-}(BaseComponent));
-RangeSelector.propTypes = {
-    background: PropTypes.object,
-    behavior: PropTypes.object,
-    chart: PropTypes.object,
-    containerBackgroundColor: PropTypes.string,
-    dataSourceField: PropTypes.string,
-    disabled: PropTypes.bool,
-    elementAttr: PropTypes.object,
-    export: PropTypes.object,
-    indent: PropTypes.object,
-    loadingIndicator: PropTypes.object,
-    margin: PropTypes.object,
-    onDisposing: PropTypes.func,
-    onDrawn: PropTypes.func,
-    onExported: PropTypes.func,
-    onExporting: PropTypes.func,
-    onFileSaving: PropTypes.func,
-    onIncidentOccurred: PropTypes.func,
-    onInitialized: PropTypes.func,
-    onOptionChanged: PropTypes.func,
-    onValueChanged: PropTypes.func,
-    pathModified: PropTypes.bool,
-    redrawOnResize: PropTypes.bool,
-    rtlEnabled: PropTypes.bool,
-    scale: PropTypes.object,
-    selectedRangeColor: PropTypes.string,
-    selectedRangeUpdateMode: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "auto",
-            "keep",
-            "reset",
-            "shift"
-        ])
-    ]),
-    shutter: PropTypes.object,
-    size: PropTypes.object,
-    sliderHandle: PropTypes.object,
-    sliderMarker: PropTypes.object,
-    theme: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "generic.dark",
-            "generic.light",
-            "generic.contrast",
-            "generic.carmine",
-            "generic.darkmoon",
-            "generic.darkviolet",
-            "generic.greenmist",
-            "generic.softblue",
-            "material.blue.light",
-            "material.lime.light",
-            "material.orange.light",
-            "material.purple.light",
-            "material.teal.light"
-        ])
-    ]),
-    title: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.string
-    ]),
-    value: PropTypes.oneOfType([
-        PropTypes.array,
-        PropTypes.object
-    ])
-};
-var Aggregation = /** @class */ (function (_super) {
-    __extends(Aggregation, _super);
-    function Aggregation() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Aggregation.OptionName = "aggregation";
-    return Aggregation;
-}(NestedOption));
-var AggregationInterval = /** @class */ (function (_super) {
-    __extends(AggregationInterval, _super);
-    function AggregationInterval() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AggregationInterval.OptionName = "aggregationInterval";
-    return AggregationInterval;
-}(NestedOption));
-var ArgumentFormat = /** @class */ (function (_super) {
-    __extends(ArgumentFormat, _super);
-    function ArgumentFormat() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ArgumentFormat.OptionName = "argumentFormat";
-    return ArgumentFormat;
-}(NestedOption));
-var Background = /** @class */ (function (_super) {
-    __extends(Background, _super);
-    function Background() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Background.OptionName = "background";
-    Background.ExpectedChildren = {
+var RangeSelector = memo(forwardRef(function (props, ref) {
+    var baseRef = useRef(null);
+    useImperativeHandle(ref, function () { return ({
+        instance: function () {
+            var _a;
+            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+        }
+    }); }, [baseRef.current]);
+    var subscribableOptions = useMemo(function () { return (["loadingIndicator", "loadingIndicator.show", "value"]); }, []);
+    var independentEvents = useMemo(function () { return (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onValueChanged"]); }, []);
+    var defaults = useMemo(function () { return ({
+        defaultLoadingIndicator: "loadingIndicator",
+        defaultValue: "value",
+    }); }, []);
+    var expectedChildren = useMemo(function () { return ({
+        background: { optionName: "background", isCollectionItem: false },
+        behavior: { optionName: "behavior", isCollectionItem: false },
+        chart: { optionName: "chart", isCollectionItem: false },
+        export: { optionName: "export", isCollectionItem: false },
+        indent: { optionName: "indent", isCollectionItem: false },
+        loadingIndicator: { optionName: "loadingIndicator", isCollectionItem: false },
+        margin: { optionName: "margin", isCollectionItem: false },
+        scale: { optionName: "scale", isCollectionItem: false },
+        shutter: { optionName: "shutter", isCollectionItem: false },
+        size: { optionName: "size", isCollectionItem: false },
+        sliderHandle: { optionName: "sliderHandle", isCollectionItem: false },
+        sliderMarker: { optionName: "sliderMarker", isCollectionItem: false },
+        title: { optionName: "title", isCollectionItem: false },
+        value: { optionName: "value", isCollectionItem: false }
+    }); }, []);
+    return (React.createElement((BaseComponent), __assign({ WidgetClass: dxRangeSelector, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren }, props)));
+}));
+var _componentAggregation = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Aggregation = Object.assign(_componentAggregation, {
+    OptionName: "aggregation",
+});
+var _componentAggregationInterval = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var AggregationInterval = Object.assign(_componentAggregationInterval, {
+    OptionName: "aggregationInterval",
+});
+var _componentArgumentFormat = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var ArgumentFormat = Object.assign(_componentArgumentFormat, {
+    OptionName: "argumentFormat",
+});
+var _componentBackground = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Background = Object.assign(_componentBackground, {
+    OptionName: "background",
+    ExpectedChildren: {
         backgroundImage: { optionName: "image", isCollectionItem: false },
         image: { optionName: "image", isCollectionItem: false }
-    };
-    return Background;
-}(NestedOption));
-var BackgroundImage = /** @class */ (function (_super) {
-    __extends(BackgroundImage, _super);
-    function BackgroundImage() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    BackgroundImage.OptionName = "image";
-    return BackgroundImage;
-}(NestedOption));
-var Behavior = /** @class */ (function (_super) {
-    __extends(Behavior, _super);
-    function Behavior() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Behavior.OptionName = "behavior";
-    return Behavior;
-}(NestedOption));
-var Border = /** @class */ (function (_super) {
-    __extends(Border, _super);
-    function Border() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Border.OptionName = "border";
-    return Border;
-}(NestedOption));
-var Break = /** @class */ (function (_super) {
-    __extends(Break, _super);
-    function Break() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Break.OptionName = "breaks";
-    Break.IsCollectionItem = true;
-    return Break;
-}(NestedOption));
-var BreakStyle = /** @class */ (function (_super) {
-    __extends(BreakStyle, _super);
-    function BreakStyle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    BreakStyle.OptionName = "breakStyle";
-    return BreakStyle;
-}(NestedOption));
-var Chart = /** @class */ (function (_super) {
-    __extends(Chart, _super);
-    function Chart() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Chart.OptionName = "chart";
-    Chart.ExpectedChildren = {
+    },
+});
+var _componentBackgroundImage = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var BackgroundImage = Object.assign(_componentBackgroundImage, {
+    OptionName: "image",
+});
+var _componentBehavior = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Behavior = Object.assign(_componentBehavior, {
+    OptionName: "behavior",
+});
+var _componentBorder = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Border = Object.assign(_componentBorder, {
+    OptionName: "border",
+});
+var _componentBreak = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Break = Object.assign(_componentBreak, {
+    OptionName: "breaks",
+    IsCollectionItem: true,
+});
+var _componentBreakStyle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var BreakStyle = Object.assign(_componentBreakStyle, {
+    OptionName: "breakStyle",
+});
+var _componentChart = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Chart = Object.assign(_componentChart, {
+    OptionName: "chart",
+    ExpectedChildren: {
         commonSeriesSettings: { optionName: "commonSeriesSettings", isCollectionItem: false },
         dataPrepareSettings: { optionName: "dataPrepareSettings", isCollectionItem: false },
         series: { optionName: "series", isCollectionItem: true },
         seriesTemplate: { optionName: "seriesTemplate", isCollectionItem: false },
         valueAxis: { optionName: "valueAxis", isCollectionItem: false }
-    };
-    return Chart;
-}(NestedOption));
-var Color = /** @class */ (function (_super) {
-    __extends(Color, _super);
-    function Color() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Color.OptionName = "color";
-    return Color;
-}(NestedOption));
-var CommonSeriesSettings = /** @class */ (function (_super) {
-    __extends(CommonSeriesSettings, _super);
-    function CommonSeriesSettings() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CommonSeriesSettings.OptionName = "commonSeriesSettings";
-    CommonSeriesSettings.ExpectedChildren = {
+    },
+});
+var _componentColor = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Color = Object.assign(_componentColor, {
+    OptionName: "color",
+});
+var _componentCommonSeriesSettings = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
+    OptionName: "commonSeriesSettings",
+    ExpectedChildren: {
         aggregation: { optionName: "aggregation", isCollectionItem: false },
         border: { optionName: "border", isCollectionItem: false },
         color: { optionName: "color", isCollectionItem: false },
@@ -255,233 +157,185 @@ var CommonSeriesSettings = /** @class */ (function (_super) {
         selectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
         seriesBorder: { optionName: "border", isCollectionItem: false },
         valueErrorBar: { optionName: "valueErrorBar", isCollectionItem: false }
-    };
-    return CommonSeriesSettings;
-}(NestedOption));
-var CommonSeriesSettingsHoverStyle = /** @class */ (function (_super) {
-    __extends(CommonSeriesSettingsHoverStyle, _super);
-    function CommonSeriesSettingsHoverStyle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CommonSeriesSettingsHoverStyle.OptionName = "hoverStyle";
-    CommonSeriesSettingsHoverStyle.ExpectedChildren = {
+    },
+});
+var _componentCommonSeriesSettingsHoverStyle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var CommonSeriesSettingsHoverStyle = Object.assign(_componentCommonSeriesSettingsHoverStyle, {
+    OptionName: "hoverStyle",
+    ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
         color: { optionName: "color", isCollectionItem: false },
         hatching: { optionName: "hatching", isCollectionItem: false },
         seriesBorder: { optionName: "border", isCollectionItem: false }
-    };
-    return CommonSeriesSettingsHoverStyle;
-}(NestedOption));
-var CommonSeriesSettingsLabel = /** @class */ (function (_super) {
-    __extends(CommonSeriesSettingsLabel, _super);
-    function CommonSeriesSettingsLabel() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CommonSeriesSettingsLabel.OptionName = "label";
-    CommonSeriesSettingsLabel.ExpectedChildren = {
+    },
+});
+var _componentCommonSeriesSettingsLabel = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var CommonSeriesSettingsLabel = Object.assign(_componentCommonSeriesSettingsLabel, {
+    OptionName: "label",
+    ExpectedChildren: {
         argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
         border: { optionName: "border", isCollectionItem: false },
         connector: { optionName: "connector", isCollectionItem: false },
         font: { optionName: "font", isCollectionItem: false },
         format: { optionName: "format", isCollectionItem: false },
         seriesBorder: { optionName: "border", isCollectionItem: false }
-    };
-    return CommonSeriesSettingsLabel;
-}(NestedOption));
-var CommonSeriesSettingsSelectionStyle = /** @class */ (function (_super) {
-    __extends(CommonSeriesSettingsSelectionStyle, _super);
-    function CommonSeriesSettingsSelectionStyle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CommonSeriesSettingsSelectionStyle.OptionName = "selectionStyle";
-    CommonSeriesSettingsSelectionStyle.ExpectedChildren = {
+    },
+});
+var _componentCommonSeriesSettingsSelectionStyle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var CommonSeriesSettingsSelectionStyle = Object.assign(_componentCommonSeriesSettingsSelectionStyle, {
+    OptionName: "selectionStyle",
+    ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
         color: { optionName: "color", isCollectionItem: false },
         hatching: { optionName: "hatching", isCollectionItem: false },
         seriesBorder: { optionName: "border", isCollectionItem: false }
-    };
-    return CommonSeriesSettingsSelectionStyle;
-}(NestedOption));
-var Connector = /** @class */ (function (_super) {
-    __extends(Connector, _super);
-    function Connector() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Connector.OptionName = "connector";
-    return Connector;
-}(NestedOption));
-var DataPrepareSettings = /** @class */ (function (_super) {
-    __extends(DataPrepareSettings, _super);
-    function DataPrepareSettings() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DataPrepareSettings.OptionName = "dataPrepareSettings";
-    return DataPrepareSettings;
-}(NestedOption));
-var Export = /** @class */ (function (_super) {
-    __extends(Export, _super);
-    function Export() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Export.OptionName = "export";
-    return Export;
-}(NestedOption));
-var Font = /** @class */ (function (_super) {
-    __extends(Font, _super);
-    function Font() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Font.OptionName = "font";
-    return Font;
-}(NestedOption));
-var Format = /** @class */ (function (_super) {
-    __extends(Format, _super);
-    function Format() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Format.OptionName = "format";
-    return Format;
-}(NestedOption));
-var Hatching = /** @class */ (function (_super) {
-    __extends(Hatching, _super);
-    function Hatching() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Hatching.OptionName = "hatching";
-    return Hatching;
-}(NestedOption));
-var Height = /** @class */ (function (_super) {
-    __extends(Height, _super);
-    function Height() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Height.OptionName = "height";
-    return Height;
-}(NestedOption));
-var HoverStyle = /** @class */ (function (_super) {
-    __extends(HoverStyle, _super);
-    function HoverStyle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    HoverStyle.OptionName = "hoverStyle";
-    return HoverStyle;
-}(NestedOption));
-var Image = /** @class */ (function (_super) {
-    __extends(Image, _super);
-    function Image() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Image.OptionName = "image";
-    return Image;
-}(NestedOption));
-var Indent = /** @class */ (function (_super) {
-    __extends(Indent, _super);
-    function Indent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Indent.OptionName = "indent";
-    return Indent;
-}(NestedOption));
-var Label = /** @class */ (function (_super) {
-    __extends(Label, _super);
-    function Label() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Label.OptionName = "label";
-    return Label;
-}(NestedOption));
-var Length = /** @class */ (function (_super) {
-    __extends(Length, _super);
-    function Length() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Length.OptionName = "length";
-    return Length;
-}(NestedOption));
-var LoadingIndicator = /** @class */ (function (_super) {
-    __extends(LoadingIndicator, _super);
-    function LoadingIndicator() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LoadingIndicator.OptionName = "loadingIndicator";
-    LoadingIndicator.DefaultsProps = {
+    },
+});
+var _componentConnector = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Connector = Object.assign(_componentConnector, {
+    OptionName: "connector",
+});
+var _componentDataPrepareSettings = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var DataPrepareSettings = Object.assign(_componentDataPrepareSettings, {
+    OptionName: "dataPrepareSettings",
+});
+var _componentExport = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Export = Object.assign(_componentExport, {
+    OptionName: "export",
+});
+var _componentFont = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Font = Object.assign(_componentFont, {
+    OptionName: "font",
+});
+var _componentFormat = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Format = Object.assign(_componentFormat, {
+    OptionName: "format",
+});
+var _componentHatching = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Hatching = Object.assign(_componentHatching, {
+    OptionName: "hatching",
+});
+var _componentHeight = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Height = Object.assign(_componentHeight, {
+    OptionName: "height",
+});
+var _componentHoverStyle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var HoverStyle = Object.assign(_componentHoverStyle, {
+    OptionName: "hoverStyle",
+});
+var _componentImage = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Image = Object.assign(_componentImage, {
+    OptionName: "image",
+});
+var _componentIndent = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Indent = Object.assign(_componentIndent, {
+    OptionName: "indent",
+});
+var _componentLabel = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Label = Object.assign(_componentLabel, {
+    OptionName: "label",
+});
+var _componentLength = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Length = Object.assign(_componentLength, {
+    OptionName: "length",
+});
+var _componentLoadingIndicator = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
+    OptionName: "loadingIndicator",
+    DefaultsProps: {
         defaultShow: "show"
-    };
-    LoadingIndicator.ExpectedChildren = {
+    },
+    ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false }
-    };
-    return LoadingIndicator;
-}(NestedOption));
-var Margin = /** @class */ (function (_super) {
-    __extends(Margin, _super);
-    function Margin() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Margin.OptionName = "margin";
-    return Margin;
-}(NestedOption));
-var Marker = /** @class */ (function (_super) {
-    __extends(Marker, _super);
-    function Marker() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Marker.OptionName = "marker";
-    Marker.ExpectedChildren = {
+    },
+});
+var _componentMargin = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Margin = Object.assign(_componentMargin, {
+    OptionName: "margin",
+});
+var _componentMarker = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Marker = Object.assign(_componentMarker, {
+    OptionName: "marker",
+    ExpectedChildren: {
         label: { optionName: "label", isCollectionItem: false },
         markerLabel: { optionName: "label", isCollectionItem: false }
-    };
-    return Marker;
-}(NestedOption));
-var MarkerLabel = /** @class */ (function (_super) {
-    __extends(MarkerLabel, _super);
-    function MarkerLabel() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MarkerLabel.OptionName = "label";
-    MarkerLabel.ExpectedChildren = {
+    },
+});
+var _componentMarkerLabel = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var MarkerLabel = Object.assign(_componentMarkerLabel, {
+    OptionName: "label",
+    ExpectedChildren: {
         format: { optionName: "format", isCollectionItem: false }
-    };
-    return MarkerLabel;
-}(NestedOption));
-var MaxRange = /** @class */ (function (_super) {
-    __extends(MaxRange, _super);
-    function MaxRange() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MaxRange.OptionName = "maxRange";
-    return MaxRange;
-}(NestedOption));
-var MinorTick = /** @class */ (function (_super) {
-    __extends(MinorTick, _super);
-    function MinorTick() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MinorTick.OptionName = "minorTick";
-    return MinorTick;
-}(NestedOption));
-var MinorTickInterval = /** @class */ (function (_super) {
-    __extends(MinorTickInterval, _super);
-    function MinorTickInterval() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MinorTickInterval.OptionName = "minorTickInterval";
-    return MinorTickInterval;
-}(NestedOption));
-var MinRange = /** @class */ (function (_super) {
-    __extends(MinRange, _super);
-    function MinRange() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MinRange.OptionName = "minRange";
-    return MinRange;
-}(NestedOption));
-var Point = /** @class */ (function (_super) {
-    __extends(Point, _super);
-    function Point() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Point.OptionName = "point";
-    Point.ExpectedChildren = {
+    },
+});
+var _componentMaxRange = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var MaxRange = Object.assign(_componentMaxRange, {
+    OptionName: "maxRange",
+});
+var _componentMinorTick = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var MinorTick = Object.assign(_componentMinorTick, {
+    OptionName: "minorTick",
+});
+var _componentMinorTickInterval = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var MinorTickInterval = Object.assign(_componentMinorTickInterval, {
+    OptionName: "minorTickInterval",
+});
+var _componentMinRange = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var MinRange = Object.assign(_componentMinRange, {
+    OptionName: "minRange",
+});
+var _componentPoint = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Point = Object.assign(_componentPoint, {
+    OptionName: "point",
+    ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
         color: { optionName: "color", isCollectionItem: false },
         hoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
@@ -491,71 +345,59 @@ var Point = /** @class */ (function (_super) {
         pointImage: { optionName: "image", isCollectionItem: false },
         pointSelectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
         selectionStyle: { optionName: "selectionStyle", isCollectionItem: false }
-    };
-    return Point;
-}(NestedOption));
-var PointBorder = /** @class */ (function (_super) {
-    __extends(PointBorder, _super);
-    function PointBorder() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PointBorder.OptionName = "border";
-    return PointBorder;
-}(NestedOption));
-var PointHoverStyle = /** @class */ (function (_super) {
-    __extends(PointHoverStyle, _super);
-    function PointHoverStyle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PointHoverStyle.OptionName = "hoverStyle";
-    PointHoverStyle.ExpectedChildren = {
+    },
+});
+var _componentPointBorder = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var PointBorder = Object.assign(_componentPointBorder, {
+    OptionName: "border",
+});
+var _componentPointHoverStyle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var PointHoverStyle = Object.assign(_componentPointHoverStyle, {
+    OptionName: "hoverStyle",
+    ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
         color: { optionName: "color", isCollectionItem: false },
         pointBorder: { optionName: "border", isCollectionItem: false }
-    };
-    return PointHoverStyle;
-}(NestedOption));
-var PointImage = /** @class */ (function (_super) {
-    __extends(PointImage, _super);
-    function PointImage() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PointImage.OptionName = "image";
-    PointImage.ExpectedChildren = {
+    },
+});
+var _componentPointImage = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var PointImage = Object.assign(_componentPointImage, {
+    OptionName: "image",
+    ExpectedChildren: {
         height: { optionName: "height", isCollectionItem: false },
         url: { optionName: "url", isCollectionItem: false },
         width: { optionName: "width", isCollectionItem: false }
-    };
-    return PointImage;
-}(NestedOption));
-var PointSelectionStyle = /** @class */ (function (_super) {
-    __extends(PointSelectionStyle, _super);
-    function PointSelectionStyle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PointSelectionStyle.OptionName = "selectionStyle";
-    PointSelectionStyle.ExpectedChildren = {
+    },
+});
+var _componentPointSelectionStyle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var PointSelectionStyle = Object.assign(_componentPointSelectionStyle, {
+    OptionName: "selectionStyle",
+    ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
         color: { optionName: "color", isCollectionItem: false },
         pointBorder: { optionName: "border", isCollectionItem: false }
-    };
-    return PointSelectionStyle;
-}(NestedOption));
-var Reduction = /** @class */ (function (_super) {
-    __extends(Reduction, _super);
-    function Reduction() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Reduction.OptionName = "reduction";
-    return Reduction;
-}(NestedOption));
-var Scale = /** @class */ (function (_super) {
-    __extends(Scale, _super);
-    function Scale() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Scale.OptionName = "scale";
-    Scale.ExpectedChildren = {
+    },
+});
+var _componentReduction = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Reduction = Object.assign(_componentReduction, {
+    OptionName: "reduction",
+});
+var _componentScale = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Scale = Object.assign(_componentScale, {
+    OptionName: "scale",
+    ExpectedChildren: {
         aggregationInterval: { optionName: "aggregationInterval", isCollectionItem: false },
         break: { optionName: "breaks", isCollectionItem: true },
         breakStyle: { optionName: "breakStyle", isCollectionItem: false },
@@ -568,176 +410,139 @@ var Scale = /** @class */ (function (_super) {
         scaleLabel: { optionName: "label", isCollectionItem: false },
         tick: { optionName: "tick", isCollectionItem: false },
         tickInterval: { optionName: "tickInterval", isCollectionItem: false }
-    };
-    return Scale;
-}(NestedOption));
-var ScaleLabel = /** @class */ (function (_super) {
-    __extends(ScaleLabel, _super);
-    function ScaleLabel() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ScaleLabel.OptionName = "label";
-    ScaleLabel.ExpectedChildren = {
+    },
+});
+var _componentScaleLabel = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var ScaleLabel = Object.assign(_componentScaleLabel, {
+    OptionName: "label",
+    ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false },
         format: { optionName: "format", isCollectionItem: false }
-    };
-    return ScaleLabel;
-}(NestedOption));
-var SelectionStyle = /** @class */ (function (_super) {
-    __extends(SelectionStyle, _super);
-    function SelectionStyle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SelectionStyle.OptionName = "selectionStyle";
-    return SelectionStyle;
-}(NestedOption));
-var Series = /** @class */ (function (_super) {
-    __extends(Series, _super);
-    function Series() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Series.OptionName = "series";
-    Series.IsCollectionItem = true;
-    return Series;
-}(NestedOption));
-var SeriesBorder = /** @class */ (function (_super) {
-    __extends(SeriesBorder, _super);
-    function SeriesBorder() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SeriesBorder.OptionName = "border";
-    return SeriesBorder;
-}(NestedOption));
-var SeriesTemplate = /** @class */ (function (_super) {
-    __extends(SeriesTemplate, _super);
-    function SeriesTemplate() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SeriesTemplate.OptionName = "seriesTemplate";
-    return SeriesTemplate;
-}(NestedOption));
-var Shutter = /** @class */ (function (_super) {
-    __extends(Shutter, _super);
-    function Shutter() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Shutter.OptionName = "shutter";
-    return Shutter;
-}(NestedOption));
-var Size = /** @class */ (function (_super) {
-    __extends(Size, _super);
-    function Size() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Size.OptionName = "size";
-    return Size;
-}(NestedOption));
-var SliderHandle = /** @class */ (function (_super) {
-    __extends(SliderHandle, _super);
-    function SliderHandle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SliderHandle.OptionName = "sliderHandle";
-    return SliderHandle;
-}(NestedOption));
-var SliderMarker = /** @class */ (function (_super) {
-    __extends(SliderMarker, _super);
-    function SliderMarker() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SliderMarker.OptionName = "sliderMarker";
-    SliderMarker.ExpectedChildren = {
+    },
+});
+var _componentSelectionStyle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var SelectionStyle = Object.assign(_componentSelectionStyle, {
+    OptionName: "selectionStyle",
+});
+var _componentSeries = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Series = Object.assign(_componentSeries, {
+    OptionName: "series",
+    IsCollectionItem: true,
+});
+var _componentSeriesBorder = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var SeriesBorder = Object.assign(_componentSeriesBorder, {
+    OptionName: "border",
+});
+var _componentSeriesTemplate = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var SeriesTemplate = Object.assign(_componentSeriesTemplate, {
+    OptionName: "seriesTemplate",
+});
+var _componentShutter = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Shutter = Object.assign(_componentShutter, {
+    OptionName: "shutter",
+});
+var _componentSize = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Size = Object.assign(_componentSize, {
+    OptionName: "size",
+});
+var _componentSliderHandle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var SliderHandle = Object.assign(_componentSliderHandle, {
+    OptionName: "sliderHandle",
+});
+var _componentSliderMarker = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var SliderMarker = Object.assign(_componentSliderMarker, {
+    OptionName: "sliderMarker",
+    ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false },
         format: { optionName: "format", isCollectionItem: false }
-    };
-    return SliderMarker;
-}(NestedOption));
-var Subtitle = /** @class */ (function (_super) {
-    __extends(Subtitle, _super);
-    function Subtitle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Subtitle.OptionName = "subtitle";
-    Subtitle.ExpectedChildren = {
+    },
+});
+var _componentSubtitle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Subtitle = Object.assign(_componentSubtitle, {
+    OptionName: "subtitle",
+    ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false }
-    };
-    return Subtitle;
-}(NestedOption));
-var Tick = /** @class */ (function (_super) {
-    __extends(Tick, _super);
-    function Tick() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Tick.OptionName = "tick";
-    return Tick;
-}(NestedOption));
-var TickInterval = /** @class */ (function (_super) {
-    __extends(TickInterval, _super);
-    function TickInterval() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TickInterval.OptionName = "tickInterval";
-    return TickInterval;
-}(NestedOption));
-var Title = /** @class */ (function (_super) {
-    __extends(Title, _super);
-    function Title() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Title.OptionName = "title";
-    Title.ExpectedChildren = {
+    },
+});
+var _componentTick = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Tick = Object.assign(_componentTick, {
+    OptionName: "tick",
+});
+var _componentTickInterval = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var TickInterval = Object.assign(_componentTickInterval, {
+    OptionName: "tickInterval",
+});
+var _componentTitle = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Title = Object.assign(_componentTitle, {
+    OptionName: "title",
+    ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false },
         margin: { optionName: "margin", isCollectionItem: false },
         subtitle: { optionName: "subtitle", isCollectionItem: false }
-    };
-    return Title;
-}(NestedOption));
-var Url = /** @class */ (function (_super) {
-    __extends(Url, _super);
-    function Url() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Url.OptionName = "url";
-    return Url;
-}(NestedOption));
-var Value = /** @class */ (function (_super) {
-    __extends(Value, _super);
-    function Value() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Value.OptionName = "value";
-    Value.DefaultsProps = {
+    },
+});
+var _componentUrl = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Url = Object.assign(_componentUrl, {
+    OptionName: "url",
+});
+var _componentValue = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Value = Object.assign(_componentValue, {
+    OptionName: "value",
+    DefaultsProps: {
         defaultEndValue: "endValue",
         defaultStartValue: "startValue"
-    };
-    Value.ExpectedChildren = {
+    },
+    ExpectedChildren: {
         length: { optionName: "length", isCollectionItem: false }
-    };
-    return Value;
-}(NestedOption));
-var ValueAxis = /** @class */ (function (_super) {
-    __extends(ValueAxis, _super);
-    function ValueAxis() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ValueAxis.OptionName = "valueAxis";
-    return ValueAxis;
-}(NestedOption));
-var ValueErrorBar = /** @class */ (function (_super) {
-    __extends(ValueErrorBar, _super);
-    function ValueErrorBar() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ValueErrorBar.OptionName = "valueErrorBar";
-    return ValueErrorBar;
-}(NestedOption));
-var Width = /** @class */ (function (_super) {
-    __extends(Width, _super);
-    function Width() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Width.OptionName = "width";
-    return Width;
-}(NestedOption));
+    },
+});
+var _componentValueAxis = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var ValueAxis = Object.assign(_componentValueAxis, {
+    OptionName: "valueAxis",
+});
+var _componentValueErrorBar = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var ValueErrorBar = Object.assign(_componentValueErrorBar, {
+    OptionName: "valueErrorBar",
+});
+var _componentWidth = memo(function (props) {
+    return React.createElement((NestedOption), __assign({}, props));
+});
+var Width = Object.assign(_componentWidth, {
+    OptionName: "width",
+});
 export default RangeSelector;
 export { RangeSelector, Aggregation, AggregationInterval, ArgumentFormat, Background, BackgroundImage, Behavior, Border, Break, BreakStyle, Chart, Color, CommonSeriesSettings, CommonSeriesSettingsHoverStyle, CommonSeriesSettingsLabel, CommonSeriesSettingsSelectionStyle, Connector, DataPrepareSettings, Export, Font, Format, Hatching, Height, HoverStyle, Image, Indent, Label, Length, LoadingIndicator, Margin, Marker, MarkerLabel, MaxRange, MinorTick, MinorTickInterval, MinRange, Point, PointBorder, PointHoverStyle, PointImage, PointSelectionStyle, Reduction, Scale, ScaleLabel, SelectionStyle, Series, SeriesBorder, SeriesTemplate, Shutter, Size, SliderHandle, SliderMarker, Subtitle, Tick, TickInterval, Title, Url, Value, ValueAxis, ValueErrorBar, Width };