devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/map.d.ts

@@ -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
  *
@@ -11,15 +11,15 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-/// <reference types="react" />
+import * as React from "react";
+import { Ref, ReactElement } from "react";
 import dxMap, { Properties } from "devextreme/ui/map";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import NestedOption from "./core/nested-option";
+import { IHtmlOptions, IElementDescriptor } from "./core/component";
 import type { ClickEvent, DisposingEvent, InitializedEvent, MarkerAddedEvent, MarkerRemovedEvent, ReadyEvent, RouteAddedEvent, RouteRemovedEvent } from "devextreme/ui/map";
-declare type ReplaceFieldTypes<TSource, TReplacement> = {
+type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type IMapOptionsNarrowedEvents = {
+type IMapOptionsNarrowedEvents = {
     onClick?: ((e: ClickEvent) => void);
     onDisposing?: ((e: DisposingEvent) => void);
     onInitialized?: ((e: InitializedEvent) => void);
@@ -29,7 +29,7 @@ declare type IMapOptionsNarrowedEvents = {
     onRouteAdded?: ((e: RouteAddedEvent) => void);
     onRouteRemoved?: ((e: RouteRemovedEvent) => void);
 };
-declare type IMapOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IMapOptionsNarrowedEvents> & IHtmlOptions & {
+type IMapOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IMapOptionsNarrowedEvents> & IHtmlOptions & {
     defaultCenter?: Array<number> | Record<string, any> | string;
     defaultMarkers?: Array<Record<string, any>>;
     defaultRoutes?: Array<Record<string, any>>;
@@ -39,59 +39,32 @@ declare type IMapOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties,
     onRoutesChange?: (value: Array<Record<string, any>>) => void;
     onZoomChange?: (value: number) => void;
 }>;
-declare class Map extends BaseComponent<React.PropsWithChildren<IMapOptions>> {
-    get instance(): dxMap;
-    protected _WidgetClass: typeof dxMap;
-    protected subscribableOptions: string[];
-    protected independentEvents: string[];
-    protected _defaults: {
-        defaultCenter: string;
-        defaultMarkers: string;
-        defaultRoutes: string;
-        defaultZoom: string;
-    };
-    protected _expectedChildren: {
-        apiKey: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        center: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        marker: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        route: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
+interface MapRef {
+    instance: () => dxMap;
 }
-declare type IApiKeyProps = React.PropsWithChildren<{
+declare const Map: (props: React.PropsWithChildren<IMapOptions> & {
+    ref?: Ref<MapRef>;
+}) => ReactElement | null;
+type IApiKeyProps = React.PropsWithChildren<{
     bing?: string;
     google?: string;
     googleStatic?: string;
 }>;
-declare class ApiKey extends NestedOption<IApiKeyProps> {
-    static OptionName: string;
-}
-declare type ICenterProps = React.PropsWithChildren<{
+declare const _componentApiKey: React.MemoExoticComponent<(props: IApiKeyProps) => React.FunctionComponentElement<IApiKeyProps>>;
+declare const ApiKey: typeof _componentApiKey & IElementDescriptor;
+type ICenterProps = React.PropsWithChildren<{
     lat?: number;
     lng?: number;
 }>;
-declare class Center extends NestedOption<ICenterProps> {
-    static OptionName: string;
-}
-declare type ILocationProps = React.PropsWithChildren<{
+declare const _componentCenter: React.MemoExoticComponent<(props: ICenterProps) => React.FunctionComponentElement<ICenterProps>>;
+declare const Center: typeof _componentCenter & IElementDescriptor;
+type ILocationProps = React.PropsWithChildren<{
     lat?: number;
     lng?: number;
 }>;
-declare class Location extends NestedOption<ILocationProps> {
-    static OptionName: string;
-}
-declare type IMarkerProps = React.PropsWithChildren<{
+declare const _componentLocation: React.MemoExoticComponent<(props: ILocationProps) => React.FunctionComponentElement<ILocationProps>>;
+declare const Location: typeof _componentLocation & IElementDescriptor;
+type IMarkerProps = React.PropsWithChildren<{
     iconSrc?: string;
     location?: Array<number> | Record<string, any> | string | {
         lat?: number;
@@ -103,21 +76,9 @@ declare type IMarkerProps = React.PropsWithChildren<{
         text?: string;
     };
 }>;
-declare class Marker extends NestedOption<IMarkerProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static ExpectedChildren: {
-        location: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tooltip: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IRouteProps = React.PropsWithChildren<{
+declare const _componentMarker: React.MemoExoticComponent<(props: IMarkerProps) => React.FunctionComponentElement<IMarkerProps>>;
+declare const Marker: typeof _componentMarker & IElementDescriptor;
+type IRouteProps = React.PropsWithChildren<{
     color?: string;
     locations?: Array<Record<string, any>> | {
         lat?: number;
@@ -127,24 +88,15 @@ declare type IRouteProps = React.PropsWithChildren<{
     opacity?: number;
     weight?: number;
 }>;
-declare class Route extends NestedOption<IRouteProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static ExpectedChildren: {
-        location: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ITooltipProps = React.PropsWithChildren<{
+declare const _componentRoute: React.MemoExoticComponent<(props: IRouteProps) => React.FunctionComponentElement<IRouteProps>>;
+declare const Route: typeof _componentRoute & IElementDescriptor;
+type ITooltipProps = React.PropsWithChildren<{
     isShown?: boolean;
     text?: string;
 }>;
-declare class Tooltip extends NestedOption<ITooltipProps> {
-    static OptionName: string;
-}
+declare const _componentTooltip: React.MemoExoticComponent<(props: ITooltipProps) => React.FunctionComponentElement<ITooltipProps>>;
+declare const Tooltip: typeof _componentTooltip & IElementDescriptor;
 export default Map;
-export { Map, IMapOptions, ApiKey, IApiKeyProps, Center, ICenterProps, Location, ILocationProps, Marker, IMarkerProps, Route, IRouteProps, Tooltip, ITooltipProps };
+export { Map, IMapOptions, MapRef, ApiKey, IApiKeyProps, Center, ICenterProps, Location, ILocationProps, Marker, IMarkerProps, Route, IRouteProps, Tooltip, ITooltipProps };
 import type * as MapTypes from 'devextreme/ui/map_types';
 export { MapTypes };

package/cjs/map.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
  *
@@ -13,24 +13,24 @@
 
 "use client";
 "use strict";
-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);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -52,164 +52,85 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = exports.Route = exports.Marker = exports.Location = exports.Center = exports.ApiKey = exports.Map = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
 var map_1 = __importDefault(require("devextreme/ui/map"));
-var PropTypes = __importStar(require("prop-types"));
 var component_1 = require("./core/component");
 var nested_option_1 = __importDefault(require("./core/nested-option"));
-var Map = /** @class */ (function (_super) {
-    __extends(Map, _super);
-    function Map() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._WidgetClass = map_1.default;
-        _this.subscribableOptions = ["center", "markers", "routes", "zoom"];
-        _this.independentEvents = ["onClick", "onDisposing", "onInitialized", "onMarkerAdded", "onMarkerRemoved", "onReady", "onRouteAdded", "onRouteRemoved"];
-        _this._defaults = {
-            defaultCenter: "center",
-            defaultMarkers: "markers",
-            defaultRoutes: "routes",
-            defaultZoom: "zoom"
-        };
-        _this._expectedChildren = {
-            apiKey: { optionName: "apiKey", isCollectionItem: false },
-            center: { optionName: "center", isCollectionItem: false },
-            marker: { optionName: "markers", isCollectionItem: true },
-            route: { optionName: "routes", isCollectionItem: true }
-        };
-        return _this;
-    }
-    Object.defineProperty(Map.prototype, "instance", {
-        get: function () {
-            return this._instance;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return Map;
-}(component_1.Component));
+var Map = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) {
+    var baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        instance: function () {
+            var _a;
+            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+        }
+    }); }, [baseRef.current]);
+    var subscribableOptions = (0, react_1.useMemo)(function () { return (["center", "markers", "routes", "zoom"]); }, []);
+    var independentEvents = (0, react_1.useMemo)(function () { return (["onClick", "onDisposing", "onInitialized", "onMarkerAdded", "onMarkerRemoved", "onReady", "onRouteAdded", "onRouteRemoved"]); }, []);
+    var defaults = (0, react_1.useMemo)(function () { return ({
+        defaultCenter: "center",
+        defaultMarkers: "markers",
+        defaultRoutes: "routes",
+        defaultZoom: "zoom",
+    }); }, []);
+    var expectedChildren = (0, react_1.useMemo)(function () { return ({
+        apiKey: { optionName: "apiKey", isCollectionItem: false },
+        center: { optionName: "center", isCollectionItem: false },
+        marker: { optionName: "markers", isCollectionItem: true },
+        route: { optionName: "routes", isCollectionItem: true }
+    }); }, []);
+    return (React.createElement((component_1.Component), __assign({ WidgetClass: map_1.default, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren }, props)));
+}));
 exports.Map = Map;
-Map.propTypes = {
-    accessKey: PropTypes.string,
-    activeStateEnabled: PropTypes.bool,
-    apiKey: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.string
-    ]),
-    autoAdjust: PropTypes.bool,
-    center: PropTypes.oneOfType([
-        PropTypes.array,
-        PropTypes.object,
-        PropTypes.string
-    ]),
-    controls: PropTypes.bool,
-    disabled: PropTypes.bool,
-    elementAttr: PropTypes.object,
-    focusStateEnabled: PropTypes.bool,
-    height: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    hint: PropTypes.string,
-    hoverStateEnabled: PropTypes.bool,
-    markerIconSrc: PropTypes.string,
-    markers: PropTypes.array,
-    onClick: PropTypes.func,
-    onDisposing: PropTypes.func,
-    onInitialized: PropTypes.func,
-    onMarkerAdded: PropTypes.func,
-    onMarkerRemoved: PropTypes.func,
-    onOptionChanged: PropTypes.func,
-    onReady: PropTypes.func,
-    onRouteAdded: PropTypes.func,
-    onRouteRemoved: PropTypes.func,
-    provider: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "bing",
-            "google",
-            "googleStatic"
-        ])
-    ]),
-    routes: PropTypes.array,
-    rtlEnabled: PropTypes.bool,
-    tabIndex: PropTypes.number,
-    type: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "hybrid",
-            "roadmap",
-            "satellite"
-        ])
-    ]),
-    visible: PropTypes.bool,
-    width: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    zoom: PropTypes.number
-};
-var ApiKey = /** @class */ (function (_super) {
-    __extends(ApiKey, _super);
-    function ApiKey() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ApiKey.OptionName = "apiKey";
-    return ApiKey;
-}(nested_option_1.default));
+var _componentApiKey = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var ApiKey = Object.assign(_componentApiKey, {
+    OptionName: "apiKey",
+});
 exports.ApiKey = ApiKey;
-var Center = /** @class */ (function (_super) {
-    __extends(Center, _super);
-    function Center() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Center.OptionName = "center";
-    return Center;
-}(nested_option_1.default));
+var _componentCenter = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Center = Object.assign(_componentCenter, {
+    OptionName: "center",
+});
 exports.Center = Center;
-var Location = /** @class */ (function (_super) {
-    __extends(Location, _super);
-    function Location() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Location.OptionName = "location";
-    return Location;
-}(nested_option_1.default));
+var _componentLocation = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Location = Object.assign(_componentLocation, {
+    OptionName: "location",
+});
 exports.Location = Location;
-var Marker = /** @class */ (function (_super) {
-    __extends(Marker, _super);
-    function Marker() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Marker.OptionName = "markers";
-    Marker.IsCollectionItem = true;
-    Marker.ExpectedChildren = {
+var _componentMarker = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Marker = Object.assign(_componentMarker, {
+    OptionName: "markers",
+    IsCollectionItem: true,
+    ExpectedChildren: {
         location: { optionName: "location", isCollectionItem: false },
         tooltip: { optionName: "tooltip", isCollectionItem: false }
-    };
-    return Marker;
-}(nested_option_1.default));
+    },
+});
 exports.Marker = Marker;
-var Route = /** @class */ (function (_super) {
-    __extends(Route, _super);
-    function Route() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Route.OptionName = "routes";
-    Route.IsCollectionItem = true;
-    Route.ExpectedChildren = {
+var _componentRoute = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Route = Object.assign(_componentRoute, {
+    OptionName: "routes",
+    IsCollectionItem: true,
+    ExpectedChildren: {
         location: { optionName: "locations", isCollectionItem: true }
-    };
-    return Route;
-}(nested_option_1.default));
+    },
+});
 exports.Route = Route;
-var Tooltip = /** @class */ (function (_super) {
-    __extends(Tooltip, _super);
-    function Tooltip() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Tooltip.OptionName = "tooltip";
-    return Tooltip;
-}(nested_option_1.default));
+var _componentTooltip = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Tooltip = Object.assign(_componentTooltip, {
+    OptionName: "tooltip",
+});
 exports.Tooltip = Tooltip;
 exports.default = Map;