@webiny/app-admin 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/permissions/usePermissionForm.js

@@ -0,0 +1,157 @@
+import { useCallback, useMemo } from "react";
+function hasAction(entity, name) {
+    return entity.actions?.some((a)=>a.name === name) ?? false;
+}
+function resolveFullAccess(schema) {
+    const name = `${schema.prefix}.*`;
+    if (true === schema.fullAccess) return {
+        name
+    };
+    return {
+        name,
+        ...schema.fullAccess
+    };
+}
+function resolveReadOnlyAccess(schema) {
+    if (!schema.readOnlyAccess) return;
+    if (true === schema.readOnlyAccess) return [
+        {
+            name: `${schema.prefix}.*`,
+            rwd: "r"
+        }
+    ];
+    return schema.readOnlyAccess;
+}
+function deserializePermissions(schema, value) {
+    if (!Array.isArray(value)) return {
+        accessLevel: "no"
+    };
+    if (value.some((p)=>p.name === `$${schema.prefix}.readonly`)) return {
+        accessLevel: "read-only"
+    };
+    const fullAccessName = `${schema.prefix}.*`;
+    const hasFullAccess = value.some((p)=>"*" === p.name || p.name === fullAccessName);
+    if (hasFullAccess) return {
+        accessLevel: "full"
+    };
+    const ownPermissions = value.filter((p)=>p.name.startsWith(schema.prefix));
+    if (0 === ownPermissions.length) return {
+        accessLevel: "no"
+    };
+    const data = {
+        accessLevel: "custom"
+    };
+    const entities = schema.entities || [];
+    for (const entity of entities){
+        const perm = ownPermissions.find((p)=>p.name === entity.permission);
+        if (perm) {
+            if (true === perm.own) data[`${entity.id}AccessScope`] = "own";
+            else data[`${entity.id}AccessScope`] = "full";
+            for (const action of entity.actions ?? [])if ("rwd" === action.name) data[`${entity.id}RWD`] = perm.rwd || "r";
+            else if ("pw" === action.name) data[`${entity.id}PW`] = perm.pw ? perm.pw.split("") : [];
+            else data[`${entity.id}Action_${action.name}`] = true === perm[action.name];
+        }
+    }
+    return data;
+}
+function serializePermissions(schema, formData, currentValue) {
+    const filtered = Array.isArray(currentValue) ? currentValue.filter((p)=>!p.name.startsWith(schema.prefix) && !p.name.startsWith(`$${schema.prefix}`)) : [];
+    if ("no" === formData.accessLevel || !formData.accessLevel) return filtered;
+    if ("full" === formData.accessLevel) return [
+        ...filtered,
+        resolveFullAccess(schema)
+    ];
+    const readOnlyPermissions = resolveReadOnlyAccess(schema);
+    if ("read-only" === formData.accessLevel && readOnlyPermissions) return [
+        ...filtered,
+        {
+            name: `$${schema.prefix}.readonly`
+        },
+        ...readOnlyPermissions
+    ];
+    const entities = schema.entities || [];
+    const entityMap = new Map();
+    for (const entity of entities)entityMap.set(entity.id, entity);
+    const resolvedScopes = new Map();
+    for (const entity of entities){
+        const scope = formData[`${entity.id}AccessScope`];
+        if (!scope || "no" === scope) continue;
+        let resolvedScope = scope;
+        if (entity.dependsOn) {
+            const parentScope = resolvedScopes.get(entity.dependsOn.entity);
+            if ("own" === parentScope) resolvedScope = "own";
+        }
+        resolvedScopes.set(entity.id, resolvedScope);
+    }
+    for (const entity of entities){
+        if (!entity.dependsOn || !resolvedScopes.has(entity.id)) continue;
+        const parentScope = resolvedScopes.get(entity.dependsOn.entity);
+        if (!parentScope) {
+            resolvedScopes.delete(entity.id);
+            continue;
+        }
+        const parentEntity = entityMap.get(entity.dependsOn.entity);
+        if (parentEntity && hasAction(parentEntity, "rwd")) {
+            const parentRwd = "own" === parentScope ? "rwd" : formData[`${entity.dependsOn.entity}RWD`] || "r";
+            if (!parentRwd.includes(entity.dependsOn.requires)) resolvedScopes.delete(entity.id);
+        }
+    }
+    const permissions = [];
+    for (const entity of entities){
+        const scope = resolvedScopes.get(entity.id);
+        if (!scope) continue;
+        const perm = {
+            name: entity.permission
+        };
+        if ("own" === scope) {
+            perm.own = true;
+            if (hasAction(entity, "rwd")) perm.rwd = "rwd";
+        } else if (hasAction(entity, "rwd")) perm.rwd = formData[`${entity.id}RWD`] || "r";
+        for (const action of entity.actions ?? [])if ("rwd" !== action.name) {
+            if ("pw" === action.name) {
+                const pw = formData[`${entity.id}PW`] || [];
+                if (pw.length > 0) perm.pw = pw.join("");
+            } else if (formData[`${entity.id}Action_${action.name}`]) perm[action.name] = true;
+        }
+        permissions.push(perm);
+    }
+    return [
+        ...filtered,
+        ...permissions
+    ];
+}
+function usePermissionForm(schema, options) {
+    const { value, onChange } = options;
+    const formData = useMemo(()=>{
+        let data = deserializePermissions(schema, value);
+        if (options.deserialize) {
+            const extra = options.deserialize(Array.isArray(value) ? value : []);
+            data = {
+                ...data,
+                ...extra
+            };
+        }
+        return data;
+    }, []);
+    const onFormChange = useCallback((data)=>{
+        let result = serializePermissions(schema, data, value);
+        if (options.serialize) {
+            result = options.serialize(data, result.filter((p)=>p.name.startsWith(schema.prefix)));
+            const nonSchemaPermissions = Array.isArray(value) ? value.filter((p)=>!p.name.startsWith(schema.prefix) && !p.name.startsWith(`$${schema.prefix}`)) : [];
+            result = [
+                ...nonSchemaPermissions,
+                ...result
+            ];
+        }
+        onChange(result);
+    }, [
+        value
+    ]);
+    return {
+        formData,
+        onFormChange
+    };
+}
+export { deserializePermissions, serializePermissions, usePermissionForm };
+
+//# sourceMappingURL=usePermissionForm.js.map

package/permissions/usePermissionForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions/usePermissionForm.js","sources":["../../src/permissions/usePermissionForm.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport type {\n    Permission,\n    PermissionSchema,\n    EntityDefinition,\n    UsePermissionFormOptions,\n    UsePermissionFormResult\n} from \"./types.js\";\n\nfunction hasAction(entity: EntityDefinition, name: string): boolean {\n    return entity.actions?.some(a => a.name === name) ?? false;\n}\n\n/** Resolve fullAccess config into a concrete Permission object. */\nfunction resolveFullAccess(schema: PermissionSchema): Permission {\n    const name = `${schema.prefix}.*`;\n    if (schema.fullAccess === true) {\n        return { name };\n    }\n    return { name, ...schema.fullAccess };\n}\n\n/** Resolve readOnlyAccess config into a concrete Permission[]. */\nfunction resolveReadOnlyAccess(schema: PermissionSchema): Permission[] | undefined {\n    if (!schema.readOnlyAccess) {\n        return undefined;\n    }\n    if (schema.readOnlyAccess === true) {\n        return [{ name: `${schema.prefix}.*`, rwd: \"r\" }];\n    }\n    return schema.readOnlyAccess;\n}\n\n/**\n * Deserialize Permission[] into form data based on the schema.\n */\nfunction deserializePermissions(\n    schema: PermissionSchema,\n    value: Permission[]\n): Record<string, any> {\n    if (!Array.isArray(value)) {\n        return { accessLevel: \"no\" };\n    }\n\n    // Check for read-only access by looking for the synthetic marker permission.\n    if (value.some(p => p.name === `$${schema.prefix}.readonly`)) {\n        return { accessLevel: \"read-only\" };\n    }\n\n    // Check for full access: either wildcard or the schema's fullAccess permission.\n    const fullAccessName = `${schema.prefix}.*`;\n    const hasFullAccess = value.some(p => p.name === \"*\" || p.name === fullAccessName);\n    if (hasFullAccess) {\n        return { accessLevel: \"full\" };\n    }\n\n    // Filter permissions that belong to this schema's prefix.\n    const ownPermissions = value.filter(p => p.name.startsWith(schema.prefix));\n    if (ownPermissions.length === 0) {\n        return { accessLevel: \"no\" };\n    }\n\n    // Custom access level — extract per-entity form fields.\n    const data: Record<string, any> = { accessLevel: \"custom\" };\n    const entities = schema.entities || [];\n\n    for (const entity of entities) {\n        const perm = ownPermissions.find(p => p.name === entity.permission);\n        if (!perm) {\n            continue;\n        }\n\n        // Access scope: \"own\" if perm.own === true, else \"full\".\n        if (perm.own === true) {\n            data[`${entity.id}AccessScope`] = \"own\";\n        } else {\n            data[`${entity.id}AccessScope`] = \"full\";\n        }\n\n        // Process actions.\n        for (const action of entity.actions ?? []) {\n            if (action.name === \"rwd\") {\n                data[`${entity.id}RWD`] = perm.rwd || \"r\";\n            } else if (action.name === \"pw\") {\n                data[`${entity.id}PW`] = perm.pw ? perm.pw.split(\"\") : [];\n            } else {\n                // Custom boolean action.\n                data[`${entity.id}Action_${action.name}`] = perm[action.name] === true;\n            }\n        }\n    }\n\n    return data;\n}\n\n/**\n * Serialize form data into Permission[] based on the schema.\n */\nfunction serializePermissions(\n    schema: PermissionSchema,\n    formData: Record<string, any>,\n    currentValue: Permission[]\n): Permission[] {\n    // Start by filtering out all permissions belonging to this schema's prefix.\n    const filtered = Array.isArray(currentValue)\n        ? currentValue.filter(\n              p => !p.name.startsWith(schema.prefix) && !p.name.startsWith(`$${schema.prefix}`)\n          )\n        : [];\n\n    if (formData.accessLevel === \"no\" || !formData.accessLevel) {\n        return filtered;\n    }\n\n    if (formData.accessLevel === \"full\") {\n        return [...filtered, resolveFullAccess(schema)];\n    }\n\n    const readOnlyPermissions = resolveReadOnlyAccess(schema);\n    if (formData.accessLevel === \"read-only\" && readOnlyPermissions) {\n        return [...filtered, { name: `$${schema.prefix}.readonly` }, ...readOnlyPermissions];\n    }\n\n    const entities = schema.entities || [];\n\n    // Custom access — build entity permissions.\n    // First, build a map of entity definitions by ID for dependency lookups.\n    const entityMap = new Map<string, EntityDefinition>();\n    for (const entity of entities) {\n        entityMap.set(entity.id, entity);\n    }\n\n    // Resolve cascading \"own\" scopes: if a parent is \"own\", children must be \"own\" too.\n    const resolvedScopes = new Map<string, string>();\n    for (const entity of entities) {\n        const scope = formData[`${entity.id}AccessScope`];\n        if (!scope || scope === \"no\") {\n            continue;\n        }\n\n        let resolvedScope = scope;\n\n        // If this entity depends on a parent and the parent scope is \"own\",\n        // force this entity's scope to \"own\" as well.\n        if (entity.dependsOn) {\n            const parentScope = resolvedScopes.get(entity.dependsOn.entity);\n            if (parentScope === \"own\") {\n                resolvedScope = \"own\";\n            }\n        }\n\n        resolvedScopes.set(entity.id, resolvedScope);\n    }\n\n    // Prune resolved scopes based on dependencies (must run before building permissions\n    // so that transitive dependencies are properly pruned).\n    for (const entity of entities) {\n        if (!entity.dependsOn || !resolvedScopes.has(entity.id)) {\n            continue;\n        }\n\n        const parentScope = resolvedScopes.get(entity.dependsOn.entity);\n        if (!parentScope) {\n            // Parent entity is not enabled — prune child.\n            resolvedScopes.delete(entity.id);\n            continue;\n        }\n\n        const parentEntity = entityMap.get(entity.dependsOn.entity);\n        if (parentEntity && hasAction(parentEntity, \"rwd\")) {\n            const parentRwd =\n                parentScope === \"own\" ? \"rwd\" : formData[`${entity.dependsOn.entity}RWD`] || \"r\";\n            if (!parentRwd.includes(entity.dependsOn.requires)) {\n                // Parent doesn't have the required action — prune child.\n                resolvedScopes.delete(entity.id);\n            }\n        }\n    }\n\n    // Build permissions from the pruned resolved scopes.\n    const permissions: Permission[] = [];\n\n    for (const entity of entities) {\n        const scope = resolvedScopes.get(entity.id);\n        if (!scope) {\n            continue;\n        }\n\n        const perm: Permission = {\n            name: entity.permission\n        };\n\n        if (scope === \"own\") {\n            perm.own = true;\n            if (hasAction(entity, \"rwd\")) {\n                perm.rwd = \"rwd\";\n            }\n        } else if (hasAction(entity, \"rwd\")) {\n            perm.rwd = formData[`${entity.id}RWD`] || \"r\";\n        }\n\n        // Process non-rwd actions.\n        for (const action of entity.actions ?? []) {\n            if (action.name === \"rwd\") {\n                continue; // Already handled above.\n            }\n\n            if (action.name === \"pw\") {\n                const pw: string[] = formData[`${entity.id}PW`] || [];\n                if (pw.length > 0) {\n                    perm.pw = pw.join(\"\");\n                }\n            } else {\n                // Custom boolean action.\n                if (formData[`${entity.id}Action_${action.name}`]) {\n                    perm[action.name] = true;\n                }\n            }\n        }\n\n        permissions.push(perm);\n    }\n\n    return [...filtered, ...permissions];\n}\n\n/**\n * Hook that bridges a permission schema with a Form component.\n *\n * Handles bidirectional transformation between Permission[] and form data,\n * with optional custom serialize/deserialize callbacks for app-specific needs.\n */\nexport function usePermissionForm(\n    schema: PermissionSchema,\n    options: UsePermissionFormOptions\n): UsePermissionFormResult {\n    const { value, onChange } = options;\n\n    const formData = useMemo(() => {\n        let data = deserializePermissions(schema, value);\n\n        // Merge custom deserialized data if provided.\n        if (options.deserialize) {\n            const extra = options.deserialize(Array.isArray(value) ? value : []);\n            data = { ...data, ...extra };\n        }\n\n        return data;\n    }, []);\n\n    const onFormChange = useCallback(\n        (data: Record<string, any>) => {\n            let result = serializePermissions(schema, data, value);\n\n            // Apply custom serializer if provided.\n            if (options.serialize) {\n                result = options.serialize(\n                    data,\n                    result.filter(p => p.name.startsWith(schema.prefix))\n                );\n                // Re-add non-schema permissions that were filtered out.\n                const nonSchemaPermissions = Array.isArray(value)\n                    ? value.filter(\n                          p =>\n                              !p.name.startsWith(schema.prefix) &&\n                              !p.name.startsWith(`$${schema.prefix}`)\n                      )\n                    : [];\n                result = [...nonSchemaPermissions, ...result];\n            }\n\n            onChange(result);\n        },\n        [value]\n    );\n\n    return { formData, onFormChange };\n}\n\n// Export the pure functions for unit testing.\nexport { deserializePermissions, serializePermissions };\n"],"names":["hasAction","entity","name","a","resolveFullAccess","schema","resolveReadOnlyAccess","deserializePermissions","value","Array","p","fullAccessName","hasFullAccess","ownPermissions","data","entities","perm","action","serializePermissions","formData","currentValue","filtered","readOnlyPermissions","entityMap","Map","resolvedScopes","scope","resolvedScope","parentScope","parentEntity","parentRwd","permissions","pw","usePermissionForm","options","onChange","useMemo","extra","onFormChange","useCallback","result","nonSchemaPermissions"],"mappings":"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"}

package/permissions/usePermissions.d.ts

@@ -0,0 +1,4 @@
+import type { Abstraction } from "@webiny/di";
+import type { PermissionSchemaConfig } from "./types.js";
+import type { UsePermissionsResult } from "./types.js";
+export declare function createUsePermissions<const S extends PermissionSchemaConfig>(abstraction: Abstraction<UsePermissionsResult<S>>): () => UsePermissionsResult<S>;

package/permissions/usePermissions.js

@@ -0,0 +1,10 @@
+import { useContainer } from "@webiny/app";
+function createUsePermissions(abstraction) {
+    return function() {
+        const container = useContainer();
+        return container.resolve(abstraction);
+    };
+}
+export { createUsePermissions };
+
+//# sourceMappingURL=usePermissions.js.map

package/permissions/usePermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions/usePermissions.js","sources":["../../src/permissions/usePermissions.ts"],"sourcesContent":["import { useContainer } from \"@webiny/app\";\nimport type { Abstraction } from \"@webiny/di\";\nimport type { PermissionSchemaConfig } from \"./types.js\";\nimport type { UsePermissionsResult } from \"./types.js\";\n\nexport function createUsePermissions<const S extends PermissionSchemaConfig>(\n    abstraction: Abstraction<UsePermissionsResult<S>>\n): () => UsePermissionsResult<S> {\n    return function usePermissions(): UsePermissionsResult<S> {\n        const container = useContainer();\n        return container.resolve(abstraction);\n    };\n}\n"],"names":["createUsePermissions","abstraction","container","useContainer"],"mappings":";AAKO,SAASA,qBACZC,WAAiD;IAEjD,OAAO;QACH,MAAMC,YAAYC;QAClB,OAAOD,UAAU,OAAO,CAACD;IAC7B;AACJ"}

package/plugins/MenuPlugin.js

@@ -1,19 +1,20 @@
 import { Plugin } from "@webiny/plugins";
-export class MenuPlugin extends Plugin {
-  static type = "admin-menu";
-  constructor(config) {
-    super();
-    this._config = config || {};
-  }
-  get order() {
-    return this._config.order;
-  }
-  render(props) {
-    if (!this._config.render) {
-      return null;
+class MenuPlugin extends Plugin {
+    static{
+        this.type = "admin-menu";
+    }
+    constructor(config){
+        super();
+        this._config = config || {};
+    }
+    get order() {
+        return this._config.order;
+    }
+    render(props) {
+        if (!this._config.render) return null;
+        return this._config.render(props);
     }
-    return this._config.render(props);
-  }
 }
+export { MenuPlugin };
 
 //# sourceMappingURL=MenuPlugin.js.map

package/plugins/MenuPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["Plugin","MenuPlugin","type","constructor","config","_config","order","render","props"],"sources":["MenuPlugin.ts"],"sourcesContent":["import type * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,iBAAiB;AAkCxC,OAAO,MAAMC,UAAU,SAASD,MAAM,CAAC;EACnC,OAAgCE,IAAI,GAAW,YAAY;EAGpDC,WAAWA,CAACC,MAAe,EAAE;IAChC,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;EAC/B;EAEA,IAAIE,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,OAAO,CAACC,KAAK;EAC7B;EAEOC,MAAMA,CAACC,KAAY,EAAmB;IACzC,IAAI,CAAC,IAAI,CAACH,OAAO,CAACE,MAAM,EAAE;MACtB,OAAO,IAAI;IACf;IACA,OAAO,IAAI,CAACF,OAAO,CAACE,MAAM,CAACC,KAAK,CAAC;EACrC;AACJ","ignoreList":[]}
+{"version":3,"file":"plugins/MenuPlugin.js","sources":["../../src/plugins/MenuPlugin.ts"],"sourcesContent":["import type * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"names":["MenuPlugin","Plugin","config","props"],"mappings":";AAmCO,MAAMA,mBAAmBC;;aACI,IAAI,GAAW;;IAG/C,YAAmBC,MAAe,CAAE;QAChC,KAAK;QACL,IAAI,CAAC,OAAO,GAAGA,UAAU,CAAC;IAC9B;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;IAC7B;IAEO,OAAOC,KAAY,EAAmB;QACzC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EACpB,OAAO;QAEX,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAACA;IAC/B;AACJ"}

package/presentation/browserFilePicker/BrowserFilePicker.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { BrowserFilePickerProps } from "./types.js";
+export declare function BrowserFilePicker({ accept, multiple, maxSize, multipleMaxSize, multipleMaxCount, convertToBase64, onSuccess, onError, children, id: externalId }: BrowserFilePickerProps): React.JSX.Element;

package/presentation/browserFilePicker/BrowserFilePicker.js

@@ -0,0 +1,88 @@
+import react, { useCallback, useId, useMemo, useRef } from "react";
+import { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";
+function BrowserFilePicker({ accept = [], multiple = false, maxSize = "2mb", multipleMaxSize = "10mb", multipleMaxCount = null, convertToBase64 = false, onSuccess, onError, children, id: externalId }) {
+    const generatedId = useId();
+    const inputId = externalId ?? generatedId;
+    const inputRef = useRef(null);
+    const browseCallbacksRef = useRef(null);
+    const presenter = useMemo(()=>new BrowserFilePickerPresenter({
+            accept,
+            multiple,
+            maxSize,
+            multipleMaxSize,
+            multipleMaxCount,
+            convertToBase64
+        }), [
+        accept,
+        multiple,
+        maxSize,
+        multipleMaxSize,
+        multipleMaxCount,
+        convertToBase64
+    ]);
+    const resolveCallbacks = useCallback(()=>{
+        const overrides = browseCallbacksRef.current;
+        return {
+            onSuccess: overrides?.onSuccess ?? onSuccess,
+            onError: overrides?.onError ?? onError
+        };
+    }, [
+        onSuccess,
+        onError
+    ]);
+    const handleFiles = useCallback(async (files)=>{
+        await presenter.processFiles(files, resolveCallbacks());
+        if (inputRef.current) inputRef.current.value = "";
+        browseCallbacksRef.current = null;
+    }, [
+        presenter,
+        resolveCallbacks
+    ]);
+    const renderProps = useMemo(()=>({
+            browseFiles: (params)=>{
+                browseCallbacksRef.current = params ?? null;
+                inputRef.current?.click();
+            },
+            getDropZoneProps: (additionalProps = {})=>{
+                const { onDragOver, onDrop, ...rest } = additionalProps;
+                return {
+                    ...rest,
+                    onDragOver: (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDragOver && onDragOver(e);
+                    },
+                    onDrop: async (e)=>{
+                        e.preventDefault();
+                        "function" == typeof onDrop && onDrop(e);
+                        if (e.dataTransfer?.files) await handleFiles(Array.from(e.dataTransfer.files));
+                    }
+                };
+            },
+            getLabelProps: (additionalProps = {})=>({
+                    ...additionalProps,
+                    htmlFor: inputId
+                }),
+            validateFiles: (files)=>presenter.validateFiles(files)
+        }), [
+        inputId,
+        presenter,
+        handleFiles
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children(renderProps), /*#__PURE__*/ react.createElement("input", {
+        id: inputId,
+        ref: inputRef,
+        accept: accept.join(","),
+        style: {
+            display: "none"
+        },
+        type: "file",
+        multiple: multiple,
+        onChange: (e)=>{
+            const files = e.target.files;
+            if (files) handleFiles(Array.from(files));
+        }
+    }));
+}
+export { BrowserFilePicker };
+
+//# sourceMappingURL=BrowserFilePicker.js.map

package/presentation/browserFilePicker/BrowserFilePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/browserFilePicker/BrowserFilePicker.js","sources":["../../../src/presentation/browserFilePicker/BrowserFilePicker.tsx"],"sourcesContent":["import React, { useCallback, useId, useMemo, useRef } from \"react\";\nimport { BrowserFilePickerPresenter } from \"./BrowserFilePickerPresenter.js\";\nimport type {\n    BrowserFilePickerProps,\n    BrowserFilePickerRenderProps,\n    BrowseFilesParams\n} from \"./types.js\";\n\nexport function BrowserFilePicker({\n    accept = [],\n    multiple = false,\n    maxSize = \"2mb\",\n    multipleMaxSize = \"10mb\",\n    multipleMaxCount = null,\n    convertToBase64 = false,\n    onSuccess,\n    onError,\n    children,\n    id: externalId\n}: BrowserFilePickerProps) {\n    const generatedId = useId();\n    const inputId = externalId ?? generatedId;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const browseCallbacksRef = useRef<BrowseFilesParams | null>(null);\n\n    const presenter = useMemo(() => {\n        return new BrowserFilePickerPresenter({\n            accept,\n            multiple,\n            maxSize,\n            multipleMaxSize,\n            multipleMaxCount,\n            convertToBase64\n        });\n    }, [accept, multiple, maxSize, multipleMaxSize, multipleMaxCount, convertToBase64]);\n\n    const resolveCallbacks = useCallback((): BrowseFilesParams => {\n        const overrides = browseCallbacksRef.current;\n        return {\n            onSuccess: overrides?.onSuccess ?? onSuccess,\n            onError: overrides?.onError ?? onError\n        };\n    }, [onSuccess, onError]);\n\n    const handleFiles = useCallback(\n        async (files: File[]) => {\n            await presenter.processFiles(files, resolveCallbacks());\n\n            if (inputRef.current) {\n                inputRef.current.value = \"\";\n            }\n            browseCallbacksRef.current = null;\n        },\n        [presenter, resolveCallbacks]\n    );\n\n    const renderProps: BrowserFilePickerRenderProps = useMemo(\n        () => ({\n            browseFiles: (params?: BrowseFilesParams) => {\n                browseCallbacksRef.current = params ?? null;\n                inputRef.current?.click();\n            },\n\n            getDropZoneProps: (additionalProps: Record<string, any> = {}) => {\n                const { onDragOver, onDrop, ...rest } = additionalProps;\n                return {\n                    ...rest,\n                    onDragOver: (e: DragEvent) => {\n                        e.preventDefault();\n                        typeof onDragOver === \"function\" && onDragOver(e);\n                    },\n                    onDrop: async (e: DragEvent) => {\n                        e.preventDefault();\n                        typeof onDrop === \"function\" && onDrop(e);\n                        if (e.dataTransfer?.files) {\n                            await handleFiles(Array.from(e.dataTransfer.files));\n                        }\n                    }\n                };\n            },\n\n            getLabelProps: (additionalProps: Record<string, any> = {}) => ({\n                ...additionalProps,\n                htmlFor: inputId\n            }),\n\n            validateFiles: (files: Array<{ type: string; size: number }>) =>\n                presenter.validateFiles(files)\n        }),\n        [inputId, presenter, handleFiles]\n    );\n\n    return (\n        <>\n            {children(renderProps)}\n            <input\n                id={inputId}\n                ref={inputRef}\n                accept={accept.join(\",\")}\n                style={{ display: \"none\" }}\n                type=\"file\"\n                multiple={multiple}\n                onChange={e => {\n                    const files = e.target.files;\n                    if (files) {\n                        void handleFiles(Array.from(files));\n                    }\n                }}\n            />\n        </>\n    );\n}\n"],"names":["BrowserFilePicker","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","onSuccess","onError","children","externalId","generatedId","useId","inputId","inputRef","useRef","browseCallbacksRef","presenter","useMemo","BrowserFilePickerPresenter","resolveCallbacks","useCallback","overrides","handleFiles","files","renderProps","params","additionalProps","onDragOver","onDrop","rest","e","Array"],"mappings":";;AAQO,SAASA,kBAAkB,EAC9BC,SAAS,EAAE,EACXC,WAAW,KAAK,EAChBC,UAAU,KAAK,EACfC,kBAAkB,MAAM,EACxBC,mBAAmB,IAAI,EACvBC,kBAAkB,KAAK,EACvBC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACR,IAAIC,UAAU,EACO;IACrB,MAAMC,cAAcC;IACpB,MAAMC,UAAUH,cAAcC;IAC9B,MAAMG,WAAWC,OAAyB;IAC1C,MAAMC,qBAAqBD,OAAiC;IAE5D,MAAME,YAAYC,QAAQ,IACf,IAAIC,2BAA2B;YAClClB;YACAC;YACAC;YACAC;YACAC;YACAC;QACJ,IACD;QAACL;QAAQC;QAAUC;QAASC;QAAiBC;QAAkBC;KAAgB;IAElF,MAAMc,mBAAmBC,YAAY;QACjC,MAAMC,YAAYN,mBAAmB,OAAO;QAC5C,OAAO;YACH,WAAWM,WAAW,aAAaf;YACnC,SAASe,WAAW,WAAWd;QACnC;IACJ,GAAG;QAACD;QAAWC;KAAQ;IAEvB,MAAMe,cAAcF,YAChB,OAAOG;QACH,MAAMP,UAAU,YAAY,CAACO,OAAOJ;QAEpC,IAAIN,SAAS,OAAO,EAChBA,SAAS,OAAO,CAAC,KAAK,GAAG;QAE7BE,mBAAmB,OAAO,GAAG;IACjC,GACA;QAACC;QAAWG;KAAiB;IAGjC,MAAMK,cAA4CP,QAC9C,IAAO;YACH,aAAa,CAACQ;gBACVV,mBAAmB,OAAO,GAAGU,UAAU;gBACvCZ,SAAS,OAAO,EAAE;YACtB;YAEA,kBAAkB,CAACa,kBAAuC,CAAC,CAAC;gBACxD,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGC,MAAM,GAAGH;gBACxC,OAAO;oBACH,GAAGG,IAAI;oBACP,YAAY,CAACC;wBACTA,EAAE,cAAc;wBACM,cAAtB,OAAOH,cAA6BA,WAAWG;oBACnD;oBACA,QAAQ,OAAOA;wBACXA,EAAE,cAAc;wBACE,cAAlB,OAAOF,UAAyBA,OAAOE;wBACvC,IAAIA,EAAE,YAAY,EAAE,OAChB,MAAMR,YAAYS,MAAM,IAAI,CAACD,EAAE,YAAY,CAAC,KAAK;oBAEzD;gBACJ;YACJ;YAEA,eAAe,CAACJ,kBAAuC,CAAC,CAAC,GAAM;oBAC3D,GAAGA,eAAe;oBAClB,SAASd;gBACb;YAEA,eAAe,CAACW,QACZP,UAAU,aAAa,CAACO;QAChC,IACA;QAACX;QAASI;QAAWM;KAAY;IAGrC,OAAO,WAAP,GACI,0CACKd,SAASgB,cAAAA,WAAAA,GACV,oBAAC;QACG,IAAIZ;QACJ,KAAKC;QACL,QAAQb,OAAO,IAAI,CAAC;QACpB,OAAO;YAAE,SAAS;QAAO;QACzB,MAAK;QACL,UAAUC;QACV,UAAU6B,CAAAA;YACN,MAAMP,QAAQO,EAAE,MAAM,CAAC,KAAK;YAC5B,IAAIP,OACKD,YAAYS,MAAM,IAAI,CAACR;QAEpC;;AAIhB"}

package/presentation/browserFilePicker/BrowserFilePickerPresenter.d.ts

@@ -0,0 +1,10 @@
+import type { BrowserFilePickerConfig, FileError, BrowseFilesParams } from "./types.js";
+export declare class BrowserFilePickerPresenter {
+    private readonly config;
+    constructor(config: BrowserFilePickerConfig);
+    validateFiles(files: Array<{
+        type: string;
+        size: number;
+    }>): FileError[];
+    processFiles(rawFiles: File[], callbacks: BrowseFilesParams): Promise<void>;
+}

package/presentation/browserFilePicker/BrowserFilePickerPresenter.js

@@ -0,0 +1,84 @@
+import bytes from "bytes";
+import { minimatch } from "minimatch";
+import { generateId, readFileContent } from "./utils.js";
+async function resolveTypeFromName(fileName) {
+    const mime = await import("mime");
+    return mime.default.getType(fileName) || "";
+}
+class BrowserFilePickerPresenter {
+    constructor(config){
+        this.config = config;
+    }
+    validateFiles(files) {
+        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.config;
+        const errors = [];
+        let multipleFileSize = 0;
+        if (!multiple && files.length > 1) {
+            errors.push({
+                id: generateId(),
+                type: "multipleNotAllowed"
+            });
+            return errors;
+        }
+        for(let index = 0; index < files.length; index++){
+            const file = files[index];
+            if (Array.isArray(accept) && accept.length && !accept.some((type)=>minimatch(file.type, type))) errors.push({
+                id: generateId(),
+                index,
+                file: file,
+                type: "unsupportedFileType"
+            });
+            else if (maxSize) {
+                const sizeAsBytes = bytes(maxSize);
+                if (sizeAsBytes && file.size > sizeAsBytes) errors.push({
+                    id: generateId(),
+                    index,
+                    file: file,
+                    type: "maxSizeExceeded"
+                });
+            }
+            if (multiple) multipleFileSize += file.size;
+        }
+        if (multiple) {
+            const maxMultipleMaxSize = bytes(multipleMaxSize);
+            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) errors.push({
+                id: generateId(),
+                type: "multipleMaxSizeExceeded",
+                multipleFileSize,
+                multipleMaxSize: maxMultipleMaxSize
+            });
+            if (multipleMaxCount && files.length > multipleMaxCount) errors.push({
+                id: generateId(),
+                type: "multipleMaxCountExceeded",
+                multipleCount: files.length,
+                multipleMaxCount
+            });
+        }
+        return errors;
+    }
+    async processFiles(rawFiles, callbacks) {
+        if (0 === rawFiles.length) return;
+        const files = await Promise.all([
+            ...rawFiles
+        ].map(async (file)=>{
+            const mimeType = "" !== file.type ? file.type : await resolveTypeFromName(file.name);
+            return {
+                id: generateId(),
+                name: file.name,
+                type: mimeType,
+                size: file.size,
+                src: {
+                    file,
+                    base64: null
+                }
+            };
+        }));
+        const errors = this.validateFiles(files);
+        if (errors.length && callbacks.onError) return void callbacks.onError(errors, files);
+        if (this.config.convertToBase64) for(let i = 0; i < files.length; i++)files[i].src.base64 = await readFileContent(files[i].src.file);
+        if (callbacks.onSuccess) callbacks.onSuccess(files);
+    }
+}
+export { BrowserFilePickerPresenter };
+
+//# sourceMappingURL=BrowserFilePickerPresenter.js.map

package/presentation/browserFilePicker/BrowserFilePickerPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/browserFilePicker/BrowserFilePickerPresenter.js","sources":["../../../src/presentation/browserFilePicker/BrowserFilePickerPresenter.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { minimatch } from \"minimatch\";\nimport { generateId, readFileContent } from \"./utils.js\";\nimport type {\n    BrowserFilePickerConfig,\n    SelectedFile,\n    FileError,\n    BrowseFilesParams\n} from \"./types.js\";\n\nasync function resolveTypeFromName(fileName: string): Promise<string> {\n    const mime = await import(\"mime\");\n    return mime.default.getType(fileName) || \"\";\n}\n\nexport class BrowserFilePickerPresenter {\n    private readonly config: BrowserFilePickerConfig;\n\n    constructor(config: BrowserFilePickerConfig) {\n        this.config = config;\n    }\n\n    validateFiles(files: Array<{ type: string; size: number }>): FileError[] {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.config;\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({ id: generateId(), type: \"multipleNotAllowed\" });\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: file as SelectedFile | 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: file as SelectedFile | 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    async processFiles(rawFiles: File[], callbacks: BrowseFilesParams): Promise<void> {\n        if (rawFiles.length === 0) {\n            return;\n        }\n\n        const files: SelectedFile[] = await Promise.all(\n            [...rawFiles].map(async file => {\n                const mimeType =\n                    file.type !== \"\" ? file.type : await resolveTypeFromName(file.name);\n\n                return {\n                    id: generateId(),\n                    name: file.name,\n                    type: mimeType,\n                    size: file.size,\n                    src: { file, base64: null }\n                };\n            })\n        );\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length && callbacks.onError) {\n            callbacks.onError(errors, files);\n            return;\n        }\n\n        if (this.config.convertToBase64) {\n            for (let i = 0; i < files.length; i++) {\n                files[i].src.base64 = await readFileContent(files[i].src.file);\n            }\n        }\n\n        if (callbacks.onSuccess) {\n            callbacks.onSuccess(files);\n        }\n    }\n}\n"],"names":["resolveTypeFromName","fileName","mime","BrowserFilePickerPresenter","config","files","multiple","multipleMaxSize","multipleMaxCount","accept","maxSize","errors","multipleFileSize","generateId","index","file","Array","type","minimatch","sizeAsBytes","bytes","maxMultipleMaxSize","rawFiles","callbacks","Promise","mimeType","i","readFileContent"],"mappings":";;;AAUA,eAAeA,oBAAoBC,QAAgB;IAC/C,MAAMC,OAAO,MAAM,MAAM,CAAC;IAC1B,OAAOA,KAAK,OAAO,CAAC,OAAO,CAACD,aAAa;AAC7C;AAEO,MAAME;IAGT,YAAYC,MAA+B,CAAE;QACzC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,cAAcC,KAA4C,EAAe;QACrE,MAAM,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM;QACpF,MAAMC,SAAsB,EAAE;QAC9B,IAAIC,mBAAmB;QAEvB,IAAI,CAACN,YAAYD,MAAM,MAAM,GAAG,GAAG;YAC/BM,OAAO,IAAI,CAAC;gBAAE,IAAIE;gBAAc,MAAM;YAAqB;YAC3D,OAAOF;QACX;QAEA,IAAK,IAAIG,QAAQ,GAAGA,QAAQT,MAAM,MAAM,EAAES,QAAS;YAC/C,MAAMC,OAAOV,KAAK,CAACS,MAAM;YAEzB,IACIE,MAAM,OAAO,CAACP,WACdA,OAAO,MAAM,IACb,CAACA,OAAO,IAAI,CAACQ,CAAAA,OAAQC,UAAUH,KAAK,IAAI,EAAEE,QAE1CN,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJC;gBACA,MAAMC;gBACN,MAAM;YACV;iBACG,IAAIL,SAAS;gBAChB,MAAMS,cAAcC,MAAMV;gBAC1B,IAAIS,eAAeJ,KAAK,IAAI,GAAGI,aAC3BR,OAAO,IAAI,CAAC;oBACR,IAAIE;oBACJC;oBACA,MAAMC;oBACN,MAAM;gBACV;YAER;YAEA,IAAIT,UACAM,oBAAoBG,KAAK,IAAI;QAErC;QAEA,IAAIT,UAAU;YACV,MAAMe,qBAAqBD,MAAMb;YAEjC,IAAIc,sBAAsBd,mBAAmBK,mBAAmBS,oBAC5DV,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJ,MAAM;gBACND;gBACA,iBAAiBS;YACrB;YAGJ,IAAIb,oBAAoBH,MAAM,MAAM,GAAGG,kBACnCG,OAAO,IAAI,CAAC;gBACR,IAAIE;gBACJ,MAAM;gBACN,eAAeR,MAAM,MAAM;gBAC3BG;YACJ;QAER;QAEA,OAAOG;IACX;IAEA,MAAM,aAAaW,QAAgB,EAAEC,SAA4B,EAAiB;QAC9E,IAAID,AAAoB,MAApBA,SAAS,MAAM,EACf;QAGJ,MAAMjB,QAAwB,MAAMmB,QAAQ,GAAG,CAC3C;eAAIF;SAAS,CAAC,GAAG,CAAC,OAAMP;YACpB,MAAMU,WACFV,AAAc,OAAdA,KAAK,IAAI,GAAUA,KAAK,IAAI,GAAG,MAAMf,oBAAoBe,KAAK,IAAI;YAEtE,OAAO;gBACH,IAAIF;gBACJ,MAAME,KAAK,IAAI;gBACf,MAAMU;gBACN,MAAMV,KAAK,IAAI;gBACf,KAAK;oBAAEA;oBAAM,QAAQ;gBAAK;YAC9B;QACJ;QAGJ,MAAMJ,SAAS,IAAI,CAAC,aAAa,CAACN;QAElC,IAAIM,OAAO,MAAM,IAAIY,UAAU,OAAO,EAAE,YACpCA,UAAU,OAAO,CAACZ,QAAQN;QAI9B,IAAI,IAAI,CAAC,MAAM,CAAC,eAAe,EAC3B,IAAK,IAAIqB,IAAI,GAAGA,IAAIrB,MAAM,MAAM,EAAEqB,IAC9BrB,KAAK,CAACqB,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,MAAMC,gBAAgBtB,KAAK,CAACqB,EAAE,CAAC,GAAG,CAAC,IAAI;QAIrE,IAAIH,UAAU,SAAS,EACnBA,UAAU,SAAS,CAAClB;IAE5B;AACJ"}

package/presentation/browserFilePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { BrowserFilePicker } from "./BrowserFilePicker.js";
+export { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";
+export type { SelectedFile, FileError, BrowseFilesParams, BrowserFilePickerRenderProps, BrowserFilePickerConfig, BrowserFilePickerProps } from "./types.js";

package/presentation/browserFilePicker/index.js

@@ -0,0 +1,2 @@
+export { BrowserFilePicker } from "./BrowserFilePicker.js";
+export { BrowserFilePickerPresenter } from "./BrowserFilePickerPresenter.js";

package/presentation/browserFilePicker/types.d.ts

@@ -0,0 +1,53 @@
+export interface SelectedFile {
+    id: string;
+    name: string;
+    type: string;
+    size: number;
+    src: {
+        file: File;
+        base64: string | null;
+    };
+}
+export interface FileError {
+    id: string;
+    type: "unsupportedFileType" | "maxSizeExceeded" | "multipleMaxSizeExceeded" | "multipleMaxCountExceeded" | "multipleNotAllowed";
+    index?: number;
+    file?: SelectedFile | File;
+    multipleFileSize?: number;
+    multipleMaxSize?: number;
+    multipleMaxCount?: number;
+    multipleCount?: number;
+}
+export interface BrowseFilesParams {
+    onSuccess?: (files: SelectedFile[]) => void;
+    onError?: (errors: FileError[], files: SelectedFile[]) => void;
+}
+export interface BrowserFilePickerRenderProps {
+    browseFiles: (params?: BrowseFilesParams) => void;
+    getDropZoneProps: (additionalProps?: Record<string, any>) => Record<string, any>;
+    getLabelProps: (additionalProps?: Record<string, any>) => Record<string, any>;
+    validateFiles: (files: Array<{
+        type: string;
+        size: number;
+    }>) => FileError[];
+}
+export interface BrowserFilePickerConfig {
+    accept: string[];
+    multiple: boolean;
+    maxSize: string;
+    multipleMaxSize: string;
+    multipleMaxCount: number | null;
+    convertToBase64: boolean;
+}
+export interface BrowserFilePickerProps {
+    children: (params: BrowserFilePickerRenderProps) => React.ReactNode;
+    id?: string;
+    accept?: string[];
+    multiple?: boolean;
+    maxSize?: string;
+    multipleMaxSize?: string;
+    multipleMaxCount?: number | null;
+    convertToBase64?: boolean;
+    onSuccess?: (files: SelectedFile[]) => void;
+    onError?: (errors: FileError[], files: SelectedFile[]) => void;
+}

package/presentation/browserFilePicker/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function generateId(): string;
+export declare function readFileContent(file: File): Promise<string>;

package/presentation/browserFilePicker/utils.js

@@ -0,0 +1,16 @@
+function generateId() {
+    return "_" + Math.random().toString(36).substr(2, 9);
+}
+function readFileContent(file) {
+    return new Promise((resolve, reject)=>{
+        const reader = new FileReader();
+        reader.onload = function(e) {
+            if (e.target) resolve(e.target.result);
+            else reject("Unable to read file contents!");
+        };
+        reader.readAsDataURL(file);
+    });
+}
+export { generateId, readFileContent };
+
+//# sourceMappingURL=utils.js.map

package/presentation/browserFilePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/browserFilePicker/utils.js","sources":["../../../src/presentation/browserFilePicker/utils.ts"],"sourcesContent":["export function generateId(): string {\n    return \"_\" + Math.random().toString(36).substr(2, 9);\n}\n\nexport function readFileContent(file: File): Promise<string> {\n    return new Promise<string>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = function (e) {\n            if (e.target) {\n                resolve(e.target.result as string);\n            } else {\n                reject(\"Unable to read file contents!\");\n            }\n        };\n        reader.readAsDataURL(file);\n    });\n}\n"],"names":["generateId","Math","readFileContent","file","Promise","resolve","reject","reader","FileReader","e"],"mappings":"AAAO,SAASA;IACZ,OAAO,MAAMC,KAAK,MAAM,GAAG,QAAQ,CAAC,IAAI,MAAM,CAAC,GAAG;AACtD;AAEO,SAASC,gBAAgBC,IAAU;IACtC,OAAO,IAAIC,QAAgB,CAACC,SAASC;QACjC,MAAMC,SAAS,IAAIC;QACnBD,OAAO,MAAM,GAAG,SAAUE,CAAC;YACvB,IAAIA,EAAE,MAAM,EACRJ,QAAQI,EAAE,MAAM,CAAC,MAAM;iBAEvBH,OAAO;QAEf;QACAC,OAAO,aAAa,CAACJ;IACzB;AACJ"}

package/presentation/buildParams/useBuildParams.d.ts

@@ -0,0 +1 @@
+export declare const useBuildParams: () => import("../../features/buildParams/abstractions").IBuildParams;

package/presentation/buildParams/useBuildParams.js

@@ -0,0 +1,6 @@
+import { useFeature } from "@webiny/app";
+import { BuildParamsFeature } from "../../features/buildParams/feature.js";
+const useBuildParams = ()=>useFeature(BuildParamsFeature);
+export { useBuildParams };
+
+//# sourceMappingURL=useBuildParams.js.map

package/presentation/buildParams/useBuildParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/buildParams/useBuildParams.js","sources":["../../../src/presentation/buildParams/useBuildParams.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { BuildParamsFeature } from \"~/features/buildParams/feature.js\";\n\nexport const useBuildParams = () => {\n    return useFeature(BuildParamsFeature);\n};\n"],"names":["useBuildParams","useFeature","BuildParamsFeature"],"mappings":";;AAGO,MAAMA,iBAAiB,IACnBC,WAAWC"}