devextreme-react 23.2.1-alpha-23255-1340 → 23.2.2-beta

package/esm/popover.js

@@ -0,0 +1,298 @@
+/*!
+ * devextreme-react
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
+ *
+ * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+ *
+ * This software may be modified and distributed under the terms
+ * of the MIT license. See the LICENSE file in the root of the project for details.
+ *
+ * https://github.com/DevExpress/devextreme-react
+ */
+
+"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);
+    };
+    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 __());
+    };
+})();
+import dxPopover from "devextreme/ui/popover";
+import * as PropTypes from "prop-types";
+import { Component as BaseComponent } from "./core/component";
+import NestedOption from "./core/nested-option";
+var Popover = /** @class */ (function (_super) {
+    __extends(Popover, _super);
+    function Popover() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._WidgetClass = dxPopover;
+        _this.isPortalComponent = true;
+        _this.subscribableOptions = ["height", "position", "visible", "width"];
+        _this.independentEvents = ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onShowing", "onShown", "onTitleRendered"];
+        _this._defaults = {
+            defaultHeight: "height",
+            defaultPosition: "position",
+            defaultVisible: "visible",
+            defaultWidth: "width"
+        };
+        _this._expectedChildren = {
+            animation: { optionName: "animation", isCollectionItem: false },
+            hideEvent: { optionName: "hideEvent", isCollectionItem: false },
+            position: { optionName: "position", isCollectionItem: false },
+            showEvent: { optionName: "showEvent", isCollectionItem: false },
+            toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
+        };
+        _this._templateProps = [{
+                tmplOption: "contentTemplate",
+                render: "contentRender",
+                component: "contentComponent",
+                keyFn: "contentKeyFn"
+            }, {
+                tmplOption: "titleTemplate",
+                render: "titleRender",
+                component: "titleComponent",
+                keyFn: "titleKeyFn"
+            }];
+        return _this;
+    }
+    Object.defineProperty(Popover.prototype, "instance", {
+        get: function () {
+            return this._instance;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Popover;
+}(BaseComponent));
+Popover.propTypes = {
+    animation: PropTypes.object,
+    closeOnOutsideClick: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.func
+    ]),
+    copyRootClassesToWrapper: PropTypes.bool,
+    deferRendering: PropTypes.bool,
+    disabled: PropTypes.bool,
+    enableBodyScroll: PropTypes.bool,
+    height: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    hideEvent: PropTypes.oneOfType([
+        PropTypes.object,
+        PropTypes.string
+    ]),
+    hideOnOutsideClick: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.func
+    ]),
+    hideOnParentScroll: PropTypes.bool,
+    hint: PropTypes.string,
+    hoverStateEnabled: PropTypes.bool,
+    maxHeight: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    maxWidth: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    minHeight: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    minWidth: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    onContentReady: PropTypes.func,
+    onDisposing: PropTypes.func,
+    onHidden: PropTypes.func,
+    onHiding: PropTypes.func,
+    onInitialized: PropTypes.func,
+    onOptionChanged: PropTypes.func,
+    onShowing: PropTypes.func,
+    onShown: PropTypes.func,
+    onTitleRendered: PropTypes.func,
+    position: PropTypes.oneOfType([
+        PropTypes.object,
+        PropTypes.oneOfType([
+            PropTypes.string,
+            PropTypes.oneOf([
+                "bottom",
+                "left",
+                "right",
+                "top"
+            ])
+        ])
+    ]),
+    rtlEnabled: PropTypes.bool,
+    shading: PropTypes.bool,
+    shadingColor: PropTypes.string,
+    showCloseButton: PropTypes.bool,
+    showEvent: PropTypes.oneOfType([
+        PropTypes.object,
+        PropTypes.string
+    ]),
+    showTitle: PropTypes.bool,
+    title: PropTypes.string,
+    toolbarItems: PropTypes.array,
+    visible: PropTypes.bool,
+    width: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ])
+};
+var Animation = /** @class */ (function (_super) {
+    __extends(Animation, _super);
+    function Animation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Animation.OptionName = "animation";
+    Animation.ExpectedChildren = {
+        hide: { optionName: "hide", isCollectionItem: false },
+        show: { optionName: "show", isCollectionItem: false }
+    };
+    return Animation;
+}(NestedOption));
+var At = /** @class */ (function (_super) {
+    __extends(At, _super);
+    function At() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    At.OptionName = "at";
+    return At;
+}(NestedOption));
+var BoundaryOffset = /** @class */ (function (_super) {
+    __extends(BoundaryOffset, _super);
+    function BoundaryOffset() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BoundaryOffset.OptionName = "boundaryOffset";
+    return BoundaryOffset;
+}(NestedOption));
+var Collision = /** @class */ (function (_super) {
+    __extends(Collision, _super);
+    function Collision() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Collision.OptionName = "collision";
+    return Collision;
+}(NestedOption));
+var From = /** @class */ (function (_super) {
+    __extends(From, _super);
+    function From() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    From.OptionName = "from";
+    From.ExpectedChildren = {
+        position: { optionName: "position", isCollectionItem: false }
+    };
+    return From;
+}(NestedOption));
+var Hide = /** @class */ (function (_super) {
+    __extends(Hide, _super);
+    function Hide() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Hide.OptionName = "hide";
+    Hide.ExpectedChildren = {
+        from: { optionName: "from", isCollectionItem: false },
+        to: { optionName: "to", isCollectionItem: false }
+    };
+    return Hide;
+}(NestedOption));
+var HideEvent = /** @class */ (function (_super) {
+    __extends(HideEvent, _super);
+    function HideEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    HideEvent.OptionName = "hideEvent";
+    return HideEvent;
+}(NestedOption));
+var My = /** @class */ (function (_super) {
+    __extends(My, _super);
+    function My() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    My.OptionName = "my";
+    return My;
+}(NestedOption));
+var Offset = /** @class */ (function (_super) {
+    __extends(Offset, _super);
+    function Offset() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Offset.OptionName = "offset";
+    return Offset;
+}(NestedOption));
+var Position = /** @class */ (function (_super) {
+    __extends(Position, _super);
+    function Position() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Position.OptionName = "position";
+    return Position;
+}(NestedOption));
+var Show = /** @class */ (function (_super) {
+    __extends(Show, _super);
+    function Show() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Show.OptionName = "show";
+    return Show;
+}(NestedOption));
+var ShowEvent = /** @class */ (function (_super) {
+    __extends(ShowEvent, _super);
+    function ShowEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ShowEvent.OptionName = "showEvent";
+    return ShowEvent;
+}(NestedOption));
+var To = /** @class */ (function (_super) {
+    __extends(To, _super);
+    function To() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    To.OptionName = "to";
+    return To;
+}(NestedOption));
+var ToolbarItem = /** @class */ (function (_super) {
+    __extends(ToolbarItem, _super);
+    function ToolbarItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToolbarItem.OptionName = "toolbarItems";
+    ToolbarItem.IsCollectionItem = true;
+    ToolbarItem.TemplateProps = [{
+            tmplOption: "menuItemTemplate",
+            render: "menuItemRender",
+            component: "menuItemComponent",
+            keyFn: "menuItemKeyFn"
+        }, {
+            tmplOption: "template",
+            render: "render",
+            component: "component",
+            keyFn: "keyFn"
+        }];
+    return ToolbarItem;
+}(NestedOption));
+export default Popover;
+export { Popover, Animation, At, BoundaryOffset, Collision, From, Hide, HideEvent, My, Offset, Position, Show, ShowEvent, To, ToolbarItem };

package/esm/popup.js

@@ -0,0 +1,289 @@
+/*!
+ * devextreme-react
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
+ *
+ * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+ *
+ * This software may be modified and distributed under the terms
+ * of the MIT license. See the LICENSE file in the root of the project for details.
+ *
+ * https://github.com/DevExpress/devextreme-react
+ */
+
+"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);
+    };
+    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 __());
+    };
+})();
+import dxPopup from "devextreme/ui/popup";
+import * as PropTypes from "prop-types";
+import { Component as BaseComponent } from "./core/component";
+import NestedOption from "./core/nested-option";
+var Popup = /** @class */ (function (_super) {
+    __extends(Popup, _super);
+    function Popup() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._WidgetClass = dxPopup;
+        _this.isPortalComponent = true;
+        _this.subscribableOptions = ["height", "position", "visible", "width"];
+        _this.independentEvents = ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered"];
+        _this._defaults = {
+            defaultHeight: "height",
+            defaultPosition: "position",
+            defaultVisible: "visible",
+            defaultWidth: "width"
+        };
+        _this._expectedChildren = {
+            animation: { optionName: "animation", isCollectionItem: false },
+            position: { optionName: "position", isCollectionItem: false },
+            toolbarItem: { optionName: "toolbarItems", isCollectionItem: true }
+        };
+        _this._templateProps = [{
+                tmplOption: "contentTemplate",
+                render: "contentRender",
+                component: "contentComponent",
+                keyFn: "contentKeyFn"
+            }, {
+                tmplOption: "titleTemplate",
+                render: "titleRender",
+                component: "titleComponent",
+                keyFn: "titleKeyFn"
+            }];
+        return _this;
+    }
+    Object.defineProperty(Popup.prototype, "instance", {
+        get: function () {
+            return this._instance;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Popup;
+}(BaseComponent));
+Popup.propTypes = {
+    accessKey: PropTypes.string,
+    animation: PropTypes.object,
+    closeOnOutsideClick: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.func
+    ]),
+    copyRootClassesToWrapper: PropTypes.bool,
+    deferRendering: PropTypes.bool,
+    disabled: PropTypes.bool,
+    dragEnabled: PropTypes.bool,
+    dragOutsideBoundary: PropTypes.bool,
+    enableBodyScroll: PropTypes.bool,
+    focusStateEnabled: PropTypes.bool,
+    fullScreen: PropTypes.bool,
+    height: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    hideOnOutsideClick: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.func
+    ]),
+    hideOnParentScroll: PropTypes.bool,
+    hint: PropTypes.string,
+    hoverStateEnabled: PropTypes.bool,
+    maxHeight: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    maxWidth: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    minHeight: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    minWidth: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    onContentReady: PropTypes.func,
+    onDisposing: PropTypes.func,
+    onHidden: PropTypes.func,
+    onHiding: PropTypes.func,
+    onInitialized: PropTypes.func,
+    onOptionChanged: PropTypes.func,
+    onResize: PropTypes.func,
+    onResizeEnd: PropTypes.func,
+    onResizeStart: PropTypes.func,
+    onShowing: PropTypes.func,
+    onShown: PropTypes.func,
+    onTitleRendered: PropTypes.func,
+    position: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.object,
+        PropTypes.oneOfType([
+            PropTypes.string,
+            PropTypes.oneOf([
+                "bottom",
+                "center",
+                "left",
+                "left bottom",
+                "left top",
+                "right",
+                "right bottom",
+                "right top",
+                "top"
+            ])
+        ])
+    ]),
+    resizeEnabled: PropTypes.bool,
+    restorePosition: PropTypes.bool,
+    rtlEnabled: PropTypes.bool,
+    shading: PropTypes.bool,
+    shadingColor: PropTypes.string,
+    showCloseButton: PropTypes.bool,
+    showTitle: PropTypes.bool,
+    tabIndex: PropTypes.number,
+    title: PropTypes.string,
+    toolbarItems: PropTypes.array,
+    visible: PropTypes.bool,
+    width: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ])
+};
+var Animation = /** @class */ (function (_super) {
+    __extends(Animation, _super);
+    function Animation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Animation.OptionName = "animation";
+    Animation.ExpectedChildren = {
+        hide: { optionName: "hide", isCollectionItem: false },
+        show: { optionName: "show", isCollectionItem: false }
+    };
+    return Animation;
+}(NestedOption));
+var At = /** @class */ (function (_super) {
+    __extends(At, _super);
+    function At() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    At.OptionName = "at";
+    return At;
+}(NestedOption));
+var BoundaryOffset = /** @class */ (function (_super) {
+    __extends(BoundaryOffset, _super);
+    function BoundaryOffset() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BoundaryOffset.OptionName = "boundaryOffset";
+    return BoundaryOffset;
+}(NestedOption));
+var Collision = /** @class */ (function (_super) {
+    __extends(Collision, _super);
+    function Collision() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Collision.OptionName = "collision";
+    return Collision;
+}(NestedOption));
+var From = /** @class */ (function (_super) {
+    __extends(From, _super);
+    function From() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    From.OptionName = "from";
+    From.ExpectedChildren = {
+        position: { optionName: "position", isCollectionItem: false }
+    };
+    return From;
+}(NestedOption));
+var Hide = /** @class */ (function (_super) {
+    __extends(Hide, _super);
+    function Hide() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Hide.OptionName = "hide";
+    Hide.ExpectedChildren = {
+        from: { optionName: "from", isCollectionItem: false },
+        to: { optionName: "to", isCollectionItem: false }
+    };
+    return Hide;
+}(NestedOption));
+var My = /** @class */ (function (_super) {
+    __extends(My, _super);
+    function My() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    My.OptionName = "my";
+    return My;
+}(NestedOption));
+var Offset = /** @class */ (function (_super) {
+    __extends(Offset, _super);
+    function Offset() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Offset.OptionName = "offset";
+    return Offset;
+}(NestedOption));
+var Position = /** @class */ (function (_super) {
+    __extends(Position, _super);
+    function Position() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Position.OptionName = "position";
+    return Position;
+}(NestedOption));
+var Show = /** @class */ (function (_super) {
+    __extends(Show, _super);
+    function Show() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Show.OptionName = "show";
+    return Show;
+}(NestedOption));
+var To = /** @class */ (function (_super) {
+    __extends(To, _super);
+    function To() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    To.OptionName = "to";
+    return To;
+}(NestedOption));
+var ToolbarItem = /** @class */ (function (_super) {
+    __extends(ToolbarItem, _super);
+    function ToolbarItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToolbarItem.OptionName = "toolbarItems";
+    ToolbarItem.IsCollectionItem = true;
+    ToolbarItem.TemplateProps = [{
+            tmplOption: "menuItemTemplate",
+            render: "menuItemRender",
+            component: "menuItemComponent",
+            keyFn: "menuItemKeyFn"
+        }, {
+            tmplOption: "template",
+            render: "render",
+            component: "component",
+            keyFn: "keyFn"
+        }];
+    return ToolbarItem;
+}(NestedOption));
+export default Popup;
+export { Popup, Animation, At, BoundaryOffset, Collision, From, Hide, My, Offset, Position, Show, To, ToolbarItem };

package/esm/progress-bar.js

@@ -0,0 +1,114 @@
+/*!
+ * devextreme-react
+ * Version: 23.2.2-beta
+ * Build date: Fri Nov 10 2023
+ *
+ * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+ *
+ * This software may be modified and distributed under the terms
+ * of the MIT license. See the LICENSE file in the root of the project for details.
+ *
+ * https://github.com/DevExpress/devextreme-react
+ */
+
+"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);
+    };
+    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 __());
+    };
+})();
+import dxProgressBar from "devextreme/ui/progress_bar";
+import * as PropTypes from "prop-types";
+import { Component as BaseComponent } from "./core/component";
+var ProgressBar = /** @class */ (function (_super) {
+    __extends(ProgressBar, _super);
+    function ProgressBar() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._WidgetClass = dxProgressBar;
+        _this.subscribableOptions = ["value"];
+        _this.independentEvents = ["onComplete", "onContentReady", "onDisposing", "onInitialized", "onValueChanged"];
+        _this._defaults = {
+            defaultValue: "value"
+        };
+        return _this;
+    }
+    Object.defineProperty(ProgressBar.prototype, "instance", {
+        get: function () {
+            return this._instance;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return ProgressBar;
+}(BaseComponent));
+ProgressBar.propTypes = {
+    disabled: PropTypes.bool,
+    elementAttr: PropTypes.object,
+    height: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    hint: PropTypes.string,
+    hoverStateEnabled: PropTypes.bool,
+    isDirty: PropTypes.bool,
+    isValid: PropTypes.bool,
+    max: PropTypes.number,
+    min: PropTypes.number,
+    onComplete: PropTypes.func,
+    onContentReady: PropTypes.func,
+    onDisposing: PropTypes.func,
+    onInitialized: PropTypes.func,
+    onOptionChanged: PropTypes.func,
+    onValueChanged: PropTypes.func,
+    readOnly: PropTypes.bool,
+    rtlEnabled: PropTypes.bool,
+    showStatus: PropTypes.bool,
+    statusFormat: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.string
+    ]),
+    validationErrors: PropTypes.array,
+    validationMessageMode: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.oneOf([
+            "always",
+            "auto"
+        ])
+    ]),
+    validationMessagePosition: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.oneOf([
+            "bottom",
+            "left",
+            "right",
+            "top"
+        ])
+    ]),
+    validationStatus: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.oneOf([
+            "valid",
+            "invalid",
+            "pending"
+        ])
+    ]),
+    visible: PropTypes.bool,
+    width: PropTypes.oneOfType([
+        PropTypes.func,
+        PropTypes.number,
+        PropTypes.string
+    ])
+};
+export default ProgressBar;
+export { ProgressBar };