@webiny/app 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/presentation/router/components/SimpleLink.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { RouterGateway } from "../../../features/router/abstractions.js";
+import { useContainer } from "../../../shared/di/DiContainerProvider.js";
+export const SimpleLink = makeDecoratable("SimpleLink", ({
+  children,
+  to,
+  ...rest
+}) => {
+  const container = useContainer();
+  const routerGateway = container.resolve(RouterGateway);
+  const handleClick = event => {
+    // Respect cmd+click / ctrl+click / middle click → open in new tab
+    if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.altKey || event.ctrlKey || event.shiftKey || rest.target === "_blank") {
+      return;
+    }
+    event.preventDefault();
+    routerGateway.pushState(to);
+  };
+  const onClick = rest.onClick ?? handleClick;
+  return /*#__PURE__*/React.createElement("a", Object.assign({
+    href: to,
+    rel: "noreferrer noopener"
+  }, rest, {
+    onClick: onClick
+  }), children);
+});
+export const LinkComponent = SimpleLink;
+
+//# sourceMappingURL=SimpleLink.js.map

package/presentation/router/components/SimpleLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","RouterGateway","useContainer","SimpleLink","children","to","rest","container","routerGateway","resolve","handleClick","event","defaultPrevented","button","metaKey","altKey","ctrlKey","shiftKey","target","preventDefault","pushState","onClick","createElement","Object","assign","href","rel","LinkComponent"],"sources":["SimpleLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { RouterGateway } from \"~/features/router/abstractions.js\";\nimport { useContainer } from \"~/shared/di/DiContainerProvider.js\";\n\ntype BaseAnchorAttributes = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\">;\n\nexport type SimpleLinkProps = BaseAnchorAttributes & {\n    to: string;\n};\n\nexport const SimpleLink = makeDecoratable(\n    \"SimpleLink\",\n    ({ children, to, ...rest }: SimpleLinkProps) => {\n        const container = useContainer();\n\n        const routerGateway = container.resolve(RouterGateway);\n\n        const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n            // Respect cmd+click / ctrl+click / middle click → open in new tab\n            if (\n                event.defaultPrevented ||\n                event.button !== 0 ||\n                event.metaKey ||\n                event.altKey ||\n                event.ctrlKey ||\n                event.shiftKey ||\n                rest.target === \"_blank\"\n            ) {\n                return;\n            }\n\n            event.preventDefault();\n            routerGateway.pushState(to);\n        };\n\n        const onClick = rest.onClick ?? handleClick;\n\n        return (\n            <a href={to} rel=\"noreferrer noopener\" {...rest} onClick={onClick}>\n                {children}\n            </a>\n        );\n    }\n);\n\nexport const LinkComponent = SimpleLink;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,aAAa;AACtB,SAASC,YAAY;AAQrB,OAAO,MAAMC,UAAU,GAAGH,eAAe,CACrC,YAAY,EACZ,CAAC;EAAEI,QAAQ;EAAEC,EAAE;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC5C,MAAMC,SAAS,GAAGL,YAAY,CAAC,CAAC;EAEhC,MAAMM,aAAa,GAAGD,SAAS,CAACE,OAAO,CAACR,aAAa,CAAC;EAEtD,MAAMS,WAAW,GAAIC,KAA0C,IAAK;IAChE;IACA,IACIA,KAAK,CAACC,gBAAgB,IACtBD,KAAK,CAACE,MAAM,KAAK,CAAC,IAClBF,KAAK,CAACG,OAAO,IACbH,KAAK,CAACI,MAAM,IACZJ,KAAK,CAACK,OAAO,IACbL,KAAK,CAACM,QAAQ,IACdX,IAAI,CAACY,MAAM,KAAK,QAAQ,EAC1B;MACE;IACJ;IAEAP,KAAK,CAACQ,cAAc,CAAC,CAAC;IACtBX,aAAa,CAACY,SAAS,CAACf,EAAE,CAAC;EAC/B,CAAC;EAED,MAAMgB,OAAO,GAAGf,IAAI,CAACe,OAAO,IAAIX,WAAW;EAE3C,oBACIX,KAAA,CAAAuB,aAAA,MAAAC,MAAA,CAAAC,MAAA;IAAGC,IAAI,EAAEpB,EAAG;IAACqB,GAAG,EAAC;EAAqB,GAAKpB,IAAI;IAAEe,OAAO,EAAEA;EAAQ,IAC7DjB,QACF,CAAC;AAEZ,CACJ,CAAC;AAED,OAAO,MAAMuB,aAAa,GAAGxB,UAAU","ignoreList":[]}

package/presentation/router/hooks/useRoute.d.ts

@@ -0,0 +1,6 @@
+import type { Route, RouteParamsDefinition, RouteParamsInfer } from "../../../features/router/Route.js";
+import { MatchedRoute } from "../../../features/router/abstractions.js";
+export declare function useRoute<TParams extends RouteParamsDefinition | undefined = undefined>(route?: Route<TParams>): {
+    route: MatchedRoute<TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined>;
+    setRouteParams: <T extends Record<string, any>>(cb: (params: T) => T) => void;
+};

package/presentation/router/hooks/useRoute.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from "react";
+import { autorun } from "mobx";
+import { RouterFeature } from "../../../features/router/feature.js";
+import { useFeature } from "../../../shared/di/useFeature.js";
+export function useRoute(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+route) {
+  const {
+    presenter
+  } = useFeature(RouterFeature);
+  const [currentRoute, setCurrentRoute] = useState(presenter.vm.currentRoute);
+  useEffect(() => {
+    autorun(() => {
+      const route = presenter.vm.currentRoute;
+      if (!route) {
+        return;
+      }
+      setCurrentRoute(route);
+    });
+  }, []);
+
+  // TODO: add validation (the requested route must match  the current route)
+
+  return {
+    route: currentRoute,
+    setRouteParams: presenter.setRouteParams.bind(presenter)
+  };
+}
+
+//# sourceMappingURL=useRoute.js.map

package/presentation/router/hooks/useRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","autorun","RouterFeature","useFeature","useRoute","route","presenter","currentRoute","setCurrentRoute","vm","setRouteParams","bind"],"sources":["useRoute.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { Route, RouteParamsDefinition, RouteParamsInfer } from \"~/features/router/Route.js\";\nimport { MatchedRoute } from \"~/features/router/abstractions.js\";\nimport { RouterFeature } from \"~/features/router/feature.js\";\nimport { useFeature } from \"~/shared/di/useFeature.js\";\n\nexport function useRoute<TParams extends RouteParamsDefinition | undefined = undefined>(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    route?: Route<TParams>\n) {\n    const { presenter } = useFeature(RouterFeature);\n    const [currentRoute, setCurrentRoute] = useState<MatchedRoute | undefined>(\n        presenter.vm.currentRoute\n    );\n\n    useEffect(() => {\n        autorun(() => {\n            const route = presenter.vm.currentRoute;\n\n            if (!route) {\n                return;\n            }\n\n            setCurrentRoute(route);\n        });\n    }, []);\n\n    // TODO: add validation (the requested route must match  the current route)\n\n    return {\n        route: currentRoute as MatchedRoute<\n            TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n        >,\n        setRouteParams: presenter.setRouteParams.bind(presenter)\n    };\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,aAAa;AACtB,SAASC,UAAU;AAEnB,OAAO,SAASC,QAAQA;AACpB;AACAC,KAAsB,EACxB;EACE,MAAM;IAAEC;EAAU,CAAC,GAAGH,UAAU,CAACD,aAAa,CAAC;EAC/C,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGR,QAAQ,CAC5CM,SAAS,CAACG,EAAE,CAACF,YACjB,CAAC;EAEDR,SAAS,CAAC,MAAM;IACZE,OAAO,CAAC,MAAM;MACV,MAAMI,KAAK,GAAGC,SAAS,CAACG,EAAE,CAACF,YAAY;MAEvC,IAAI,CAACF,KAAK,EAAE;QACR;MACJ;MAEAG,eAAe,CAACH,KAAK,CAAC;IAC1B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;;EAEN;;EAEA,OAAO;IACHA,KAAK,EAAEE,YAEN;IACDG,cAAc,EAAEJ,SAAS,CAACI,cAAc,CAACC,IAAI,CAACL,SAAS;EAC3D,CAAC;AACL","ignoreList":[]}

package/presentation/router/hooks/useRouter.d.ts

@@ -0,0 +1,7 @@
+import { type ReactRoute } from "../../../presentation/router/index.js";
+export declare const useRouter: () => {
+    goToRoute: <TParams extends import("../../../features/router/Route").RouteParamsDefinition | undefined>(route: import("../../..").Route<TParams>, ...args: import("../../../features/router/abstractions").RouteParamsArgs<TParams>) => void;
+    getLink: <TParams extends import("../../../features/router/Route").RouteParamsDefinition | undefined>(route: import("../../..").Route<TParams>, ...args: import("../../../features/router/abstractions").RouteParamsArgs<TParams>) => string;
+    onRouteExit: (cb: import("../../../features/router/abstractions").OnRouteExit) => void;
+    setRoutes: (routes: ReactRoute[]) => void;
+};

package/presentation/router/hooks/useRouter.js

@@ -0,0 +1,26 @@
+import { RouteElementRegistry } from "../index.js";
+import { RouterFeature } from "../../../features/router/feature.js";
+import { useFeature } from "../../../shared/di/useFeature.js";
+import { useContainer } from "../../../shared/di/DiContainerProvider.js";
+export const useRouter = () => {
+  const {
+    presenter
+  } = useFeature(RouterFeature);
+  const container = useContainer();
+  const registry = container.resolve(RouteElementRegistry);
+  return {
+    goToRoute: presenter.goToRoute.bind(presenter),
+    getLink: presenter.getLink.bind(presenter),
+    onRouteExit: presenter.onRouteExit.bind(presenter),
+    setRoutes: routes => {
+      const cleanRoutes = [];
+      for (const route of routes) {
+        cleanRoutes.push(route.route);
+        registry.register(route.route.name, route.element);
+      }
+      presenter.bootstrap(cleanRoutes);
+    }
+  };
+};
+
+//# sourceMappingURL=useRouter.js.map

package/presentation/router/hooks/useRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RouteElementRegistry","RouterFeature","useFeature","useContainer","useRouter","presenter","container","registry","resolve","goToRoute","bind","getLink","onRouteExit","setRoutes","routes","cleanRoutes","route","push","register","name","element","bootstrap"],"sources":["useRouter.ts"],"sourcesContent":["import { type ReactRoute, RouteElementRegistry } from \"~/presentation/router/index.js\";\nimport { RouterFeature } from \"~/features/router/feature.js\";\nimport { useFeature } from \"~/shared/di/useFeature.js\";\nimport { useContainer } from \"~/shared/di/DiContainerProvider.js\";\n\nexport const useRouter = () => {\n    const { presenter } = useFeature(RouterFeature);\n    const container = useContainer();\n    const registry = container.resolve(RouteElementRegistry);\n\n    return {\n        goToRoute: presenter.goToRoute.bind(presenter),\n        getLink: presenter.getLink.bind(presenter),\n        onRouteExit: presenter.onRouteExit.bind(presenter),\n        setRoutes: (routes: ReactRoute[]) => {\n            const cleanRoutes = [];\n\n            for (const route of routes) {\n                cleanRoutes.push(route.route);\n                registry.register(route.route.name, route.element);\n            }\n\n            presenter.bootstrap(cleanRoutes);\n        }\n    };\n};\n"],"mappings":"AAAA,SAA0BA,oBAAoB;AAC9C,SAASC,aAAa;AACtB,SAASC,UAAU;AACnB,SAASC,YAAY;AAErB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC;EAAU,CAAC,GAAGH,UAAU,CAACD,aAAa,CAAC;EAC/C,MAAMK,SAAS,GAAGH,YAAY,CAAC,CAAC;EAChC,MAAMI,QAAQ,GAAGD,SAAS,CAACE,OAAO,CAACR,oBAAoB,CAAC;EAExD,OAAO;IACHS,SAAS,EAAEJ,SAAS,CAACI,SAAS,CAACC,IAAI,CAACL,SAAS,CAAC;IAC9CM,OAAO,EAAEN,SAAS,CAACM,OAAO,CAACD,IAAI,CAACL,SAAS,CAAC;IAC1CO,WAAW,EAAEP,SAAS,CAACO,WAAW,CAACF,IAAI,CAACL,SAAS,CAAC;IAClDQ,SAAS,EAAGC,MAAoB,IAAK;MACjC,MAAMC,WAAW,GAAG,EAAE;MAEtB,KAAK,MAAMC,KAAK,IAAIF,MAAM,EAAE;QACxBC,WAAW,CAACE,IAAI,CAACD,KAAK,CAACA,KAAK,CAAC;QAC7BT,QAAQ,CAACW,QAAQ,CAACF,KAAK,CAACA,KAAK,CAACG,IAAI,EAAEH,KAAK,CAACI,OAAO,CAAC;MACtD;MAEAf,SAAS,CAACgB,SAAS,CAACN,WAAW,CAAC;IACpC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/presentation/router/index.d.ts

@@ -0,0 +1,4 @@
+export { useRouter } from "./hooks/useRouter.js";
+export { useRoute } from "./hooks/useRoute.js";
+export { RouteElementRegistry } from "./abstractions.js";
+export type { ReactRoute } from "./types.js";

package/presentation/router/index.js

@@ -0,0 +1,5 @@
+export { useRouter } from "./hooks/useRouter.js";
+export { useRoute } from "./hooks/useRoute.js";
+export { RouteElementRegistry } from "./abstractions.js";
+
+//# sourceMappingURL=index.js.map

package/presentation/router/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRouter","useRoute","RouteElementRegistry"],"sources":["index.ts"],"sourcesContent":["export { useRouter } from \"./hooks/useRouter.js\";\nexport { useRoute } from \"./hooks/useRoute.js\";\nexport { RouteElementRegistry } from \"./abstractions.js\";\nexport type { ReactRoute } from \"./types.js\";\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,QAAQ;AACjB,SAASC,oBAAoB","ignoreList":[]}

package/presentation/router/types.d.ts

@@ -0,0 +1,5 @@
+import type { Route } from "../../features/router/Route.js";
+export type ReactRoute = {
+    route: Route<any>;
+    element: JSX.Element;
+};

package/presentation/router/types.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

package/presentation/router/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { Route } from \"~/features/router/Route.js\";\n\nexport type ReactRoute = {\n    route: Route<any>;\n    element: JSX.Element;\n};\n"],"mappings":"","ignoreList":[]}

package/react-butterfiles/Files.js

@@ -1,8 +1,8 @@
 import React from "react";
 import bytes from "bytes";
-import minimatch from "minimatch";
-import { readFileContent } from "./utils/readFileContent";
-import { generateId } from "./utils/generateId";
+import { minimatch } from "minimatch";
+import { readFileContent } from "./utils/readFileContent.js";
+import { generateId } from "./utils/generateId.js";
 export class Files extends React.Component {
   static defaultProps = {
     accept: [],

package/react-butterfiles/Files.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","bytes","minimatch","readFileContent","generateId","Files","Component","defaultProps","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","input","browseFilesPassedParams","id","validateFiles","files","props","errors","multipleFileSize","length","push","type","index","file","Array","isArray","some","sizeAsBytes","size","maxMultipleMaxSize","multipleCount","processSelectedFiles","eventFiles","onSuccess","onError","callbacks","map","name","src","base64","i","value","onDropFilesHandler","e","dataTransfer","browseFilesHandler","click","render","createElement","Fragment","children","getLabelProps","htmlFor","browseFiles","getDropZoneProps","onDragOver","onDrop","rest","preventDefault","ref","join","style","display","onChange","target"],"sources":["Files.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport minimatch from \"minimatch\";\nimport { readFileContent } from \"./utils/readFileContent\";\nimport { generateId } from \"./utils/generateId\";\n\nexport type SelectedFile = {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    src: {\n        file: File;\n        base64: string | null;\n    };\n};\n\nexport type FileError = {\n    id: string;\n    type:\n        | \"unsupportedFileType\"\n        | \"maxSizeExceeded\"\n        | \"multipleMaxSizeExceeded\"\n        | \"multipleMaxCountExceeded\"\n        | \"multipleNotAllowed\";\n    index?: number;\n    file?: SelectedFile | File;\n    multipleFileSize?: number;\n    multipleMaxSize?: number;\n    multipleMaxCount?: number;\n    multipleCount?: number;\n};\n\nexport type BrowseFilesParams = {\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type RenderPropParams = {\n    browseFiles: (params: BrowseFilesParams) => void;\n    getDropZoneProps: (additionalProps: any) => any;\n    getLabelProps: (additionalProps: any) => any;\n    validateFiles: (files: SelectedFile[] | File[]) => FileError[];\n};\n\nexport type FilesRules = {\n    accept: string[];\n    multiple: boolean;\n    maxSize: string;\n    multipleMaxSize: string;\n    multipleMaxCount: number | null;\n    convertToBase64: boolean;\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type Props = FilesRules & {\n    children: (params: RenderPropParams) => React.ReactNode;\n    id?: string;\n};\n\nexport class Files extends React.Component<Props> {\n    static defaultProps = {\n        accept: [],\n        multiple: false,\n        maxSize: \"2mb\",\n        multipleMaxSize: \"10mb\",\n        multipleMaxCount: null,\n        convertToBase64: false\n    };\n\n    input: HTMLInputElement | null = null;\n    browseFilesPassedParams: BrowseFilesParams | null = null;\n    id: string = generateId();\n\n    validateFiles = (files: SelectedFile[] | File[]): FileError[] => {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.props;\n\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({\n                id: generateId(),\n                type: \"multipleNotAllowed\"\n            });\n\n            return errors;\n        }\n\n        for (let index = 0; index < files.length; index++) {\n            const file = files[index];\n\n            if (\n                Array.isArray(accept) &&\n                accept.length &&\n                !accept.some(type => minimatch(file.type, type))\n            ) {\n                errors.push({\n                    id: generateId(),\n                    index,\n                    file,\n                    type: \"unsupportedFileType\"\n                });\n            } else if (maxSize) {\n                const sizeAsBytes = bytes(maxSize);\n                if (sizeAsBytes && file.size > sizeAsBytes) {\n                    errors.push({\n                        id: generateId(),\n                        index,\n                        file,\n                        type: \"maxSizeExceeded\"\n                    });\n                }\n            }\n\n            if (multiple) {\n                multipleFileSize += file.size;\n            }\n        }\n\n        if (multiple) {\n            const maxMultipleMaxSize = bytes(multipleMaxSize);\n\n            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxSizeExceeded\",\n                    multipleFileSize,\n                    multipleMaxSize: maxMultipleMaxSize\n                });\n            }\n\n            if (multipleMaxCount && files.length > multipleMaxCount) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxCountExceeded\",\n                    multipleCount: files.length,\n                    multipleMaxCount\n                });\n            }\n        }\n\n        return errors;\n    };\n\n    processSelectedFiles = async (eventFiles: Array<File>) => {\n        if (eventFiles.length === 0) {\n            return;\n        }\n\n        const { convertToBase64, onSuccess, onError } = this.props;\n        const { browseFilesPassedParams } = this;\n        const callbacks = {\n            onSuccess,\n            onError\n        };\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {\n            callbacks.onSuccess = browseFilesPassedParams.onSuccess;\n        }\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onError) {\n            callbacks.onError = browseFilesPassedParams.onError;\n        }\n\n        const files: SelectedFile[] = [...eventFiles].map(file => {\n            return {\n                id: generateId(),\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                src: {\n                    file,\n                    base64: null\n                }\n            };\n        });\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length) {\n            callbacks.onError && callbacks.onError(errors, files);\n        } else {\n            if (convertToBase64) {\n                for (let i = 0; i < files.length; i++) {\n                    const file = files[i].src.file;\n                    files[i].src.base64 = await readFileContent(file);\n                }\n            }\n\n            callbacks.onSuccess && callbacks.onSuccess(files);\n        }\n\n        // Reset the browseFiles arguments.\n        if (this.input) {\n            this.input.value = \"\";\n        }\n        this.browseFilesPassedParams = null;\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    onDropFilesHandler = async ({ e, onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        e.dataTransfer &&\n            e.dataTransfer.files &&\n            (await this.processSelectedFiles(e.dataTransfer.files));\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    browseFilesHandler = ({ onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        this.input && this.input.click();\n    };\n\n    override render() {\n        const { multiple, accept, id } = this.props;\n        return (\n            <React.Fragment>\n                {this.props.children({\n                    getLabelProps: (props: any) => {\n                        return {\n                            ...props,\n                            htmlFor: id || this.id\n                        };\n                    },\n                    validateFiles: this.validateFiles,\n                    browseFiles: ({ onSuccess, onError }: BrowseFilesParams = {}) => {\n                        this.browseFilesHandler({ onSuccess, onError });\n                    },\n                    getDropZoneProps: ({\n                        onSuccess,\n                        onError,\n                        onDragOver,\n                        onDrop,\n                        ...rest\n                    }: any = {}) => {\n                        return {\n                            ...rest,\n                            onDragOver: (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDragOver === \"function\" && onDragOver();\n                            },\n                            onDrop: async (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDrop === \"function\" && onDrop();\n                                this.onDropFilesHandler({ e, onSuccess, onError });\n                            }\n                        };\n                    }\n                })}\n\n                <input\n                    id={id || this.id}\n                    ref={ref => {\n                        if (ref) {\n                            this.input = ref;\n                        }\n                    }}\n                    accept={accept.join(\",\")}\n                    style={{ display: \"none\" }}\n                    type=\"file\"\n                    multiple={multiple}\n                    onChange={e =>\n                        this.processSelectedFiles((e.target.files as any as Array<File>) ?? [])\n                    }\n                />\n            </React.Fragment>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,WAAW;AACjC,SAASC,eAAe;AACxB,SAASC,UAAU;AAyDnB,OAAO,MAAMC,KAAK,SAASL,KAAK,CAACM,SAAS,CAAQ;EAC9C,OAAOC,YAAY,GAAG;IAClBC,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,KAAK;IACfC,OAAO,EAAE,KAAK;IACdC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE,IAAI;IACtBC,eAAe,EAAE;EACrB,CAAC;EAEDC,KAAK,GAA4B,IAAI;EACrCC,uBAAuB,GAA6B,IAAI;EACxDC,EAAE,GAAWZ,UAAU,CAAC,CAAC;EAEzBa,aAAa,GAAIC,KAA8B,IAAkB;IAC7D,MAAM;MAAET,QAAQ;MAAEE,eAAe;MAAEC,gBAAgB;MAAEJ,MAAM;MAAEE;IAAQ,CAAC,GAAG,IAAI,CAACS,KAAK;IAEnF,MAAMC,MAAmB,GAAG,EAAE;IAC9B,IAAIC,gBAAgB,GAAG,CAAC;IAExB,IAAI,CAACZ,QAAQ,IAAIS,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;MAC/BF,MAAM,CAACG,IAAI,CAAC;QACRP,EAAE,EAAEZ,UAAU,CAAC,CAAC;QAChBoB,IAAI,EAAE;MACV,CAAC,CAAC;MAEF,OAAOJ,MAAM;IACjB;IAEA,KAAK,IAAIK,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGP,KAAK,CAACI,MAAM,EAAEG,KAAK,EAAE,EAAE;MAC/C,MAAMC,IAAI,GAAGR,KAAK,CAACO,KAAK,CAAC;MAEzB,IACIE,KAAK,CAACC,OAAO,CAACpB,MAAM,CAAC,IACrBA,MAAM,CAACc,MAAM,IACb,CAACd,MAAM,CAACqB,IAAI,CAACL,IAAI,IAAItB,SAAS,CAACwB,IAAI,CAACF,IAAI,EAAEA,IAAI,CAAC,CAAC,EAClD;QACEJ,MAAM,CAACG,IAAI,CAAC;UACRP,EAAE,EAAEZ,UAAU,CAAC,CAAC;UAChBqB,KAAK;UACLC,IAAI;UACJF,IAAI,EAAE;QACV,CAAC,CAAC;MACN,CAAC,MAAM,IAAId,OAAO,EAAE;QAChB,MAAMoB,WAAW,GAAG7B,KAAK,CAACS,OAAO,CAAC;QAClC,IAAIoB,WAAW,IAAIJ,IAAI,CAACK,IAAI,GAAGD,WAAW,EAAE;UACxCV,MAAM,CAACG,IAAI,CAAC;YACRP,EAAE,EAAEZ,UAAU,CAAC,CAAC;YAChBqB,KAAK;YACLC,IAAI;YACJF,IAAI,EAAE;UACV,CAAC,CAAC;QACN;MACJ;MAEA,IAAIf,QAAQ,EAAE;QACVY,gBAAgB,IAAIK,IAAI,CAACK,IAAI;MACjC;IACJ;IAEA,IAAItB,QAAQ,EAAE;MACV,MAAMuB,kBAAkB,GAAG/B,KAAK,CAACU,eAAe,CAAC;MAEjD,IAAIqB,kBAAkB,IAAIrB,eAAe,IAAIU,gBAAgB,GAAGW,kBAAkB,EAAE;QAChFZ,MAAM,CAACG,IAAI,CAAC;UACRP,EAAE,EAAEZ,UAAU,CAAC,CAAC;UAChBoB,IAAI,EAAE,yBAAyB;UAC/BH,gBAAgB;UAChBV,eAAe,EAAEqB;QACrB,CAAC,CAAC;MACN;MAEA,IAAIpB,gBAAgB,IAAIM,KAAK,CAACI,MAAM,GAAGV,gBAAgB,EAAE;QACrDQ,MAAM,CAACG,IAAI,CAAC;UACRP,EAAE,EAAEZ,UAAU,CAAC,CAAC;UAChBoB,IAAI,EAAE,0BAA0B;UAChCS,aAAa,EAAEf,KAAK,CAACI,MAAM;UAC3BV;QACJ,CAAC,CAAC;MACN;IACJ;IAEA,OAAOQ,MAAM;EACjB,CAAC;EAEDc,oBAAoB,GAAG,MAAOC,UAAuB,IAAK;IACtD,IAAIA,UAAU,CAACb,MAAM,KAAK,CAAC,EAAE;MACzB;IACJ;IAEA,MAAM;MAAET,eAAe;MAAEuB,SAAS;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAAClB,KAAK;IAC1D,MAAM;MAAEJ;IAAwB,CAAC,GAAG,IAAI;IACxC,MAAMuB,SAAS,GAAG;MACdF,SAAS;MACTC;IACJ,CAAC;IAED,IAAItB,uBAAuB,IAAIA,uBAAuB,CAACqB,SAAS,EAAE;MAC9DE,SAAS,CAACF,SAAS,GAAGrB,uBAAuB,CAACqB,SAAS;IAC3D;IAEA,IAAIrB,uBAAuB,IAAIA,uBAAuB,CAACsB,OAAO,EAAE;MAC5DC,SAAS,CAACD,OAAO,GAAGtB,uBAAuB,CAACsB,OAAO;IACvD;IAEA,MAAMnB,KAAqB,GAAG,CAAC,GAAGiB,UAAU,CAAC,CAACI,GAAG,CAACb,IAAI,IAAI;MACtD,OAAO;QACHV,EAAE,EAAEZ,UAAU,CAAC,CAAC;QAChBoC,IAAI,EAAEd,IAAI,CAACc,IAAI;QACfhB,IAAI,EAAEE,IAAI,CAACF,IAAI;QACfO,IAAI,EAAEL,IAAI,CAACK,IAAI;QACfU,GAAG,EAAE;UACDf,IAAI;UACJgB,MAAM,EAAE;QACZ;MACJ,CAAC;IACL,CAAC,CAAC;IAEF,MAAMtB,MAAM,GAAG,IAAI,CAACH,aAAa,CAACC,KAAK,CAAC;IAExC,IAAIE,MAAM,CAACE,MAAM,EAAE;MACfgB,SAAS,CAACD,OAAO,IAAIC,SAAS,CAACD,OAAO,CAACjB,MAAM,EAAEF,KAAK,CAAC;IACzD,CAAC,MAAM;MACH,IAAIL,eAAe,EAAE;QACjB,KAAK,IAAI8B,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGzB,KAAK,CAACI,MAAM,EAAEqB,CAAC,EAAE,EAAE;UACnC,MAAMjB,IAAI,GAAGR,KAAK,CAACyB,CAAC,CAAC,CAACF,GAAG,CAACf,IAAI;UAC9BR,KAAK,CAACyB,CAAC,CAAC,CAACF,GAAG,CAACC,MAAM,GAAG,MAAMvC,eAAe,CAACuB,IAAI,CAAC;QACrD;MACJ;MAEAY,SAAS,CAACF,SAAS,IAAIE,SAAS,CAACF,SAAS,CAAClB,KAAK,CAAC;IACrD;;IAEA;IACA,IAAI,IAAI,CAACJ,KAAK,EAAE;MACZ,IAAI,CAACA,KAAK,CAAC8B,KAAK,GAAG,EAAE;IACzB;IACA,IAAI,CAAC7B,uBAAuB,GAAG,IAAI;EACvC,CAAC;;EAED;AACJ;AACA;EACI8B,kBAAkB,GAAG,MAAAA,CAAO;IAAEC,CAAC;IAAEV,SAAS;IAAEC;EAAa,CAAC,KAAK;IAC3D,IAAI,CAACtB,uBAAuB,GAAG;MAAEqB,SAAS;MAAEC;IAAQ,CAAC;IACrDS,CAAC,CAACC,YAAY,IACVD,CAAC,CAACC,YAAY,CAAC7B,KAAK,KACnB,MAAM,IAAI,CAACgB,oBAAoB,CAACY,CAAC,CAACC,YAAY,CAAC7B,KAAK,CAAC,CAAC;EAC/D,CAAC;;EAED;AACJ;AACA;EACI8B,kBAAkB,GAAGA,CAAC;IAAEZ,SAAS;IAAEC;EAAa,CAAC,KAAK;IAClD,IAAI,CAACtB,uBAAuB,GAAG;MAAEqB,SAAS;MAAEC;IAAQ,CAAC;IACrD,IAAI,CAACvB,KAAK,IAAI,IAAI,CAACA,KAAK,CAACmC,KAAK,CAAC,CAAC;EACpC,CAAC;EAEQC,MAAMA,CAAA,EAAG;IACd,MAAM;MAAEzC,QAAQ;MAAED,MAAM;MAAEQ;IAAG,CAAC,GAAG,IAAI,CAACG,KAAK;IAC3C,oBACInB,KAAA,CAAAmD,aAAA,CAACnD,KAAK,CAACoD,QAAQ,QACV,IAAI,CAACjC,KAAK,CAACkC,QAAQ,CAAC;MACjBC,aAAa,EAAGnC,KAAU,IAAK;QAC3B,OAAO;UACH,GAAGA,KAAK;UACRoC,OAAO,EAAEvC,EAAE,IAAI,IAAI,CAACA;QACxB,CAAC;MACL,CAAC;MACDC,aAAa,EAAE,IAAI,CAACA,aAAa;MACjCuC,WAAW,EAAEA,CAAC;QAAEpB,SAAS;QAAEC;MAA2B,CAAC,GAAG,CAAC,CAAC,KAAK;QAC7D,IAAI,CAACW,kBAAkB,CAAC;UAAEZ,SAAS;UAAEC;QAAQ,CAAC,CAAC;MACnD,CAAC;MACDoB,gBAAgB,EAAEA,CAAC;QACfrB,SAAS;QACTC,OAAO;QACPqB,UAAU;QACVC,MAAM;QACN,GAAGC;MACF,CAAC,GAAG,CAAC,CAAC,KAAK;QACZ,OAAO;UACH,GAAGA,IAAI;UACPF,UAAU,EAAGZ,CAAY,IAAK;YAC1BA,CAAC,CAACe,cAAc,CAAC,CAAC;YAClB,OAAOH,UAAU,KAAK,UAAU,IAAIA,UAAU,CAAC,CAAC;UACpD,CAAC;UACDC,MAAM,EAAE,MAAOb,CAAY,IAAK;YAC5BA,CAAC,CAACe,cAAc,CAAC,CAAC;YAClB,OAAOF,MAAM,KAAK,UAAU,IAAIA,MAAM,CAAC,CAAC;YACxC,IAAI,CAACd,kBAAkB,CAAC;cAAEC,CAAC;cAAEV,SAAS;cAAEC;YAAQ,CAAC,CAAC;UACtD;QACJ,CAAC;MACL;IACJ,CAAC,CAAC,eAEFrC,KAAA,CAAAmD,aAAA;MACInC,EAAE,EAAEA,EAAE,IAAI,IAAI,CAACA,EAAG;MAClB8C,GAAG,EAAEA,GAAG,IAAI;QACR,IAAIA,GAAG,EAAE;UACL,IAAI,CAAChD,KAAK,GAAGgD,GAAG;QACpB;MACJ,CAAE;MACFtD,MAAM,EAAEA,MAAM,CAACuD,IAAI,CAAC,GAAG,CAAE;MACzBC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAC3BzC,IAAI,EAAC,MAAM;MACXf,QAAQ,EAAEA,QAAS;MACnByD,QAAQ,EAAEpB,CAAC,IACP,IAAI,CAACZ,oBAAoB,CAAEY,CAAC,CAACqB,MAAM,CAACjD,KAAK,IAA2B,EAAE;IACzE,CACJ,CACW,CAAC;EAEzB;AACJ","ignoreList":[]}
+{"version":3,"names":["React","bytes","minimatch","readFileContent","generateId","Files","Component","defaultProps","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","input","browseFilesPassedParams","id","validateFiles","files","props","errors","multipleFileSize","length","push","type","index","file","Array","isArray","some","sizeAsBytes","size","maxMultipleMaxSize","multipleCount","processSelectedFiles","eventFiles","onSuccess","onError","callbacks","map","name","src","base64","i","value","onDropFilesHandler","e","dataTransfer","browseFilesHandler","click","render","createElement","Fragment","children","getLabelProps","htmlFor","browseFiles","getDropZoneProps","onDragOver","onDrop","rest","preventDefault","ref","join","style","display","onChange","target"],"sources":["Files.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport { minimatch } from \"minimatch\";\nimport { readFileContent } from \"./utils/readFileContent.js\";\nimport { generateId } from \"./utils/generateId.js\";\n\nexport type SelectedFile = {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    src: {\n        file: File;\n        base64: string | null;\n    };\n};\n\nexport type FileError = {\n    id: string;\n    type:\n        | \"unsupportedFileType\"\n        | \"maxSizeExceeded\"\n        | \"multipleMaxSizeExceeded\"\n        | \"multipleMaxCountExceeded\"\n        | \"multipleNotAllowed\";\n    index?: number;\n    file?: SelectedFile | File;\n    multipleFileSize?: number;\n    multipleMaxSize?: number;\n    multipleMaxCount?: number;\n    multipleCount?: number;\n};\n\nexport type BrowseFilesParams = {\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type RenderPropParams = {\n    browseFiles: (params: BrowseFilesParams) => void;\n    getDropZoneProps: (additionalProps: any) => any;\n    getLabelProps: (additionalProps: any) => any;\n    validateFiles: (files: SelectedFile[] | File[]) => FileError[];\n};\n\nexport type FilesRules = {\n    accept: string[];\n    multiple: boolean;\n    maxSize: string;\n    multipleMaxSize: string;\n    multipleMaxCount: number | null;\n    convertToBase64: boolean;\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type Props = FilesRules & {\n    children: (params: RenderPropParams) => React.ReactNode;\n    id?: string;\n};\n\nexport class Files extends React.Component<Props> {\n    static defaultProps = {\n        accept: [],\n        multiple: false,\n        maxSize: \"2mb\",\n        multipleMaxSize: \"10mb\",\n        multipleMaxCount: null,\n        convertToBase64: false\n    };\n\n    input: HTMLInputElement | null = null;\n    browseFilesPassedParams: BrowseFilesParams | null = null;\n    id: string = generateId();\n\n    validateFiles = (files: SelectedFile[] | File[]): FileError[] => {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.props;\n\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({\n                id: generateId(),\n                type: \"multipleNotAllowed\"\n            });\n\n            return errors;\n        }\n\n        for (let index = 0; index < files.length; index++) {\n            const file = files[index];\n\n            if (\n                Array.isArray(accept) &&\n                accept.length &&\n                !accept.some(type => minimatch(file.type, type))\n            ) {\n                errors.push({\n                    id: generateId(),\n                    index,\n                    file,\n                    type: \"unsupportedFileType\"\n                });\n            } else if (maxSize) {\n                const sizeAsBytes = bytes(maxSize);\n                if (sizeAsBytes && file.size > sizeAsBytes) {\n                    errors.push({\n                        id: generateId(),\n                        index,\n                        file,\n                        type: \"maxSizeExceeded\"\n                    });\n                }\n            }\n\n            if (multiple) {\n                multipleFileSize += file.size;\n            }\n        }\n\n        if (multiple) {\n            const maxMultipleMaxSize = bytes(multipleMaxSize);\n\n            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxSizeExceeded\",\n                    multipleFileSize,\n                    multipleMaxSize: maxMultipleMaxSize\n                });\n            }\n\n            if (multipleMaxCount && files.length > multipleMaxCount) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxCountExceeded\",\n                    multipleCount: files.length,\n                    multipleMaxCount\n                });\n            }\n        }\n\n        return errors;\n    };\n\n    processSelectedFiles = async (eventFiles: Array<File>) => {\n        if (eventFiles.length === 0) {\n            return;\n        }\n\n        const { convertToBase64, onSuccess, onError } = this.props;\n        const { browseFilesPassedParams } = this;\n        const callbacks = {\n            onSuccess,\n            onError\n        };\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {\n            callbacks.onSuccess = browseFilesPassedParams.onSuccess;\n        }\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onError) {\n            callbacks.onError = browseFilesPassedParams.onError;\n        }\n\n        const files: SelectedFile[] = [...eventFiles].map(file => {\n            return {\n                id: generateId(),\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                src: {\n                    file,\n                    base64: null\n                }\n            };\n        });\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length) {\n            callbacks.onError && callbacks.onError(errors, files);\n        } else {\n            if (convertToBase64) {\n                for (let i = 0; i < files.length; i++) {\n                    const file = files[i].src.file;\n                    files[i].src.base64 = await readFileContent(file);\n                }\n            }\n\n            callbacks.onSuccess && callbacks.onSuccess(files);\n        }\n\n        // Reset the browseFiles arguments.\n        if (this.input) {\n            this.input.value = \"\";\n        }\n        this.browseFilesPassedParams = null;\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    onDropFilesHandler = async ({ e, onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        e.dataTransfer &&\n            e.dataTransfer.files &&\n            (await this.processSelectedFiles(e.dataTransfer.files));\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    browseFilesHandler = ({ onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        this.input && this.input.click();\n    };\n\n    override render() {\n        const { multiple, accept, id } = this.props;\n        return (\n            <React.Fragment>\n                {this.props.children({\n                    getLabelProps: (props: any) => {\n                        return {\n                            ...props,\n                            htmlFor: id || this.id\n                        };\n                    },\n                    validateFiles: this.validateFiles,\n                    browseFiles: ({ onSuccess, onError }: BrowseFilesParams = {}) => {\n                        this.browseFilesHandler({ onSuccess, onError });\n                    },\n                    getDropZoneProps: ({\n                        onSuccess,\n                        onError,\n                        onDragOver,\n                        onDrop,\n                        ...rest\n                    }: any = {}) => {\n                        return {\n                            ...rest,\n                            onDragOver: (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDragOver === \"function\" && onDragOver();\n                            },\n                            onDrop: async (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDrop === \"function\" && onDrop();\n                                this.onDropFilesHandler({ e, onSuccess, onError });\n                            }\n                        };\n                    }\n                })}\n\n                <input\n                    id={id || this.id}\n                    ref={ref => {\n                        if (ref) {\n                            this.input = ref;\n                        }\n                    }}\n                    accept={accept.join(\",\")}\n                    style={{ display: \"none\" }}\n                    type=\"file\"\n                    multiple={multiple}\n                    onChange={e =>\n                        this.processSelectedFiles((e.target.files as any as Array<File>) ?? [])\n                    }\n                />\n            </React.Fragment>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/react-butterfiles/file.todo

@@ -0,0 +1 @@
+delete this folder?

package/react-butterfiles/index.d.ts

@@ -1,2 +1,2 @@
-import { Files } from "./Files";
+import { Files } from "./Files.js";
 export default Files;

package/react-butterfiles/index.js

@@ -1,4 +1,4 @@
-import { Files } from "./Files";
+import { Files } from "./Files.js";
 export default Files;
 
 //# sourceMappingURL=index.js.map

package/react-butterfiles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Files"],"sources":["index.ts"],"sourcesContent":["import { Files } from \"./Files\";\n\nexport default Files;\n"],"mappings":"AAAA,SAASA,KAAK;AAEd,eAAeA,KAAK","ignoreList":[]}
+{"version":3,"names":["Files"],"sources":["index.ts"],"sourcesContent":["import { Files } from \"./Files.js\";\n\nexport default Files;\n"],"mappings":"AAAA,SAASA,KAAK;AAEd,eAAeA,KAAK","ignoreList":[]}

package/router.d.ts

@@ -0,0 +1,5 @@
+export { Route } from "./features/router/Route.js";
+export { useRouter } from "./presentation/router/hooks/useRouter.js";
+export { useRoute } from "./presentation/router/hooks/useRoute.js";
+export { RouteLink, type RouteLinkProps } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink, type SimpleLinkProps } from "./presentation/router/components/SimpleLink.js";

package/router.js

@@ -0,0 +1,8 @@
+// Router
+export { Route } from "./features/router/Route.js";
+export { useRouter } from "./presentation/router/hooks/useRouter.js";
+export { useRoute } from "./presentation/router/hooks/useRoute.js";
+export { RouteLink } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink } from "./presentation/router/components/SimpleLink.js";
+
+//# sourceMappingURL=router.js.map

package/router.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Route","useRouter","useRoute","RouteLink","SimpleLink"],"sources":["router.ts"],"sourcesContent":["// Router\nexport { Route } from \"./features/router/Route.js\";\nexport { useRouter } from \"./presentation/router/hooks/useRouter.js\";\nexport { useRoute } from \"./presentation/router/hooks/useRoute.js\";\nexport { RouteLink, type RouteLinkProps } from \"./presentation/router/components/RouteLink.js\";\nexport { SimpleLink, type SimpleLinkProps } from \"./presentation/router/components/SimpleLink.js\";\n"],"mappings":"AAAA;AACA,SAASA,KAAK;AACd,SAASC,SAAS;AAClB,SAASC,QAAQ;AACjB,SAASC,SAAS;AAClB,SAASC,UAAU","ignoreList":[]}

package/shared/di/DiContainerProvider.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Container } from "@webiny/di";
+export interface DiContainerProviderProps {
+    container: Container;
+    children: React.ReactNode;
+}
+export declare const DiContainerProvider: ({ container, children }: DiContainerProviderProps) => React.JSX.Element;
+export declare const useContainer: () => Container;

package/shared/di/DiContainerProvider.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { createGenericContext } from "../../utils/createGenericContext.js";
+const DiContainerContext = createGenericContext("DiContainer");
+export const DiContainerProvider = ({
+  container,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(DiContainerContext.Provider, {
+    container: container
+  }, children);
+};
+export const useContainer = () => {
+  const context = DiContainerContext.useHook();
+  return context.container;
+};
+
+//# sourceMappingURL=DiContainerProvider.js.map

package/shared/di/DiContainerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createGenericContext","DiContainerContext","DiContainerProvider","container","children","createElement","Provider","useContainer","context","useHook"],"sources":["DiContainerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Container } from \"@webiny/di\";\nimport { createGenericContext } from \"~/utils/createGenericContext.js\";\n\ntype DiContainerContext = { container: Container };\n\nconst DiContainerContext = createGenericContext<DiContainerContext>(\"DiContainer\");\n\nexport interface DiContainerProviderProps {\n    container: Container;\n    children: React.ReactNode;\n}\n\nexport const DiContainerProvider = ({ container, children }: DiContainerProviderProps) => {\n    return (\n        <DiContainerContext.Provider container={container}>{children}</DiContainerContext.Provider>\n    );\n};\n\nexport const useContainer = () => {\n    const context = DiContainerContext.useHook();\n\n    return context.container;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB;AAI7B,MAAMC,kBAAkB,GAAGD,oBAAoB,CAAqB,aAAa,CAAC;AAOlF,OAAO,MAAME,mBAAmB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAAmC,CAAC,KAAK;EACtF,oBACIL,KAAA,CAAAM,aAAA,CAACJ,kBAAkB,CAACK,QAAQ;IAACH,SAAS,EAAEA;EAAU,GAAEC,QAAsC,CAAC;AAEnG,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,OAAO,GAAGP,kBAAkB,CAACQ,OAAO,CAAC,CAAC;EAE5C,OAAOD,OAAO,CAACL,SAAS;AAC5B,CAAC","ignoreList":[]}

package/shared/di/createFeature.d.ts

@@ -0,0 +1,11 @@
+import { Container } from "@webiny/di";
+export interface FeatureDefinition<TExports = any, TParams extends any[] = []> {
+    name: string;
+    register: (container: Container, ...args: TParams) => void;
+    resolve: (container: Container) => TExports;
+}
+export declare function createFeature<TExports = any, TParams extends any[] = []>(def: {
+    name: string;
+    register: (container: Container, ...args: TParams) => void;
+    resolve: (container: Container) => TExports;
+}): FeatureDefinition<TExports, TParams>;

package/shared/di/createFeature.js

@@ -0,0 +1,11 @@
+export function createFeature(def) {
+  return {
+    name: def.name,
+    register: def.register,
+    resolve: container => {
+      return def.resolve(container);
+    }
+  };
+}
+
+//# sourceMappingURL=createFeature.js.map

package/shared/di/createFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createFeature","def","name","register","resolve","container"],"sources":["createFeature.ts"],"sourcesContent":["import { Container } from \"@webiny/di\";\n\nexport interface FeatureDefinition<TExports = any, TParams extends any[] = []> {\n    name: string;\n    register: (container: Container, ...args: TParams) => void;\n    resolve: (container: Container) => TExports;\n}\n\nexport function createFeature<\n    TExports = any,\n    TParams extends any[] = [] // tuple for extra args\n>(def: {\n    name: string;\n    register: (container: Container, ...args: TParams) => void;\n    resolve: (container: Container) => TExports;\n}): FeatureDefinition<TExports, TParams> {\n    return {\n        name: def.name,\n        register: def.register,\n        resolve: (container: Container): TExports => {\n            return def.resolve(container);\n        }\n    };\n}\n"],"mappings":"AAQA,OAAO,SAASA,aAAaA,CAG3BC,GAID,EAAwC;EACrC,OAAO;IACHC,IAAI,EAAED,GAAG,CAACC,IAAI;IACdC,QAAQ,EAAEF,GAAG,CAACE,QAAQ;IACtBC,OAAO,EAAGC,SAAoB,IAAe;MACzC,OAAOJ,GAAG,CAACG,OAAO,CAACC,SAAS,CAAC;IACjC;EACJ,CAAC;AACL","ignoreList":[]}

package/shared/di/useFeature.d.ts

@@ -0,0 +1,2 @@
+import { FeatureDefinition } from "./createFeature.js";
+export declare function useFeature<TExports>(feature: FeatureDefinition<TExports, any[]>): TExports;

package/shared/di/useFeature.js

@@ -0,0 +1,18 @@
+import { useContainer } from "./DiContainerProvider.js";
+const featureCache = new WeakMap();
+export function useFeature(feature) {
+  const container = useContainer();
+  let featureMap = featureCache.get(container);
+  if (!featureMap) {
+    featureMap = new Map();
+    featureCache.set(container, featureMap);
+  }
+  if (featureMap.has(feature.name)) {
+    return featureMap.get(feature.name);
+  }
+  const exports = feature.resolve(container);
+  featureMap.set(feature.name, exports);
+  return exports;
+}
+
+//# sourceMappingURL=useFeature.js.map

package/shared/di/useFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContainer","featureCache","WeakMap","useFeature","feature","container","featureMap","get","Map","set","has","name","exports","resolve"],"sources":["useFeature.ts"],"sourcesContent":["import type { Container } from \"@webiny/di\";\nimport { useContainer } from \"./DiContainerProvider.js\";\nimport { FeatureDefinition } from \"./createFeature.js\";\n\nconst featureCache = new WeakMap<Container, Map<string, unknown>>();\n\nexport function useFeature<TExports>(feature: FeatureDefinition<TExports, any[]>): TExports {\n    const container = useContainer();\n\n    let featureMap = featureCache.get(container);\n    if (!featureMap) {\n        featureMap = new Map();\n        featureCache.set(container, featureMap);\n    }\n\n    if (featureMap.has(feature.name)) {\n        return featureMap.get(feature.name) as TExports;\n    }\n\n    const exports = feature.resolve(container);\n    featureMap.set(feature.name, exports);\n    return exports;\n}\n"],"mappings":"AACA,SAASA,YAAY;AAGrB,MAAMC,YAAY,GAAG,IAAIC,OAAO,CAAkC,CAAC;AAEnE,OAAO,SAASC,UAAUA,CAAWC,OAA2C,EAAY;EACxF,MAAMC,SAAS,GAAGL,YAAY,CAAC,CAAC;EAEhC,IAAIM,UAAU,GAAGL,YAAY,CAACM,GAAG,CAACF,SAAS,CAAC;EAC5C,IAAI,CAACC,UAAU,EAAE;IACbA,UAAU,GAAG,IAAIE,GAAG,CAAC,CAAC;IACtBP,YAAY,CAACQ,GAAG,CAACJ,SAAS,EAAEC,UAAU,CAAC;EAC3C;EAEA,IAAIA,UAAU,CAACI,GAAG,CAACN,OAAO,CAACO,IAAI,CAAC,EAAE;IAC9B,OAAOL,UAAU,CAACC,GAAG,CAACH,OAAO,CAACO,IAAI,CAAC;EACvC;EAEA,MAAMC,OAAO,GAAGR,OAAO,CAACS,OAAO,CAACR,SAAS,CAAC;EAC1CC,UAAU,CAACG,GAAG,CAACL,OAAO,CAACO,IAAI,EAAEC,OAAO,CAAC;EACrC,OAAOA,OAAO;AAClB","ignoreList":[]}

package/types.d.ts

@@ -1,9 +1,10 @@
 import type * as React from "react";
-import { Plugin } from "@webiny/plugins/types";
-import type { ApolloClient } from "apollo-client";
 import type { CSSProperties } from "react";
+import { Plugin } from "@webiny/plugins/types.js";
+import type { ApolloClient } from "apollo-client";
 export type GenericRecordKey = string | number | symbol;
 export type GenericRecord<K extends GenericRecordKey = GenericRecordKey, V = any> = Record<K, V>;
+export type NonEmptyArray<T> = [T, ...T[]];
 export type UploadOptions = {
     apolloClient: ApolloClient<object>;
     onProgress?: (params: {
@@ -28,7 +29,7 @@ export type FileUploaderPlugin = Plugin & {
     name: "file-uploader";
     upload(file: File, options: UploadOptions): Promise<UploadedFile>;
 };
-export { Plugin };
+export type { Plugin };
 export interface ImageProps {
     src: string;
     preset?: string;
@@ -63,5 +64,7 @@ export type ImageComponentPlugin = Plugin & {
  */
 export type RoutePlugin = Plugin & {
     type: "route";
-    route: React.ReactElement;
+    route: React.ReactElement<{
+        path: string;
+    }>;
 };

package/types.js

@@ -1,14 +1,3 @@
-import { Plugin } from "@webiny/plugins/types";
-export { Plugin };
-
-/**
- * "getImageSrc" has to be defined as a separate property, so its functionality can be reused outside of
- * the Image component. This is ideal in cases where manual creation of image src is needed.
- */
-
-/**
- * Enables registering new routes.
- * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#route
- */
+export {};
 
 //# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["Plugin"],"sources":["types.ts"],"sourcesContent":["import type * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport type { ApolloClient } from \"apollo-client\";\nimport type { CSSProperties } from \"react\";\n\nexport type GenericRecordKey = string | number | symbol;\n\nexport type GenericRecord<K extends GenericRecordKey = GenericRecordKey, V = any> = Record<K, V>;\n\nexport type UploadOptions = {\n    apolloClient: ApolloClient<object>;\n    onProgress?: (params: { sent: number; total: number; percentage: number }) => void;\n};\n\nexport type UiStatePlugin = Plugin & {\n    type: \"ui-state\";\n    render(): React.ReactElement;\n};\n\nexport interface UploadedFile {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    key: string;\n}\n\nexport type FileUploaderPlugin = Plugin & {\n    type: \"file-uploader\";\n    name: \"file-uploader\";\n    upload(file: File, options: UploadOptions): Promise<UploadedFile>;\n};\n\nexport { Plugin };\n\nexport interface ImageProps {\n    src: string;\n    preset?: string;\n    transform?: {\n        [key: string]: any;\n    };\n    // \"auto\" is a special keyword - if present, plugins insert their own srcSet.\n    srcSet?: { [key: string]: any } | \"auto\";\n    className?: string;\n    title?: string;\n    alt?: string;\n    style?: CSSProperties;\n    width?: string | number;\n    height?: string | number;\n}\n\n/**\n * \"getImageSrc\" has to be defined as a separate property, so its functionality can be reused outside of\n * the Image component. This is ideal in cases where manual creation of image src is needed.\n */\nexport type ImageComponentPlugin = Plugin & {\n    type: \"image-component\";\n    render: (props: ImageProps) => React.ReactElement;\n    getImageSrc: (props?: Record<string, any>) => string;\n    presets: { [key: string]: any };\n};\n\n/**\n * Enables registering new routes.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#route\n */\nexport type RoutePlugin = Plugin & {\n    type: \"route\";\n    route: React.ReactElement;\n};\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,uBAAuB;AAgC9C,SAASA,MAAM;;AAkBf;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type * as React from \"react\";\nimport type { CSSProperties } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types.js\";\nimport type { ApolloClient } from \"apollo-client\";\n\nexport type GenericRecordKey = string | number | symbol;\n\nexport type GenericRecord<K extends GenericRecordKey = GenericRecordKey, V = any> = Record<K, V>;\n\nexport type NonEmptyArray<T> = [T, ...T[]];\n\nexport type UploadOptions = {\n    apolloClient: ApolloClient<object>;\n    onProgress?: (params: { sent: number; total: number; percentage: number }) => void;\n};\n\nexport type UiStatePlugin = Plugin & {\n    type: \"ui-state\";\n    render(): React.ReactElement;\n};\n\nexport interface UploadedFile {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    key: string;\n}\n\nexport type FileUploaderPlugin = Plugin & {\n    type: \"file-uploader\";\n    name: \"file-uploader\";\n    upload(file: File, options: UploadOptions): Promise<UploadedFile>;\n};\n\nexport type { Plugin };\n\nexport interface ImageProps {\n    src: string;\n    preset?: string;\n    transform?: {\n        [key: string]: any;\n    };\n    // \"auto\" is a special keyword - if present, plugins insert their own srcSet.\n    srcSet?: { [key: string]: any } | \"auto\";\n    className?: string;\n    title?: string;\n    alt?: string;\n    style?: CSSProperties;\n    width?: string | number;\n    height?: string | number;\n}\n\n/**\n * \"getImageSrc\" has to be defined as a separate property, so its functionality can be reused outside of\n * the Image component. This is ideal in cases where manual creation of image src is needed.\n */\nexport type ImageComponentPlugin = Plugin & {\n    type: \"image-component\";\n    render: (props: ImageProps) => React.ReactElement;\n    getImageSrc: (props?: Record<string, any>) => string;\n    presets: { [key: string]: any };\n};\n\n/**\n * Enables registering new routes.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#route\n */\nexport type RoutePlugin = Plugin & {\n    type: \"route\";\n    route: React.ReactElement<{ path: string }>;\n};\n"],"mappings":"","ignoreList":[]}

package/utils/index.d.ts

@@ -1,10 +1,2 @@
-export * from "./createHashing";
-export * from "./getApiUrl";
-export * from "./getGqlApiUrl";
-export * from "./getHeadlessCmsGqlApiUrl";
-export * from "./getLocaleCode";
-export * from "./getPrerenderId";
-export * from "./getTenantId";
-export * from "./isLocalhost";
-export * from "./isPrerendering";
-export * from "./legacyPluginToReactComponent";
+export * from "./createHashing.js";
+export * from "./legacyPluginToReactComponent.js";

package/utils/index.js

@@ -1,12 +1,4 @@
-export * from "./createHashing";
-export * from "./getApiUrl";
-export * from "./getGqlApiUrl";
-export * from "./getHeadlessCmsGqlApiUrl";
-export * from "./getLocaleCode";
-export * from "./getPrerenderId";
-export * from "./getTenantId";
-export * from "./isLocalhost";
-export * from "./isPrerendering";
-export * from "./legacyPluginToReactComponent";
+export * from "./createHashing.js";
+export * from "./legacyPluginToReactComponent.js";
 
 //# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./createHashing\";\nexport * from \"./getApiUrl\";\nexport * from \"./getGqlApiUrl\";\nexport * from \"./getHeadlessCmsGqlApiUrl\";\nexport * from \"./getLocaleCode\";\nexport * from \"./getPrerenderId\";\nexport * from \"./getTenantId\";\nexport * from \"./isLocalhost\";\nexport * from \"./isPrerendering\";\nexport * from \"./legacyPluginToReactComponent\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./createHashing.js\";\nexport * from \"./legacyPluginToReactComponent.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/utils/legacyPluginToReactComponent.js

@@ -1,4 +1,4 @@
-import { useRegisterLegacyPlugin } from "../hooks/useRegisterLegacyPlugin";
+import { useRegisterLegacyPlugin } from "../hooks/useRegisterLegacyPlugin.js";
 export const legacyPluginToReactComponent = function (params) {
   const Component = props => {
     const plugin = Object.assign({

package/utils/legacyPluginToReactComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRegisterLegacyPlugin","legacyPluginToReactComponent","params","Component","props","plugin","Object","assign","type","pluginType","mapProps","displayName","componentDisplayName"],"sources":["legacyPluginToReactComponent.ts"],"sourcesContent":["import type React from \"react\";\nimport { useRegisterLegacyPlugin } from \"~/hooks/useRegisterLegacyPlugin\";\n\nexport interface LegacyPluginToReactComponentParams<TProps extends Record<string, any>> {\n    pluginType: string;\n    componentDisplayName: string;\n    mapProps?: (props: TProps) => TProps;\n}\n\nexport const legacyPluginToReactComponent = function <TProps extends Record<string, any>>(\n    params: LegacyPluginToReactComponentParams<TProps>\n) {\n    const Component: React.ComponentType<TProps> = props => {\n        const plugin = Object.assign(\n            { type: params.pluginType },\n            params.mapProps ? params.mapProps(props) : props\n        );\n        useRegisterLegacyPlugin(plugin);\n        return null;\n    };\n\n    Component.displayName = params.componentDisplayName;\n\n    return Component;\n};\n"],"mappings":"AACA,SAASA,uBAAuB;AAQhC,OAAO,MAAMC,4BAA4B,GAAG,SAAAA,CACxCC,MAAkD,EACpD;EACE,MAAMC,SAAsC,GAAGC,KAAK,IAAI;IACpD,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CACxB;MAAEC,IAAI,EAAEN,MAAM,CAACO;IAAW,CAAC,EAC3BP,MAAM,CAACQ,QAAQ,GAAGR,MAAM,CAACQ,QAAQ,CAACN,KAAK,CAAC,GAAGA,KAC/C,CAAC;IACDJ,uBAAuB,CAACK,MAAM,CAAC;IAC/B,OAAO,IAAI;EACf,CAAC;EAEDF,SAAS,CAACQ,WAAW,GAAGT,MAAM,CAACU,oBAAoB;EAEnD,OAAOT,SAAS;AACpB,CAAC","ignoreList":[]}
+{"version":3,"names":["useRegisterLegacyPlugin","legacyPluginToReactComponent","params","Component","props","plugin","Object","assign","type","pluginType","mapProps","displayName","componentDisplayName"],"sources":["legacyPluginToReactComponent.ts"],"sourcesContent":["import type React from \"react\";\nimport { useRegisterLegacyPlugin } from \"~/hooks/useRegisterLegacyPlugin.js\";\n\nexport interface LegacyPluginToReactComponentParams<TProps extends Record<string, any>> {\n    pluginType: string;\n    componentDisplayName: string;\n    mapProps?: (props: TProps) => TProps;\n}\n\nexport const legacyPluginToReactComponent = function <TProps extends Record<string, any>>(\n    params: LegacyPluginToReactComponentParams<TProps>\n) {\n    const Component: React.ComponentType<TProps> = props => {\n        const plugin = Object.assign(\n            { type: params.pluginType },\n            params.mapProps ? params.mapProps(props) : props\n        );\n        useRegisterLegacyPlugin(plugin);\n        return null;\n    };\n\n    Component.displayName = params.componentDisplayName;\n\n    return Component;\n};\n"],"mappings":"AACA,SAASA,uBAAuB;AAQhC,OAAO,MAAMC,4BAA4B,GAAG,SAAAA,CACxCC,MAAkD,EACpD;EACE,MAAMC,SAAsC,GAAGC,KAAK,IAAI;IACpD,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CACxB;MAAEC,IAAI,EAAEN,MAAM,CAACO;IAAW,CAAC,EAC3BP,MAAM,CAACQ,QAAQ,GAAGR,MAAM,CAACQ,QAAQ,CAACN,KAAK,CAAC,GAAGA,KAC/C,CAAC;IACDJ,uBAAuB,CAACK,MAAM,CAAC;IAC/B,OAAO,IAAI;EACf,CAAC;EAEDF,SAAS,CAACQ,WAAW,GAAGT,MAAM,CAACU,oBAAoB;EAEnD,OAAOT,SAAS;AACpB,CAAC","ignoreList":[]}

package/components/Routes.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Routes: () => React.JSX.Element;

package/components/Routes.js

@@ -1,36 +0,0 @@
-// This file is necessary only for backwards compatibility.
-// We'll remove this once the legacy rendering engine is removed.
-import React from "react";
-import { plugins } from "@webiny/plugins";
-import { Routes as ReactRouterRoutes } from "@webiny/react-router";
-export const Routes = () => {
-  // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.
-  const routes = [...plugins.byType("route")].sort((a, b) => {
-    const pathA = a.route.props.path || "*";
-    const pathB = b.route.props.path || "*";
-
-    // This will sort paths at the very bottom of the list
-    if (pathA === "/" && pathB === "*") {
-      return -1;
-    }
-
-    // This will push * and / to the bottom of the list
-    if (pathA === "*" || pathA === "/") {
-      return 1;
-    }
-
-    // This will push * and / to the bottom of the list
-    if (["*", "/"].includes(pathB)) {
-      return -1;
-    }
-    return 0;
-  });
-  return /*#__PURE__*/React.createElement(ReactRouterRoutes, null, routes.map(({
-    route,
-    name
-  }) => /*#__PURE__*/React.cloneElement(route, {
-    key: name
-  })));
-};
-
-//# sourceMappingURL=Routes.js.map

package/components/Routes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","plugins","Routes","ReactRouterRoutes","routes","byType","sort","a","b","pathA","route","props","path","pathB","includes","createElement","map","name","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["// This file is necessary only for backwards compatibility.\n// We'll remove this once the legacy rendering engine is removed.\nimport React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport type { RoutePlugin } from \"../types\";\n\nexport const Routes = () => {\n    // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.\n    const routes = [...plugins.byType<RoutePlugin>(\"route\")].sort((a, b) => {\n        const pathA = a.route.props.path || \"*\";\n        const pathB = b.route.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map(({ route, name }) => React.cloneElement(route, { key: name }))}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":"AAAA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,MAAM,IAAIC,iBAAiB,QAAQ,sBAAsB;AAGlE,OAAO,MAAMD,MAAM,GAAGA,CAAA,KAAM;EACxB;EACA,MAAME,MAAM,GAAG,CAAC,GAAGH,OAAO,CAACI,MAAM,CAAc,OAAO,CAAC,CAAC,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACpE,MAAMC,KAAK,GAAGF,CAAC,CAACG,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;IACvC,MAAMC,KAAK,GAAGL,CAAC,CAACE,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;;IAEvC;IACA,IAAIH,KAAK,KAAK,GAAG,IAAII,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIJ,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACK,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEF,oBACIb,KAAA,CAAAe,aAAA,CAACZ,iBAAiB,QACbC,MAAM,CAACY,GAAG,CAAC,CAAC;IAAEN,KAAK;IAAEO;EAAK,CAAC,kBAAKjB,KAAK,CAACkB,YAAY,CAACR,KAAK,EAAE;IAAES,GAAG,EAAEF;EAAK,CAAC,CAAC,CAC1D,CAAC;AAE5B,CAAC","ignoreList":[]}

package/components/View.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface Props {
-    name: string;
-    props?: Record<string, any>;
-    children?: React.ReactNode;
-}
-export declare const View: ({ name, children, props }: Props) => React.JSX.Element;
-export {};

package/components/View.js

@@ -1,19 +0,0 @@
-import React, { Fragment } from "react";
-import { plugins } from "@webiny/plugins";
-import { ViewPlugin } from "../plugins/ViewPlugin";
-export const View = ({
-  name,
-  children,
-  props = {}
-}) => {
-  const viewPlugins = plugins.byType(ViewPlugin.type).filter(pl => pl.key === name);
-  if (viewPlugins.length) {
-    children = viewPlugins.reduce((el, pl) => pl.render({
-      children: el,
-      ...props
-    }), children);
-  }
-  return /*#__PURE__*/React.createElement(Fragment, null, children || null);
-};
-
-//# sourceMappingURL=View.js.map

package/components/View.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Fragment","plugins","ViewPlugin","View","name","children","props","viewPlugins","byType","type","filter","pl","key","length","reduce","el","render","createElement"],"sources":["View.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ViewPlugin } from \"../plugins/ViewPlugin\";\n\ninterface Props {\n    name: string;\n    props?: Record<string, any>;\n    children?: React.ReactNode;\n}\n\nexport const View = ({ name, children, props = {} }: Props) => {\n    const viewPlugins = plugins.byType<ViewPlugin>(ViewPlugin.type).filter(pl => pl.key === name);\n\n    if (viewPlugins.length) {\n        children = viewPlugins.reduce((el, pl) => pl.render({ children: el, ...props }), children);\n    }\n\n    return <Fragment>{children || null}</Fragment>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,UAAU;AAQnB,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK,GAAG,CAAC;AAAS,CAAC,KAAK;EAC3D,MAAMC,WAAW,GAAGN,OAAO,CAACO,MAAM,CAAaN,UAAU,CAACO,IAAI,CAAC,CAACC,MAAM,CAACC,EAAE,IAAIA,EAAE,CAACC,GAAG,KAAKR,IAAI,CAAC;EAE7F,IAAIG,WAAW,CAACM,MAAM,EAAE;IACpBR,QAAQ,GAAGE,WAAW,CAACO,MAAM,CAAC,CAACC,EAAE,EAAEJ,EAAE,KAAKA,EAAE,CAACK,MAAM,CAAC;MAAEX,QAAQ,EAAEU,EAAE;MAAE,GAAGT;IAAM,CAAC,CAAC,EAAED,QAAQ,CAAC;EAC9F;EAEA,oBAAON,KAAA,CAAAkB,aAAA,CAACjB,QAAQ,QAAEK,QAAQ,IAAI,IAAe,CAAC;AAClD,CAAC","ignoreList":[]}