devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/scheduler.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,311 +52,148 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.View = exports.Scrolling = exports.Resource = exports.Editing = exports.AppointmentDragging = exports.Scheduler = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
 var scheduler_1 = __importDefault(require("devextreme/ui/scheduler"));
-var PropTypes = __importStar(require("prop-types"));
 var component_1 = require("./core/component");
 var nested_option_1 = __importDefault(require("./core/nested-option"));
-var Scheduler = /** @class */ (function (_super) {
-    __extends(Scheduler, _super);
-    function Scheduler() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._WidgetClass = scheduler_1.default;
-        _this.subscribableOptions = ["currentDate", "currentView"];
-        _this.independentEvents = ["onAppointmentAdded", "onAppointmentAdding", "onAppointmentClick", "onAppointmentContextMenu", "onAppointmentDblClick", "onAppointmentDeleted", "onAppointmentDeleting", "onAppointmentFormOpening", "onAppointmentRendered", "onAppointmentTooltipShowing", "onAppointmentUpdated", "onAppointmentUpdating", "onCellClick", "onCellContextMenu", "onContentReady", "onDisposing", "onInitialized"];
-        _this._defaults = {
-            defaultCurrentDate: "currentDate",
-            defaultCurrentView: "currentView"
-        };
-        _this._expectedChildren = {
-            appointmentDragging: { optionName: "appointmentDragging", isCollectionItem: false },
-            editing: { optionName: "editing", isCollectionItem: false },
-            resource: { optionName: "resources", isCollectionItem: true },
-            scrolling: { optionName: "scrolling", isCollectionItem: false },
-            view: { optionName: "views", isCollectionItem: true }
-        };
-        _this._templateProps = [{
-                tmplOption: "appointmentCollectorTemplate",
-                render: "appointmentCollectorRender",
-                component: "appointmentCollectorComponent",
-                keyFn: "appointmentCollectorKeyFn"
-            }, {
-                tmplOption: "appointmentTemplate",
-                render: "appointmentRender",
-                component: "appointmentComponent",
-                keyFn: "appointmentKeyFn"
-            }, {
-                tmplOption: "appointmentTooltipTemplate",
-                render: "appointmentTooltipRender",
-                component: "appointmentTooltipComponent",
-                keyFn: "appointmentTooltipKeyFn"
-            }, {
-                tmplOption: "dataCellTemplate",
-                render: "dataCellRender",
-                component: "dataCellComponent",
-                keyFn: "dataCellKeyFn"
-            }, {
-                tmplOption: "dateCellTemplate",
-                render: "dateCellRender",
-                component: "dateCellComponent",
-                keyFn: "dateCellKeyFn"
-            }, {
-                tmplOption: "dropDownAppointmentTemplate",
-                render: "dropDownAppointmentRender",
-                component: "dropDownAppointmentComponent",
-                keyFn: "dropDownAppointmentKeyFn"
-            }, {
-                tmplOption: "resourceCellTemplate",
-                render: "resourceCellRender",
-                component: "resourceCellComponent",
-                keyFn: "resourceCellKeyFn"
-            }, {
-                tmplOption: "timeCellTemplate",
-                render: "timeCellRender",
-                component: "timeCellComponent",
-                keyFn: "timeCellKeyFn"
-            }];
-        return _this;
-    }
-    Object.defineProperty(Scheduler.prototype, "instance", {
-        get: function () {
-            return this._instance;
+var Scheduler = (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 (["currentDate", "currentView"]); }, []);
+    var independentEvents = (0, react_1.useMemo)(function () { return (["onAppointmentAdded", "onAppointmentAdding", "onAppointmentClick", "onAppointmentContextMenu", "onAppointmentDblClick", "onAppointmentDeleted", "onAppointmentDeleting", "onAppointmentFormOpening", "onAppointmentRendered", "onAppointmentTooltipShowing", "onAppointmentUpdated", "onAppointmentUpdating", "onCellClick", "onCellContextMenu", "onContentReady", "onDisposing", "onInitialized"]); }, []);
+    var defaults = (0, react_1.useMemo)(function () { return ({
+        defaultCurrentDate: "currentDate",
+        defaultCurrentView: "currentView",
+    }); }, []);
+    var expectedChildren = (0, react_1.useMemo)(function () { return ({
+        appointmentDragging: { optionName: "appointmentDragging", isCollectionItem: false },
+        editing: { optionName: "editing", isCollectionItem: false },
+        resource: { optionName: "resources", isCollectionItem: true },
+        scrolling: { optionName: "scrolling", isCollectionItem: false },
+        view: { optionName: "views", isCollectionItem: true }
+    }); }, []);
+    var templateProps = (0, react_1.useMemo)(function () { return ([
+        {
+            tmplOption: "appointmentCollectorTemplate",
+            render: "appointmentCollectorRender",
+            component: "appointmentCollectorComponent"
+        },
+        {
+            tmplOption: "appointmentTemplate",
+            render: "appointmentRender",
+            component: "appointmentComponent"
+        },
+        {
+            tmplOption: "appointmentTooltipTemplate",
+            render: "appointmentTooltipRender",
+            component: "appointmentTooltipComponent"
         },
-        enumerable: false,
-        configurable: true
-    });
-    return Scheduler;
-}(component_1.Component));
+        {
+            tmplOption: "dataCellTemplate",
+            render: "dataCellRender",
+            component: "dataCellComponent"
+        },
+        {
+            tmplOption: "dateCellTemplate",
+            render: "dateCellRender",
+            component: "dateCellComponent"
+        },
+        {
+            tmplOption: "dropDownAppointmentTemplate",
+            render: "dropDownAppointmentRender",
+            component: "dropDownAppointmentComponent"
+        },
+        {
+            tmplOption: "resourceCellTemplate",
+            render: "resourceCellRender",
+            component: "resourceCellComponent"
+        },
+        {
+            tmplOption: "timeCellTemplate",
+            render: "timeCellRender",
+            component: "timeCellComponent"
+        },
+    ]); }, []);
+    return (React.createElement((component_1.Component), __assign({ WidgetClass: scheduler_1.default, ref: baseRef, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren, templateProps: templateProps }, props)));
+}));
 exports.Scheduler = Scheduler;
-Scheduler.propTypes = {
-    accessKey: PropTypes.string,
-    adaptivityEnabled: PropTypes.bool,
-    allDayExpr: PropTypes.string,
-    allDayPanelMode: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "all",
-            "allDay",
-            "hidden"
-        ])
-    ]),
-    appointmentDragging: PropTypes.object,
-    cellDuration: PropTypes.number,
-    crossScrollingEnabled: PropTypes.bool,
-    currentDate: PropTypes.oneOfType([
-        PropTypes.instanceOf(Date),
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    currentView: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "agenda",
-            "day",
-            "month",
-            "timelineDay",
-            "timelineMonth",
-            "timelineWeek",
-            "timelineWorkWeek",
-            "week",
-            "workWeek"
-        ])
-    ]),
-    customizeDateNavigatorText: PropTypes.func,
-    dateSerializationFormat: PropTypes.string,
-    descriptionExpr: PropTypes.string,
-    disabled: PropTypes.bool,
-    editing: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.object
-    ]),
-    elementAttr: PropTypes.object,
-    endDateExpr: PropTypes.string,
-    endDateTimeZoneExpr: PropTypes.string,
-    endDayHour: PropTypes.number,
-    firstDayOfWeek: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.oneOf([
-            0,
-            1,
-            2,
-            3,
-            4,
-            5,
-            6
-        ])
-    ]),
-    focusStateEnabled: PropTypes.bool,
-    groupByDate: PropTypes.bool,
-    groups: PropTypes.array,
-    height: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    hint: PropTypes.string,
-    indicatorUpdateInterval: PropTypes.number,
-    max: PropTypes.oneOfType([
-        PropTypes.instanceOf(Date),
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    maxAppointmentsPerCell: PropTypes.oneOfType([
-        PropTypes.number,
-        PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.oneOf([
-                "auto",
-                "unlimited"
-            ])
-        ])
-    ]),
-    min: PropTypes.oneOfType([
-        PropTypes.instanceOf(Date),
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    noDataText: PropTypes.string,
-    offset: PropTypes.number,
-    onAppointmentAdded: PropTypes.func,
-    onAppointmentAdding: PropTypes.func,
-    onAppointmentClick: PropTypes.func,
-    onAppointmentContextMenu: PropTypes.func,
-    onAppointmentDblClick: PropTypes.func,
-    onAppointmentDeleted: PropTypes.func,
-    onAppointmentDeleting: PropTypes.func,
-    onAppointmentFormOpening: PropTypes.func,
-    onAppointmentRendered: PropTypes.func,
-    onAppointmentTooltipShowing: PropTypes.func,
-    onAppointmentUpdated: PropTypes.func,
-    onAppointmentUpdating: PropTypes.func,
-    onCellClick: PropTypes.func,
-    onCellContextMenu: PropTypes.func,
-    onContentReady: PropTypes.func,
-    onDisposing: PropTypes.func,
-    onInitialized: PropTypes.func,
-    onOptionChanged: PropTypes.func,
-    recurrenceEditMode: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "dialog",
-            "occurrence",
-            "series"
-        ])
-    ]),
-    recurrenceExceptionExpr: PropTypes.string,
-    recurrenceRuleExpr: PropTypes.string,
-    remoteFiltering: PropTypes.bool,
-    resources: PropTypes.array,
-    rtlEnabled: PropTypes.bool,
-    scrolling: PropTypes.object,
-    selectedCellData: PropTypes.array,
-    shadeUntilCurrentTime: PropTypes.bool,
-    showAllDayPanel: PropTypes.bool,
-    showCurrentTimeIndicator: PropTypes.bool,
-    startDateExpr: PropTypes.string,
-    startDateTimeZoneExpr: PropTypes.string,
-    startDayHour: PropTypes.number,
-    tabIndex: PropTypes.number,
-    textExpr: PropTypes.string,
-    timeZone: PropTypes.string,
-    useDropDownViewSwitcher: PropTypes.bool,
-    views: PropTypes.array,
-    visible: PropTypes.bool,
-    width: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ])
-};
-var AppointmentDragging = /** @class */ (function (_super) {
-    __extends(AppointmentDragging, _super);
-    function AppointmentDragging() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AppointmentDragging.OptionName = "appointmentDragging";
-    return AppointmentDragging;
-}(nested_option_1.default));
+var _componentAppointmentDragging = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var AppointmentDragging = Object.assign(_componentAppointmentDragging, {
+    OptionName: "appointmentDragging",
+});
 exports.AppointmentDragging = AppointmentDragging;
-var Editing = /** @class */ (function (_super) {
-    __extends(Editing, _super);
-    function Editing() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Editing.OptionName = "editing";
-    return Editing;
-}(nested_option_1.default));
+var _componentEditing = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Editing = Object.assign(_componentEditing, {
+    OptionName: "editing",
+});
 exports.Editing = Editing;
-var Resource = /** @class */ (function (_super) {
-    __extends(Resource, _super);
-    function Resource() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Resource.OptionName = "resources";
-    Resource.IsCollectionItem = true;
-    return Resource;
-}(nested_option_1.default));
+var _componentResource = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Resource = Object.assign(_componentResource, {
+    OptionName: "resources",
+    IsCollectionItem: true,
+});
 exports.Resource = Resource;
-var Scrolling = /** @class */ (function (_super) {
-    __extends(Scrolling, _super);
-    function Scrolling() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Scrolling.OptionName = "scrolling";
-    return Scrolling;
-}(nested_option_1.default));
+var _componentScrolling = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var Scrolling = Object.assign(_componentScrolling, {
+    OptionName: "scrolling",
+});
 exports.Scrolling = Scrolling;
-var View = /** @class */ (function (_super) {
-    __extends(View, _super);
-    function View() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    View.OptionName = "views";
-    View.IsCollectionItem = true;
-    View.ExpectedChildren = {
+var _componentView = (0, react_1.memo)(function (props) {
+    return React.createElement((nested_option_1.default), __assign({}, props));
+});
+var View = Object.assign(_componentView, {
+    OptionName: "views",
+    IsCollectionItem: true,
+    ExpectedChildren: {
         scrolling: { optionName: "scrolling", isCollectionItem: false }
-    };
-    View.TemplateProps = [{
+    },
+    TemplateProps: [{
             tmplOption: "appointmentCollectorTemplate",
             render: "appointmentCollectorRender",
-            component: "appointmentCollectorComponent",
-            keyFn: "appointmentCollectorKeyFn"
+            component: "appointmentCollectorComponent"
         }, {
             tmplOption: "appointmentTemplate",
             render: "appointmentRender",
-            component: "appointmentComponent",
-            keyFn: "appointmentKeyFn"
+            component: "appointmentComponent"
         }, {
             tmplOption: "appointmentTooltipTemplate",
             render: "appointmentTooltipRender",
-            component: "appointmentTooltipComponent",
-            keyFn: "appointmentTooltipKeyFn"
+            component: "appointmentTooltipComponent"
         }, {
             tmplOption: "dataCellTemplate",
             render: "dataCellRender",
-            component: "dataCellComponent",
-            keyFn: "dataCellKeyFn"
+            component: "dataCellComponent"
         }, {
             tmplOption: "dateCellTemplate",
             render: "dateCellRender",
-            component: "dateCellComponent",
-            keyFn: "dateCellKeyFn"
+            component: "dateCellComponent"
         }, {
             tmplOption: "dropDownAppointmentTemplate",
             render: "dropDownAppointmentRender",
-            component: "dropDownAppointmentComponent",
-            keyFn: "dropDownAppointmentKeyFn"
+            component: "dropDownAppointmentComponent"
         }, {
             tmplOption: "resourceCellTemplate",
             render: "resourceCellRender",
-            component: "resourceCellComponent",
-            keyFn: "resourceCellKeyFn"
+            component: "resourceCellComponent"
         }, {
             tmplOption: "timeCellTemplate",
             render: "timeCellRender",
-            component: "timeCellComponent",
-            keyFn: "timeCellKeyFn"
-        }];
-    return View;
-}(nested_option_1.default));
+            component: "timeCellComponent"
+        }],
+});
 exports.View = View;
 exports.default = Scheduler;

package/cjs/scroll-view.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,14 +11,15 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-/// <reference types="react" />
+import * as React from "react";
+import { Ref, ReactElement } from "react";
 import dxScrollView, { Properties } from "devextreme/ui/scroll_view";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
+import { IHtmlOptions } from "./core/component";
 import type { DisposingEvent, InitializedEvent, PullDownEvent, ReachBottomEvent, ScrollEvent, UpdatedEvent } from "devextreme/ui/scroll_view";
-declare type ReplaceFieldTypes<TSource, TReplacement> = {
+type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type IScrollViewOptionsNarrowedEvents = {
+type IScrollViewOptionsNarrowedEvents = {
     onDisposing?: ((e: DisposingEvent) => void);
     onInitialized?: ((e: InitializedEvent) => void);
     onPullDown?: ((e: PullDownEvent) => void);
@@ -26,13 +27,14 @@ declare type IScrollViewOptionsNarrowedEvents = {
     onScroll?: ((e: ScrollEvent) => void);
     onUpdated?: ((e: UpdatedEvent) => void);
 };
-declare type IScrollViewOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IScrollViewOptionsNarrowedEvents> & IHtmlOptions>;
-declare class ScrollView extends BaseComponent<React.PropsWithChildren<IScrollViewOptions>> {
-    get instance(): dxScrollView;
-    protected _WidgetClass: typeof dxScrollView;
-    protected independentEvents: string[];
+type IScrollViewOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IScrollViewOptionsNarrowedEvents> & IHtmlOptions>;
+interface ScrollViewRef {
+    instance: () => dxScrollView;
 }
+declare const ScrollView: (props: React.PropsWithChildren<IScrollViewOptions> & {
+    ref?: Ref<ScrollViewRef>;
+}) => ReactElement | null;
 export default ScrollView;
-export { ScrollView, IScrollViewOptions };
+export { ScrollView, IScrollViewOptions, ScrollViewRef };
 import type * as ScrollViewTypes from 'devextreme/ui/scroll_view_types';
 export { ScrollViewTypes };

package/cjs/scroll-view.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,72 +52,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollView = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
 var scroll_view_1 = __importDefault(require("devextreme/ui/scroll_view"));
-var PropTypes = __importStar(require("prop-types"));
 var component_1 = require("./core/component");
-var ScrollView = /** @class */ (function (_super) {
-    __extends(ScrollView, _super);
-    function ScrollView() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._WidgetClass = scroll_view_1.default;
-        _this.independentEvents = ["onDisposing", "onInitialized", "onPullDown", "onReachBottom", "onScroll", "onUpdated"];
-        return _this;
-    }
-    Object.defineProperty(ScrollView.prototype, "instance", {
-        get: function () {
-            return this._instance;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return ScrollView;
-}(component_1.Component));
+var ScrollView = (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 independentEvents = (0, react_1.useMemo)(function () { return (["onDisposing", "onInitialized", "onPullDown", "onReachBottom", "onScroll", "onUpdated"]); }, []);
+    return (React.createElement((component_1.Component), __assign({ WidgetClass: scroll_view_1.default, ref: baseRef, independentEvents: independentEvents }, props)));
+}));
 exports.ScrollView = ScrollView;
-ScrollView.propTypes = {
-    bounceEnabled: PropTypes.bool,
-    direction: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "both",
-            "horizontal",
-            "vertical"
-        ])
-    ]),
-    disabled: PropTypes.bool,
-    elementAttr: PropTypes.object,
-    height: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ]),
-    onDisposing: PropTypes.func,
-    onInitialized: PropTypes.func,
-    onOptionChanged: PropTypes.func,
-    onPullDown: PropTypes.func,
-    onReachBottom: PropTypes.func,
-    onScroll: PropTypes.func,
-    onUpdated: PropTypes.func,
-    pulledDownText: PropTypes.string,
-    pullingDownText: PropTypes.string,
-    reachBottomText: PropTypes.string,
-    refreshingText: PropTypes.string,
-    rtlEnabled: PropTypes.bool,
-    scrollByContent: PropTypes.bool,
-    scrollByThumb: PropTypes.bool,
-    showScrollbar: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.oneOf([
-            "onScroll",
-            "onHover",
-            "always",
-            "never"
-        ])
-    ]),
-    useNative: PropTypes.bool,
-    width: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.number,
-        PropTypes.string
-    ])
-};
 exports.default = ScrollView;