@webiny/app-admin 5.23.1 → 5.24.0-beta.0

package/ui/elements/form/InputElement.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { FormFieldElement, FormFieldElementConfig, FormFieldElementRenderProps } from "./FormFieldElement";
+export declare type InputElementRenderProps = FormFieldElementRenderProps;
 export declare class InputElement extends FormFieldElement {
     constructor(id: string, config: FormFieldElementConfig);
     render(props: FormFieldElementRenderProps): React.ReactNode;

package/ui/views/AdminView/HeaderSectionCenterElement.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { UIElement } from "../../UIElement";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class HeaderSectionCenterElement extends UIElement {
     constructor(id: string);
-    render(props: any): React.ReactNode;
+    render(props: UiElementRenderProps): React.ReactNode;
 }

package/ui/views/AdminView/HeaderSectionLeftElement.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { UIElement } from "../../UIElement";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class HeaderSectionLeftElement extends UIElement {
     constructor(id: string);
-    render(props: any): React.ReactNode;
+    render(props: UiElementRenderProps): React.ReactNode;
 }

package/ui/views/AdminView/HeaderSectionRightElement.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { UIElement } from "../../UIElement";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class HeaderSectionRightElement extends UIElement {
     constructor(id: string);
-    render(props: any): React.ReactNode;
+    render(props: UiElementRenderProps): React.ReactNode;
 }

package/ui/views/AdminView/components/Hamburger.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Hamburger: () => JSX.Element;
+import React from "react";
+declare const Hamburger: React.FC;
 export default Hamburger;

package/ui/views/AdminView/components/Snackbar.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SnackbarMain: () => JSX.Element;
+import React from "react";
+declare const SnackbarMain: React.FC;
 export default SnackbarMain;

package/ui/views/FormView/FormContainerElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UIElement, UIElementConfig } from "../../UIElement";
+import { UIElement, UIElementConfig, UiElementRenderProps } from "../../UIElement";
 interface FormContainerConfig extends UIElementConfig {
     testId?: string;
     noElevation?: boolean;
@@ -7,6 +7,6 @@ interface FormContainerConfig extends UIElementConfig {
 }
 export declare class FormContainerElement extends UIElement<FormContainerConfig> {
     constructor(id: string, config: FormContainerConfig);
-    render(props: any): JSX.Element;
+    render(props: UiElementRenderProps): JSX.Element;
 }
 export {};

package/ui/views/FormView/FormFooterElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { UIElement } from "../../UIElement";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class FormFooterElement extends UIElement {
-    constructor(id: any);
-    render(props: any): JSX.Element;
+    constructor(id: string);
+    render(props: UiElementRenderProps): JSX.Element;
 }

package/ui/views/FormView/FormHeaderElement.d.ts

@@ -6,9 +6,9 @@ interface FormHeaderConfig extends UIElementConfig {
     icon?: React.ReactElement;
 }
 export declare class FormHeaderElement extends UIElement<FormHeaderConfig> {
-    constructor(id: any, config: FormHeaderConfig);
+    constructor(id: string, config: FormHeaderConfig);
     setIcon(icon: React.ReactElement): void;
     addAction(element: UIElement): void;
-    render(props: any): any;
+    render(props: FormElementRenderProps): React.ReactNode;
 }
 export {};

package/ui/views/FormView.d.ts

@@ -25,7 +25,7 @@ interface GetterWithoutProps<T> {
     (): T;
 }
 export declare class FormView extends UIView<FormViewConfig> {
-    constructor(id: any, config?: FormViewConfig);
+    constructor(id: string, config?: FormViewConfig);
     addElement<TElement extends UIElement = UIElement>(element: TElement): TElement;
     setTitle(title: string | GetterWithProps<string>): void;
     setOnSubmit(onSubmit: FormOnSubmit): void;

package/ui/views/FormView.js

@@ -55,9 +55,11 @@ export var FormView = /*#__PURE__*/function (_UIView) {
         this.config.getTitle = function () {
           return title;
         };
-      } else {
-        this.config.getTitle = title;
+
+        return;
       }
+
+      this.config.getTitle = title;
     }
   }, {
     key: "setOnSubmit",

package/ui/views/OverlayView/ContentElement.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { UIElement } from "../../UIElement";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class ContentElement extends UIElement {
     constructor(id: string);
-    render(props: any): React.ReactNode;
+    render(props: UiElementRenderProps): React.ReactNode;
 }

package/ui/views/OverlayView/HeaderElement.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { UIElement, UIElementConfig } from "../../UIElement";
+import { UIElement, UIElementConfig, UiElementRenderProps } from "../../UIElement";
 interface HeaderElementConfig extends UIElementConfig {
     onClose: (event: React.MouseEvent) => void;
     getTitle?: GetterWithoutProps<string>;
@@ -16,9 +16,9 @@ export declare class HeaderElement extends UIElement<HeaderElementConfig> {
     setLeftSectionElement(element: UIElement): void;
     setCenterSectionElement(element: UIElement): void;
     setRightSectionElement(element: UIElement): void;
-    getLeftSectionElement(): UIElement<UIElementConfig<any>>;
-    getCenterSectionElement(): UIElement<UIElementConfig<any>>;
-    getRightSectionElement(): UIElement<UIElementConfig<any>>;
-    render(props: any): React.ReactNode;
+    getLeftSectionElement(): UIElement;
+    getCenterSectionElement(): UIElement;
+    getRightSectionElement(): UIElement;
+    render(props: UiElementRenderProps): React.ReactNode;
 }
 export {};

package/ui/views/OverlayView/useOverlayView.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export declare type UseOverlayView = ReturnType<typeof useOverlayView>;
-export declare function useOverlayView(): {
+export interface UseOverlayView {
     isVisible: boolean;
-    setIsVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
+    setIsVisible: (value: boolean) => void;
+}
+export declare const useOverlayView: () => UseOverlayView;

package/ui/views/OverlayView/useOverlayView.js

@@ -6,7 +6,7 @@ var noScroll = /*#__PURE__*/css({
   overflow: "hidden",
   height: "100vh"
 }, "label:noScroll;");
-export function useOverlayView() {
+export var useOverlayView = function useOverlayView() {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isVisible = _useState2[0],
@@ -35,4 +35,4 @@ export function useOverlayView() {
     isVisible: isVisible,
     setIsVisible: setIsVisible
   };
-}
+};

package/ui/views/OverlayView.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { UIView } from "../UIView";
+import { UIView, UIViewProps } from "../UIView";
+import { UseOverlayView } from "./OverlayView/useOverlayView";
 import { HeaderElement } from "./OverlayView/HeaderElement";
 import { ContentElement } from "./OverlayView/ContentElement";
 interface OnExited {
@@ -19,13 +20,10 @@ export declare class OverlayView extends UIView {
     onExited(): void;
     addOnEntered(cb: OnExited): void;
     addOnExited(cb: OnExited): void;
-    getOverlayHook(): {
-        isVisible: boolean;
-        setIsVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    };
+    getOverlayHook(): UseOverlayView;
     setIsVisible(visible: boolean): void;
     getHeaderElement(): HeaderElement;
     getContentElement(): ContentElement;
-    render(props: any): JSX.Element;
+    render(props: UIViewProps): React.ReactNode;
 }
 export {};

package/ui/views/SplitView/SplitViewPanelElement.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { UIElement } from "../../UIElement";
+import React from "react";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class SplitViewPanelElement extends UIElement<any> {
     private _width;
     private _classNames;
@@ -7,5 +7,5 @@ export declare class SplitViewPanelElement extends UIElement<any> {
     addClassName(className: string): void;
     removeClassName(className: string): void;
     setContentElement(element: UIElement): void;
-    render(props: any): JSX.Element;
+    render(props: UiElementRenderProps): React.ReactNode;
 }

package/ui/views/SplitView.d.ts

@@ -10,7 +10,7 @@ export declare class SplitView extends UIView {
     private _classNames;
     private _leftPanel;
     private _rightPanel;
-    constructor(id: any, config?: SplitViewConfig);
+    constructor(id: string, config?: SplitViewConfig);
     addClassName(className: string): void;
     removeClassName(className: string): void;
     getLeftPanel(): SplitViewPanelElement;