@draftbit/core 48.5.6 → 48.5.7-efd08d.2

package/lib/typescript/src/components/Portal/Portal.d.ts

@@ -1,42 +1,42 @@
-import * as React from "react";
-import PortalHost from "./PortalHost";
-import type { Theme } from "../../styles/DefaultTheme";
-declare type Props = {
-    /**
-     * Content of the `Portal`.
-     */
-    children: React.ReactNode;
-    /**
-     * @optional
-     */
-    theme: Theme;
-};
-/**
- * Portal allows to render a component at a different place in the parent tree.
- * You can use it to render content which should appear above other elements, similar to `Modal`.
- * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Portal, Text } from 'react-native-paper';
- *
- * export default class MyComponent extends React.Component {
- *   render() {
- *     return (
- *       <Portal>
- *         <Text>This is rendered at a different place</Text>
- *       </Portal>
- *     );
- *   }
- * }
- * ```
- */
-declare class Portal extends React.Component<Props> {
-    static Host: typeof PortalHost;
-    render(): JSX.Element;
-}
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof Portal, {}>;
-export default _default;
+import * as React from "react";
+import PortalHost from "./PortalHost";
+import type { Theme } from "../../styles/DefaultTheme";
+declare type Props = {
+    /**
+     * Content of the `Portal`.
+     */
+    children: React.ReactNode;
+    /**
+     * @optional
+     */
+    theme: Theme;
+};
+/**
+ * Portal allows to render a component at a different place in the parent tree.
+ * You can use it to render content which should appear above other elements, similar to `Modal`.
+ * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { Portal, Text } from 'react-native-paper';
+ *
+ * export default class MyComponent extends React.Component {
+ *   render() {
+ *     return (
+ *       <Portal>
+ *         <Text>This is rendered at a different place</Text>
+ *       </Portal>
+ *     );
+ *   }
+ * }
+ * ```
+ */
+declare class Portal extends React.Component<Props> {
+    static Host: typeof PortalHost;
+    render(): JSX.Element;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof Portal, {}>;
+export default _default;

package/lib/typescript/src/components/Portal/Portal.js

@@ -1,36 +1,36 @@
-import * as React from "react";
-import PortalConsumer from "./PortalConsumer";
-import PortalHost, { PortalContext } from "./PortalHost";
-import { ThemeProvider, withTheme } from "../../theming";
-/**
- * Portal allows to render a component at a different place in the parent tree.
- * You can use it to render content which should appear above other elements, similar to `Modal`.
- * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Portal, Text } from 'react-native-paper';
- *
- * export default class MyComponent extends React.Component {
- *   render() {
- *     return (
- *       <Portal>
- *         <Text>This is rendered at a different place</Text>
- *       </Portal>
- *     );
- *   }
- * }
- * ```
- */
-class Portal extends React.Component {
-    render() {
-        const { children, theme } = this.props;
-        return (React.createElement(PortalContext.Consumer, null, (manager) => (React.createElement(PortalConsumer, { manager: manager },
-            React.createElement(ThemeProvider, { theme: theme }, children)))));
-    }
-}
-// @component ./PortalHost.tsx
-Portal.Host = PortalHost;
-export default withTheme(Portal);
+import * as React from "react";
+import PortalConsumer from "./PortalConsumer";
+import PortalHost, { PortalContext } from "./PortalHost";
+import { ThemeProvider, withTheme } from "../../theming";
+/**
+ * Portal allows to render a component at a different place in the parent tree.
+ * You can use it to render content which should appear above other elements, similar to `Modal`.
+ * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { Portal, Text } from 'react-native-paper';
+ *
+ * export default class MyComponent extends React.Component {
+ *   render() {
+ *     return (
+ *       <Portal>
+ *         <Text>This is rendered at a different place</Text>
+ *       </Portal>
+ *     );
+ *   }
+ * }
+ * ```
+ */
+class Portal extends React.Component {
+    render() {
+        const { children, theme } = this.props;
+        return (React.createElement(PortalContext.Consumer, null, (manager) => (React.createElement(PortalConsumer, { manager: manager },
+            React.createElement(ThemeProvider, { theme: theme }, children)))));
+    }
+}
+// @component ./PortalHost.tsx
+Portal.Host = PortalHost;
+export default withTheme(Portal);
 //# sourceMappingURL=Portal.js.map

package/lib/typescript/src/components/Portal/PortalConsumer.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import { PortalMethods } from "./PortalHost";
-declare type Props = {
-    manager: PortalMethods;
-    children: React.ReactNode;
-};
-export default class PortalConsumer extends React.Component<Props> {
-    componentDidMount(): Promise<void>;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    private key;
-    private checkManager;
-    render(): null;
-}
-export {};
+import * as React from "react";
+import { PortalMethods } from "./PortalHost";
+declare type Props = {
+    manager: PortalMethods;
+    children: React.ReactNode;
+};
+export default class PortalConsumer extends React.Component<Props> {
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    private key;
+    private checkManager;
+    render(): null;
+}
+export {};

package/lib/typescript/src/components/Portal/PortalConsumer.js

@@ -1,28 +1,28 @@
-import * as React from "react";
-export default class PortalConsumer extends React.Component {
-    async componentDidMount() {
-        this.checkManager();
-        // Delay updating to prevent React from going to infinite loop
-        await Promise.resolve();
-        this.key = this.props.manager.mount(this.props.children);
-    }
-    componentDidUpdate() {
-        this.checkManager();
-        this.props.manager.update(this.key, this.props.children);
-    }
-    componentWillUnmount() {
-        this.checkManager();
-        this.props.manager.unmount(this.key);
-    }
-    checkManager() {
-        if (!this.props.manager) {
-            throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" +
-                "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" +
-                "https://callstack.github.io/react-native-paper/getting-started.html");
-        }
-    }
-    render() {
-        return null;
-    }
-}
+import * as React from "react";
+export default class PortalConsumer extends React.Component {
+    async componentDidMount() {
+        this.checkManager();
+        // Delay updating to prevent React from going to infinite loop
+        await Promise.resolve();
+        this.key = this.props.manager.mount(this.props.children);
+    }
+    componentDidUpdate() {
+        this.checkManager();
+        this.props.manager.update(this.key, this.props.children);
+    }
+    componentWillUnmount() {
+        this.checkManager();
+        this.props.manager.unmount(this.key);
+    }
+    checkManager() {
+        if (!this.props.manager) {
+            throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" +
+                "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" +
+                "https://callstack.github.io/react-native-paper/getting-started.html");
+        }
+    }
+    render() {
+        return null;
+    }
+}
 //# sourceMappingURL=PortalConsumer.js.map

package/lib/typescript/src/components/Portal/PortalHost.d.ts

@@ -1,47 +1,47 @@
-import * as React from "react";
-declare type Props = {
-    children: React.ReactNode;
-};
-export declare type PortalMethods = {
-    mount: (children: React.ReactNode) => number;
-    update: (key: number, children: React.ReactNode) => void;
-    unmount: (key: number) => void;
-};
-export declare const PortalContext: React.Context<PortalMethods>;
-/**
- * Portal host renders all of its children `Portal` elements.
- * For example, you can wrap a screen in `Portal.Host` to render items above the screen.
- * If you're using the `Provider` component, it already includes `Portal.Host`.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Text } from 'react-native';
- * import { Portal } from 'react-native-paper';
- *
- * export default class MyComponent extends React.Component {
- *   render() {
- *     return (
- *       <Portal.Host>
- *         <Text>Content of the app</Text>
- *       </Portal.Host>
- *     );
- *   }
- * }
- * ```
- *
- * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.
- */
-export default class PortalHost extends React.Component<Props> {
-    static displayName: string;
-    componentDidMount(): void;
-    private setManager;
-    private mount;
-    private update;
-    private unmount;
-    private nextKey;
-    private queue;
-    private manager;
-    render(): JSX.Element;
-}
-export {};
+import * as React from "react";
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare type PortalMethods = {
+    mount: (children: React.ReactNode) => number;
+    update: (key: number, children: React.ReactNode) => void;
+    unmount: (key: number) => void;
+};
+export declare const PortalContext: React.Context<PortalMethods>;
+/**
+ * Portal host renders all of its children `Portal` elements.
+ * For example, you can wrap a screen in `Portal.Host` to render items above the screen.
+ * If you're using the `Provider` component, it already includes `Portal.Host`.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { Text } from 'react-native';
+ * import { Portal } from 'react-native-paper';
+ *
+ * export default class MyComponent extends React.Component {
+ *   render() {
+ *     return (
+ *       <Portal.Host>
+ *         <Text>Content of the app</Text>
+ *       </Portal.Host>
+ *     );
+ *   }
+ * }
+ * ```
+ *
+ * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.
+ */
+export default class PortalHost extends React.Component<Props> {
+    static displayName: string;
+    componentDidMount(): void;
+    private setManager;
+    private mount;
+    private update;
+    private unmount;
+    private nextKey;
+    private queue;
+    private manager;
+    render(): JSX.Element;
+}
+export {};

package/lib/typescript/src/components/Portal/PortalHost.js

@@ -1,108 +1,108 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import PortalManager from "./PortalManager";
-export const PortalContext = React.createContext(null);
-/**
- * Portal host renders all of its children `Portal` elements.
- * For example, you can wrap a screen in `Portal.Host` to render items above the screen.
- * If you're using the `Provider` component, it already includes `Portal.Host`.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { Text } from 'react-native';
- * import { Portal } from 'react-native-paper';
- *
- * export default class MyComponent extends React.Component {
- *   render() {
- *     return (
- *       <Portal.Host>
- *         <Text>Content of the app</Text>
- *       </Portal.Host>
- *     );
- *   }
- * }
- * ```
- *
- * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.
- */
-export default class PortalHost extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.setManager = (manager) => {
-            this.manager = manager;
-        };
-        this.mount = (children) => {
-            const key = this.nextKey++;
-            if (this.manager) {
-                this.manager.mount(key, children);
-            }
-            else {
-                this.queue.push({ type: "mount", key, children });
-            }
-            return key;
-        };
-        this.update = (key, children) => {
-            if (this.manager) {
-                this.manager.update(key, children);
-            }
-            else {
-                const op = { type: "mount", key, children };
-                const index = this.queue.findIndex((o) => o.type === "mount" || (o.type === "update" && o.key === key));
-                if (index > -1) {
-                    // @ts-ignore
-                    this.queue[index] = op;
-                }
-                else {
-                    this.queue.push(op);
-                }
-            }
-        };
-        this.unmount = (key) => {
-            if (this.manager) {
-                this.manager.unmount(key);
-            }
-            else {
-                this.queue.push({ type: "unmount", key });
-            }
-        };
-        this.nextKey = 0;
-        this.queue = [];
-    }
-    componentDidMount() {
-        const manager = this.manager;
-        const queue = this.queue;
-        while (queue.length && manager) {
-            const action = queue.pop();
-            if (action) {
-                switch (action.type) {
-                    case "mount":
-                        manager.mount(action.key, action.children);
-                        break;
-                    case "update":
-                        manager.update(action.key, action.children);
-                        break;
-                    case "unmount":
-                        manager.unmount(action.key);
-                        break;
-                }
-            }
-        }
-    }
-    render() {
-        return (React.createElement(PortalContext.Provider, { value: {
-                mount: this.mount,
-                update: this.update,
-                unmount: this.unmount,
-            } },
-            React.createElement(View, { style: styles.container, collapsable: false, pointerEvents: "box-none" }, this.props.children),
-            React.createElement(PortalManager, { ref: this.setManager })));
-    }
-}
-PortalHost.displayName = "Portal.Host";
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-});
+import * as React from "react";
+import { View, StyleSheet } from "react-native";
+import PortalManager from "./PortalManager";
+export const PortalContext = React.createContext(null);
+/**
+ * Portal host renders all of its children `Portal` elements.
+ * For example, you can wrap a screen in `Portal.Host` to render items above the screen.
+ * If you're using the `Provider` component, it already includes `Portal.Host`.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { Text } from 'react-native';
+ * import { Portal } from 'react-native-paper';
+ *
+ * export default class MyComponent extends React.Component {
+ *   render() {
+ *     return (
+ *       <Portal.Host>
+ *         <Text>Content of the app</Text>
+ *       </Portal.Host>
+ *     );
+ *   }
+ * }
+ * ```
+ *
+ * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.
+ */
+export default class PortalHost extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.setManager = (manager) => {
+            this.manager = manager;
+        };
+        this.mount = (children) => {
+            const key = this.nextKey++;
+            if (this.manager) {
+                this.manager.mount(key, children);
+            }
+            else {
+                this.queue.push({ type: "mount", key, children });
+            }
+            return key;
+        };
+        this.update = (key, children) => {
+            if (this.manager) {
+                this.manager.update(key, children);
+            }
+            else {
+                const op = { type: "mount", key, children };
+                const index = this.queue.findIndex((o) => o.type === "mount" || (o.type === "update" && o.key === key));
+                if (index > -1) {
+                    // @ts-ignore
+                    this.queue[index] = op;
+                }
+                else {
+                    this.queue.push(op);
+                }
+            }
+        };
+        this.unmount = (key) => {
+            if (this.manager) {
+                this.manager.unmount(key);
+            }
+            else {
+                this.queue.push({ type: "unmount", key });
+            }
+        };
+        this.nextKey = 0;
+        this.queue = [];
+    }
+    componentDidMount() {
+        const manager = this.manager;
+        const queue = this.queue;
+        while (queue.length && manager) {
+            const action = queue.pop();
+            if (action) {
+                switch (action.type) {
+                    case "mount":
+                        manager.mount(action.key, action.children);
+                        break;
+                    case "update":
+                        manager.update(action.key, action.children);
+                        break;
+                    case "unmount":
+                        manager.unmount(action.key);
+                        break;
+                }
+            }
+        }
+    }
+    render() {
+        return (React.createElement(PortalContext.Provider, { value: {
+                mount: this.mount,
+                update: this.update,
+                unmount: this.unmount,
+            } },
+            React.createElement(View, { style: styles.container, collapsable: false, pointerEvents: "box-none" }, this.props.children),
+            React.createElement(PortalManager, { ref: this.setManager })));
+    }
+}
+PortalHost.displayName = "Portal.Host";
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+});
 //# sourceMappingURL=PortalHost.js.map

package/lib/typescript/src/components/Portal/PortalManager.d.ts

@@ -1,18 +1,18 @@
-import * as React from "react";
-declare type State = {
-    portals: Array<{
-        key: number;
-        children: React.ReactNode;
-    }>;
-};
-/**
- * Portal host is the component which actually renders all Portals.
- */
-export default class PortalManager extends React.PureComponent<{}, State> {
-    state: State;
-    mount: (key: number, children: React.ReactNode) => void;
-    update: (key: number, children: React.ReactNode) => void;
-    unmount: (key: number) => void;
-    render(): JSX.Element[];
-}
-export {};
+import * as React from "react";
+declare type State = {
+    portals: Array<{
+        key: number;
+        children: React.ReactNode;
+    }>;
+};
+/**
+ * Portal host is the component which actually renders all Portals.
+ */
+export default class PortalManager extends React.PureComponent<{}, State> {
+    state: State;
+    mount: (key: number, children: React.ReactNode) => void;
+    update: (key: number, children: React.ReactNode) => void;
+    unmount: (key: number) => void;
+    render(): JSX.Element[];
+}
+export {};

package/lib/typescript/src/components/Portal/PortalManager.js

@@ -1,33 +1,33 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-/**
- * Portal host is the component which actually renders all Portals.
- */
-export default class PortalManager extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            portals: [],
-        };
-        this.mount = (key, children) => {
-            this.setState((state) => ({
-                portals: [...state.portals, { key, children }],
-            }));
-        };
-        this.update = (key, children) => this.setState((state) => ({
-            portals: state.portals.map((item) => {
-                if (item.key === key) {
-                    return { ...item, children };
-                }
-                return item;
-            }),
-        }));
-        this.unmount = (key) => this.setState((state) => ({
-            portals: state.portals.filter((item) => item.key !== key),
-        }));
-    }
-    render() {
-        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: "box-none", style: StyleSheet.absoluteFill }, children)));
-    }
-}
+import * as React from "react";
+import { View, StyleSheet } from "react-native";
+/**
+ * Portal host is the component which actually renders all Portals.
+ */
+export default class PortalManager extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            portals: [],
+        };
+        this.mount = (key, children) => {
+            this.setState((state) => ({
+                portals: [...state.portals, { key, children }],
+            }));
+        };
+        this.update = (key, children) => this.setState((state) => ({
+            portals: state.portals.map((item) => {
+                if (item.key === key) {
+                    return { ...item, children };
+                }
+                return item;
+            }),
+        }));
+        this.unmount = (key) => this.setState((state) => ({
+            portals: state.portals.filter((item) => item.key !== key),
+        }));
+    }
+    render() {
+        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: "box-none", style: StyleSheet.absoluteFill }, children)));
+    }
+}
 //# sourceMappingURL=PortalManager.js.map