@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/presentation/listPresenter/abstractions.d.ts

@@ -0,0 +1,116 @@
+export interface IDataSourceQuery {
+    search?: string;
+    filters?: Record<string, unknown>;
+    sort?: {
+        field: string;
+        direction: "ASC" | "DESC";
+    };
+    cursor?: string;
+    limit?: number;
+}
+export interface IDataSourceMeta {
+    cursor: string | null;
+    hasMoreItems: boolean;
+    totalCount: number;
+}
+export interface IDataSourceResult<TRow> {
+    rows: TRow[];
+    meta: IDataSourceMeta;
+}
+export interface IDataSource<TRow> {
+    readonly rows: TRow[];
+    readonly meta: IDataSourceMeta;
+    readonly loading: boolean;
+    query(params: IDataSourceQuery): Promise<void>;
+    loadMore(params: IDataSourceQuery): Promise<void>;
+}
+export interface IListPresenterConfig<TRow> {
+    dataSource: IDataSource<TRow>;
+    initialSort?: {
+        field: string;
+        direction: "ASC" | "DESC";
+    };
+    initialFilters?: Record<string, unknown>;
+    initialSearch?: string;
+    debounceMs?: number;
+    limit?: number;
+    itemLabel?: {
+        singular: string;
+        plural: string;
+    };
+}
+export interface IListError {
+    code: string;
+    message: string;
+    retryable: boolean;
+}
+export interface IListViewModel<TRow> {
+    rows: TRow[];
+    sort: {
+        field: string;
+        direction: "ASC" | "DESC";
+    } | null;
+    filters: Record<string, unknown>;
+    search: string;
+    appliedQuery: IDataSourceQuery | null;
+    pagination: {
+        hasMore: boolean;
+        loading: boolean;
+        loadingMore: boolean;
+        totalCount: number;
+        currentCount: number;
+    };
+    selection: {
+        selectedIds: Set<string>;
+        selectedCount: number;
+        allSelected: boolean;
+        label: string;
+    };
+    showingFilters: boolean;
+    empty: boolean;
+    emptyWithFilters: boolean;
+    error: IListError | null;
+}
+export interface IListActions {
+    search: {
+        set(query: string): void;
+        clear(): void;
+    };
+    sort: {
+        set(field: string, direction: "ASC" | "DESC"): void;
+        toggle(field: string): void;
+    };
+    filter: {
+        set(key: string, value: unknown): void;
+        clear(key: string): void;
+        clearAll(): void;
+        show(): void;
+        hide(): void;
+    };
+    selection: {
+        toggle(id: string): void;
+        selectRangeTo(id: string): void;
+        selectAll(): void;
+        deselectAll(): void;
+        selectRows(ids: string[]): void;
+        isSelected(id: string): boolean;
+    };
+    loadMore(): Promise<void>;
+    refresh(): Promise<void>;
+}
+export interface IListPresenter<TRow> {
+    vm: IListViewModel<TRow>;
+    actions: IListActions;
+    init(config: IListPresenterConfig<TRow>): void;
+}
+export declare const ListPresenter: import("@webiny/di").Abstraction<IListPresenter<any>>;
+export declare namespace ListPresenter {
+    type Interface<TRow = any> = IListPresenter<TRow>;
+    type ViewModel<TRow = any> = IListViewModel<TRow>;
+    type Actions = IListActions;
+    type Config<TRow = any> = IListPresenterConfig<TRow>;
+    type Error = IListError;
+    type DataSource<TRow = any> = IDataSource<TRow>;
+    type DataSourceQuery = IDataSourceQuery;
+    type DataSourceResult<TRow = any> = IDataSourceResult<TRow>;
+}

package/presentation/listPresenter/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const ListPresenter = createAbstraction("ListPresenter");
+export { ListPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/listPresenter/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listPresenter/abstractions.js","sources":["../../../src/presentation/listPresenter/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\n// ---------------------------------------------------------------------------\n// DataSource interfaces\n// ---------------------------------------------------------------------------\n\nexport interface IDataSourceQuery {\n    search?: string;\n    filters?: Record<string, unknown>;\n    sort?: { field: string; direction: \"ASC\" | \"DESC\" };\n    cursor?: string;\n    limit?: number;\n}\n\nexport interface IDataSourceMeta {\n    cursor: string | null;\n    hasMoreItems: boolean;\n    totalCount: number;\n}\n\nexport interface IDataSourceResult<TRow> {\n    rows: TRow[];\n    meta: IDataSourceMeta;\n}\n\nexport interface IDataSource<TRow> {\n    readonly rows: TRow[];\n    readonly meta: IDataSourceMeta;\n    readonly loading: boolean;\n    query(params: IDataSourceQuery): Promise<void>;\n    loadMore(params: IDataSourceQuery): Promise<void>;\n}\n\n// ---------------------------------------------------------------------------\n// ListPresenter config\n// ---------------------------------------------------------------------------\n\nexport interface IListPresenterConfig<TRow> {\n    dataSource: IDataSource<TRow>;\n    initialSort?: { field: string; direction: \"ASC\" | \"DESC\" };\n    initialFilters?: Record<string, unknown>;\n    initialSearch?: string;\n    debounceMs?: number;\n    limit?: number;\n    itemLabel?: { singular: string; plural: string };\n}\n\n// ---------------------------------------------------------------------------\n// ListError\n// ---------------------------------------------------------------------------\n\nexport interface IListError {\n    code: string;\n    message: string;\n    retryable: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// ListViewModel\n// ---------------------------------------------------------------------------\n\nexport interface IListViewModel<TRow> {\n    rows: TRow[];\n    sort: { field: string; direction: \"ASC\" | \"DESC\" } | null;\n    filters: Record<string, unknown>;\n    search: string;\n    appliedQuery: IDataSourceQuery | null;\n    pagination: {\n        hasMore: boolean;\n        loading: boolean;\n        loadingMore: boolean;\n        totalCount: number;\n        currentCount: number;\n    };\n    selection: {\n        selectedIds: Set<string>;\n        selectedCount: number;\n        allSelected: boolean;\n        label: string;\n    };\n    showingFilters: boolean;\n    empty: boolean;\n    emptyWithFilters: boolean;\n    error: IListError | null;\n}\n\n// ---------------------------------------------------------------------------\n// ListActions\n// ---------------------------------------------------------------------------\n\nexport interface IListActions {\n    search: {\n        set(query: string): void;\n        clear(): void;\n    };\n    sort: {\n        set(field: string, direction: \"ASC\" | \"DESC\"): void;\n        toggle(field: string): void;\n    };\n    filter: {\n        set(key: string, value: unknown): void;\n        clear(key: string): void;\n        clearAll(): void;\n        show(): void;\n        hide(): void;\n    };\n    selection: {\n        toggle(id: string): void;\n        selectRangeTo(id: string): void;\n        selectAll(): void;\n        deselectAll(): void;\n        selectRows(ids: string[]): void;\n        isSelected(id: string): boolean;\n    };\n    loadMore(): Promise<void>;\n    refresh(): Promise<void>;\n}\n\n// ---------------------------------------------------------------------------\n// ListPresenter abstraction\n// ---------------------------------------------------------------------------\n\nexport interface IListPresenter<TRow> {\n    vm: IListViewModel<TRow>;\n    actions: IListActions;\n    init(config: IListPresenterConfig<TRow>): void;\n}\n\nexport const ListPresenter = createAbstraction<IListPresenter<any>>(\"ListPresenter\");\n\nexport namespace ListPresenter {\n    export type Interface<TRow = any> = IListPresenter<TRow>;\n    export type ViewModel<TRow = any> = IListViewModel<TRow>;\n    export type Actions = IListActions;\n    export type Config<TRow = any> = IListPresenterConfig<TRow>;\n    export type Error = IListError;\n    export type DataSource<TRow = any> = IDataSource<TRow>;\n    export type DataSourceQuery = IDataSourceQuery;\n    export type DataSourceResult<TRow = any> = IDataSourceResult<TRow>;\n}\n"],"names":["ListPresenter","createAbstraction"],"mappings":";AAgIO,MAAMA,gBAAgBC,kBAAuC"}

package/presentation/listPresenter/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const ListPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IListPresenter<any>;
+}, []>;

package/presentation/listPresenter/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { ListPresenter } from "./abstractions.js";
+import { ListPresenter as external_ListPresenter_js_ListPresenter } from "./ListPresenter.js";
+const ListPresenterFeature = createFeature({
+    name: "ListPresenter",
+    register (container) {
+        container.register(external_ListPresenter_js_ListPresenter);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(ListPresenter)
+        };
+    }
+});
+export { ListPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/listPresenter/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listPresenter/feature.js","sources":["../../../src/presentation/listPresenter/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { ListPresenter as Abstraction } from \"./abstractions.js\";\nimport { ListPresenter } from \"./ListPresenter.js\";\n\nexport const ListPresenterFeature = createFeature({\n    name: \"ListPresenter\",\n    register(container) {\n        container.register(ListPresenter);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["ListPresenterFeature","createFeature","container","ListPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/listPresenter/index.d.ts

@@ -0,0 +1,8 @@
+export { ListPresenterFeature } from "./feature.js";
+export { ListPresenter } from "./abstractions.js";
+export type { IListPresenter, IListPresenterConfig, IListViewModel, IListActions, IListError, IDataSource, IDataSourceQuery, IDataSourceResult } from "./abstractions.js";
+export { QueryMatcher } from "./QueryMatcher.js";
+export type { QueryMatcherConfig } from "./QueryMatcher.js";
+export { FolderAwareDataSource } from "./FolderAwareDataSource.js";
+export type { FolderAwareDataSourceConfig, FetchParams, FetchResult } from "./FolderAwareDataSource.js";
+export { SimpleDataSource } from "./SimpleDataSource.js";

package/presentation/listPresenter/index.js

@@ -0,0 +1,5 @@
+export { ListPresenterFeature } from "./feature.js";
+export { ListPresenter } from "./abstractions.js";
+export { QueryMatcher } from "./QueryMatcher.js";
+export { FolderAwareDataSource } from "./FolderAwareDataSource.js";
+export { SimpleDataSource } from "./SimpleDataSource.js";

package/presentation/security/components/HasPermission.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface HasPermissionProps {
+    any?: string[];
+    all?: string[];
+    name?: string;
+    children: React.ReactNode;
+}
+export declare const HasPermission: ({ children, ...props }: HasPermissionProps) => React.JSX.Element | null;
+export declare const HasPermissionComponent: typeof HasPermission;
+export {};

package/presentation/security/components/HasPermission.js

@@ -0,0 +1,21 @@
+import react, { Fragment } from "react";
+import { useAuthentication } from "../hooks/useAuthentication.js";
+const HasPermission = ({ children, ...props })=>{
+    const { identity } = useAuthentication();
+    if (props.name) {
+        const permissionsCollections = identity.getPermissions(props.name);
+        const hasPermission = permissionsCollections.length > 0;
+        if (hasPermission) return /*#__PURE__*/ react.createElement(Fragment, null, children);
+        return null;
+    }
+    if (props.any && props.all) throw new Error('You can use either "any" or "all", but not both at the same time.');
+    const anyAllPermissions = props.any || props.all || [];
+    const permissionsCollections = anyAllPermissions.map((name)=>identity.getPermissions(name));
+    const hasPermission = props.any ? permissionsCollections.some((collection)=>collection.length > 0) : permissionsCollections.every((collection)=>collection.length > 0);
+    if (hasPermission) return /*#__PURE__*/ react.createElement(Fragment, null, children);
+    return null;
+};
+const HasPermissionComponent = HasPermission;
+export { HasPermission, HasPermissionComponent };
+
+//# sourceMappingURL=HasPermission.js.map

package/presentation/security/components/HasPermission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/security/components/HasPermission.js","sources":["../../../../src/presentation/security/components/HasPermission.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { useAuthentication } from \"~/presentation/security/hooks/useAuthentication.js\";\n\ninterface HasPermissionProps {\n    any?: string[];\n    all?: string[];\n    name?: string;\n    children: React.ReactNode;\n}\n\nexport const HasPermission = ({ children, ...props }: HasPermissionProps) => {\n    const { identity } = useAuthentication();\n\n    if (props.name) {\n        const permissionsCollections = identity.getPermissions(props.name);\n        const hasPermission = permissionsCollections.length > 0;\n        if (hasPermission) {\n            return <Fragment>{children}</Fragment>;\n        }\n\n        return null;\n    }\n\n    if (props.any && props.all) {\n        throw new Error(`You can use either \"any\" or \"all\", but not both at the same time.`);\n    }\n\n    const anyAllPermissions = props.any || props.all || [];\n\n    const permissionsCollections = anyAllPermissions.map(name => identity.getPermissions(name));\n\n    const hasPermission = props.any\n        ? permissionsCollections.some(collection => collection.length > 0)\n        : permissionsCollections.every(collection => collection.length > 0);\n\n    if (hasPermission) {\n        return <Fragment>{children}</Fragment>;\n    }\n\n    return null;\n};\n\nexport const HasPermissionComponent = HasPermission;\n"],"names":["HasPermission","children","props","identity","useAuthentication","permissionsCollections","hasPermission","Fragment","Error","anyAllPermissions","name","collection","HasPermissionComponent"],"mappings":";;AAUO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAA2B;IACpE,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,IAAIF,MAAM,IAAI,EAAE;QACZ,MAAMG,yBAAyBF,SAAS,cAAc,CAACD,MAAM,IAAI;QACjE,MAAMI,gBAAgBD,uBAAuB,MAAM,GAAG;QACtD,IAAIC,eACA,OAAO,WAAP,GAAO,oBAACC,UAAQA,MAAEN;QAGtB,OAAO;IACX;IAEA,IAAIC,MAAM,GAAG,IAAIA,MAAM,GAAG,EACtB,MAAM,IAAIM,MAAM;IAGpB,MAAMC,oBAAoBP,MAAM,GAAG,IAAIA,MAAM,GAAG,IAAI,EAAE;IAEtD,MAAMG,yBAAyBI,kBAAkB,GAAG,CAACC,CAAAA,OAAQP,SAAS,cAAc,CAACO;IAErF,MAAMJ,gBAAgBJ,MAAM,GAAG,GACzBG,uBAAuB,IAAI,CAACM,CAAAA,aAAcA,WAAW,MAAM,GAAG,KAC9DN,uBAAuB,KAAK,CAACM,CAAAA,aAAcA,WAAW,MAAM,GAAG;IAErE,IAAIL,eACA,OAAO,WAAP,GAAO,oBAACC,UAAQA,MAAEN;IAGtB,OAAO;AACX;AAEO,MAAMW,yBAAyBZ"}

package/presentation/security/components/SecureRoute.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+interface SecureRouteProps {
+    children: React.ReactNode;
+    permission?: string;
+}
+export declare const SecureRoute: ({ children, permission }: SecureRouteProps) => React.ReactElement | null;
+export {};

package/presentation/security/components/SecureRoute.js

@@ -0,0 +1,10 @@
+import { useIdentity } from "../hooks/useIdentity.js";
+const SecureRoute = ({ children, permission })=>{
+    const { identity } = useIdentity();
+    const hasPermission = permission ? Boolean(identity.getPermission(permission)) : true;
+    if (hasPermission) return children;
+    return null;
+};
+export { SecureRoute };
+
+//# sourceMappingURL=SecureRoute.js.map

package/presentation/security/components/SecureRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/security/components/SecureRoute.js","sources":["../../../../src/presentation/security/components/SecureRoute.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useIdentity } from \"~/presentation/security/hooks/useIdentity.js\";\n\ninterface SecureRouteProps {\n    children: React.ReactNode;\n    permission?: string;\n}\nexport const SecureRoute = ({\n    children,\n    permission\n}: SecureRouteProps): React.ReactElement | null => {\n    const { identity } = useIdentity();\n\n    const hasPermission = permission ? Boolean(identity.getPermission(permission)) : true;\n\n    if (hasPermission) {\n        return children as unknown as React.ReactElement;\n    }\n\n    return null;\n};\n"],"names":["SecureRoute","children","permission","identity","useIdentity","hasPermission","Boolean"],"mappings":";AAOO,MAAMA,cAAc,CAAC,EACxBC,QAAQ,EACRC,UAAU,EACK;IACf,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,MAAMC,gBAAgBH,aAAaI,QAAQH,SAAS,aAAa,CAACD,eAAe;IAEjF,IAAIG,eACA,OAAOJ;IAGX,OAAO;AACX"}

package/presentation/security/hooks/useAuthentication.d.ts

@@ -0,0 +1,9 @@
+import type { ILoginParams } from "../../../features/security/LogIn/abstractions.js";
+import type { Identity } from "../../../domain/Identity.js";
+export interface IUseAuthenticationReturn {
+    identity: Identity;
+    isAuthenticated: boolean;
+    login: (params: ILoginParams) => Promise<void>;
+    logout: () => Promise<void>;
+}
+export declare function useAuthentication(): IUseAuthenticationReturn;

package/presentation/security/hooks/useAuthentication.js

@@ -0,0 +1,18 @@
+import { useFeature } from "@webiny/app";
+import { LogInFeature } from "../../../features/security/LogIn/feature.js";
+import { LogOutFeature } from "../../../features/security/LogOut/index.js";
+import { useIdentity } from "./useIdentity.js";
+function useAuthentication() {
+    const { useCase: logInUseCase } = useFeature(LogInFeature);
+    const { useCase: logOutUseCase } = useFeature(LogOutFeature);
+    const { identity, isAuthenticated } = useIdentity();
+    return {
+        login: logInUseCase.execute.bind(logInUseCase),
+        logout: logOutUseCase.execute.bind(logOutUseCase),
+        identity,
+        isAuthenticated
+    };
+}
+export { useAuthentication };
+
+//# sourceMappingURL=useAuthentication.js.map

package/presentation/security/hooks/useAuthentication.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/security/hooks/useAuthentication.js","sources":["../../../../src/presentation/security/hooks/useAuthentication.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { LogInFeature } from \"~/features/security/LogIn/feature.js\";\nimport { LogOutFeature } from \"~/features/security/LogOut/index.js\";\nimport type { ILoginParams } from \"~/features/security/LogIn/abstractions.js\";\nimport { useIdentity } from \"./useIdentity.js\";\nimport type { Identity } from \"~/domain/Identity.js\";\n\nexport interface IUseAuthenticationReturn {\n    identity: Identity;\n    isAuthenticated: boolean;\n    login: (params: ILoginParams) => Promise<void>;\n    logout: () => Promise<void>;\n}\n\nexport function useAuthentication(): IUseAuthenticationReturn {\n    const { useCase: logInUseCase } = useFeature(LogInFeature);\n    const { useCase: logOutUseCase } = useFeature(LogOutFeature);\n    const { identity, isAuthenticated } = useIdentity();\n\n    return {\n        login: logInUseCase.execute.bind(logInUseCase),\n        logout: logOutUseCase.execute.bind(logOutUseCase),\n        identity,\n        isAuthenticated\n    };\n}\n"],"names":["useAuthentication","logInUseCase","useFeature","LogInFeature","logOutUseCase","LogOutFeature","identity","isAuthenticated","useIdentity"],"mappings":";;;;AAcO,SAASA;IACZ,MAAM,EAAE,SAASC,YAAY,EAAE,GAAGC,WAAWC;IAC7C,MAAM,EAAE,SAASC,aAAa,EAAE,GAAGF,WAAWG;IAC9C,MAAM,EAAEC,QAAQ,EAAEC,eAAe,EAAE,GAAGC;IAEtC,OAAO;QACH,OAAOP,aAAa,OAAO,CAAC,IAAI,CAACA;QACjC,QAAQG,cAAc,OAAO,CAAC,IAAI,CAACA;QACnCE;QACAC;IACJ;AACJ"}

package/presentation/security/hooks/useIdentity.d.ts

@@ -0,0 +1,6 @@
+import type { Identity } from "../../../domain/Identity.js";
+export interface IUseIdentityReturn {
+    identity: Identity;
+    isAuthenticated: boolean;
+}
+export declare function useIdentity(): IUseIdentityReturn;

package/presentation/security/hooks/useIdentity.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+import { autorun } from "mobx";
+import { useFeature } from "@webiny/app";
+import { IdentityContextFeature } from "../../../features/security/IdentityContext/feature.js";
+function useIdentity() {
+    const { identityContext } = useFeature(IdentityContextFeature);
+    const [identity, setIdentity] = useState(identityContext.getIdentity());
+    const [isAuthenticated, setIsAuthenticated] = useState(identity.isAuthenticated);
+    useEffect(()=>{
+        const dispose = autorun(()=>{
+            const identity = identityContext.getIdentity();
+            setIdentity(identity);
+            setIsAuthenticated(identity.isAuthenticated);
+        });
+        return ()=>dispose();
+    }, [
+        identityContext
+    ]);
+    return {
+        identity,
+        isAuthenticated
+    };
+}
+export { useIdentity };
+
+//# sourceMappingURL=useIdentity.js.map

package/presentation/security/hooks/useIdentity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/security/hooks/useIdentity.js","sources":["../../../../src/presentation/security/hooks/useIdentity.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { Identity } from \"~/domain/Identity.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { IdentityContextFeature } from \"~/features/security/IdentityContext/feature.js\";\n\nexport interface IUseIdentityReturn {\n    identity: Identity;\n    isAuthenticated: boolean;\n}\n\nexport function useIdentity(): IUseIdentityReturn {\n    const { identityContext } = useFeature(IdentityContextFeature);\n\n    const [identity, setIdentity] = useState<Identity>(identityContext.getIdentity());\n    const [isAuthenticated, setIsAuthenticated] = useState(identity.isAuthenticated);\n\n    useEffect(() => {\n        const dispose = autorun(() => {\n            const identity = identityContext.getIdentity();\n            setIdentity(identity);\n            setIsAuthenticated(identity.isAuthenticated);\n        });\n\n        return () => dispose();\n    }, [identityContext]);\n\n    return {\n        identity,\n        isAuthenticated\n    };\n}\n"],"names":["useIdentity","identityContext","useFeature","IdentityContextFeature","identity","setIdentity","useState","isAuthenticated","setIsAuthenticated","useEffect","dispose","autorun"],"mappings":";;;;AAWO,SAASA;IACZ,MAAM,EAAEC,eAAe,EAAE,GAAGC,WAAWC;IAEvC,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAmBL,gBAAgB,WAAW;IAC9E,MAAM,CAACM,iBAAiBC,mBAAmB,GAAGF,SAASF,SAAS,eAAe;IAE/EK,UAAU;QACN,MAAMC,UAAUC,QAAQ;YACpB,MAAMP,WAAWH,gBAAgB,WAAW;YAC5CI,YAAYD;YACZI,mBAAmBJ,SAAS,eAAe;QAC/C;QAEA,OAAO,IAAMM;IACjB,GAAG;QAACT;KAAgB;IAEpB,OAAO;QACHG;QACAG;IACJ;AACJ"}

package/presentation/security/hooks/useSecurity.d.ts

@@ -0,0 +1,10 @@
+import { Identity } from "../../../domain/Identity.js";
+export interface IUseSecurityReturn {
+    identity: Identity;
+    getPermission<T extends Identity.Permission>(name: string, exact?: boolean): T | null;
+    getPermissions<T extends Identity.Permission = Identity.Permission>(name: string): T[];
+}
+/**
+ * @deprecated Use `useAuthentication` hook instead!
+ */
+export declare function useSecurity(): IUseSecurityReturn;

package/presentation/security/hooks/useSecurity.js

@@ -0,0 +1,18 @@
+import { useIdentity } from "./useIdentity.js";
+function useSecurity() {
+    const { identity } = useIdentity();
+    return {
+        identity,
+        getPermission (name, exact) {
+            if (!identity) return null;
+            return identity.getPermission(name, exact);
+        },
+        getPermissions (name) {
+            if (!identity) return [];
+            return identity.getPermissions(name);
+        }
+    };
+}
+export { useSecurity };
+
+//# sourceMappingURL=useSecurity.js.map

package/presentation/security/hooks/useSecurity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/security/hooks/useSecurity.js","sources":["../../../../src/presentation/security/hooks/useSecurity.ts"],"sourcesContent":["// LEGACY HOOK!\nimport { Identity } from \"~/domain/Identity.js\";\nimport { useIdentity } from \"~/presentation/security/hooks/useIdentity.js\";\n\nexport interface IUseSecurityReturn {\n    identity: Identity;\n    getPermission<T extends Identity.Permission>(name: string, exact?: boolean): T | null;\n    getPermissions<T extends Identity.Permission = Identity.Permission>(name: string): T[];\n}\n\n/**\n * @deprecated Use `useAuthentication` hook instead!\n */\nexport function useSecurity(): IUseSecurityReturn {\n    const { identity } = useIdentity();\n\n    return {\n        identity,\n        getPermission<T extends Identity.Permission>(name: string, exact?: boolean): T | null {\n            if (!identity) {\n                return null;\n            }\n\n            return identity.getPermission<T>(name, exact);\n        },\n        getPermissions<T extends Identity.Permission = Identity.Permission>(name: string): T[] {\n            if (!identity) {\n                return [];\n            }\n\n            return identity.getPermissions(name);\n        }\n    };\n}\n"],"names":["useSecurity","identity","useIdentity","name","exact"],"mappings":";AAaO,SAASA;IACZ,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,OAAO;QACHD;QACA,eAA6CE,IAAY,EAAEC,KAAe;YACtE,IAAI,CAACH,UACD,OAAO;YAGX,OAAOA,SAAS,aAAa,CAAIE,MAAMC;QAC3C;QACA,gBAAoED,IAAY;YAC5E,IAAI,CAACF,UACD,OAAO,EAAE;YAGb,OAAOA,SAAS,cAAc,CAACE;QACnC;IACJ;AACJ"}

package/presentation/sortable/SortablePresenter.d.ts

@@ -0,0 +1,23 @@
+import { SortablePresenter as Abstraction } from "./abstractions.js";
+declare class SortablePresenterImpl implements Abstraction.Interface {
+    private draggingIndex;
+    private overIndex;
+    private closestEdge;
+    private cleanups;
+    private config;
+    constructor();
+    init(config: Abstraction.Config): void;
+    getItemProps(index: number): Abstraction.ItemProps;
+    dispose(): void;
+    private get type();
+    private isOwnDrag;
+    private getVisibleEdge;
+    private clearDropState;
+    private computeDestination;
+    private registerDropTarget;
+    private registerDraggable;
+}
+export declare const SortablePresenter: typeof SortablePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ISortablePresenter>;
+};
+export {};

package/presentation/sortable/SortablePresenter.js

@@ -0,0 +1,175 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
+import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
+import { SortablePresenter } from "./abstractions.js";
+function toSortableEdge(edge) {
+    if ("top" === edge || "bottom" === edge) return edge;
+    return null;
+}
+function getIndex(data) {
+    const index = data["index"];
+    if ("number" == typeof index) return index;
+    return null;
+}
+function getType(data) {
+    const type = data["type"];
+    if ("string" == typeof type) return type;
+    return null;
+}
+class SortablePresenterImpl {
+    constructor(){
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+        this.cleanups = new Map();
+        this.config = null;
+        makeAutoObservable(this, {
+            cleanups: false,
+            config: false
+        });
+    }
+    init(config) {
+        this.config = config;
+    }
+    getItemProps(index) {
+        return {
+            ref: (element)=>{
+                this.registerDropTarget(index, element);
+            },
+            handleRef: (element)=>{
+                this.registerDraggable(index, element);
+            },
+            isDragging: this.draggingIndex === index,
+            isOver: this.overIndex === index && this.draggingIndex !== index,
+            closestEdge: this.getVisibleEdge(index)
+        };
+    }
+    dispose() {
+        for (const cleanup of this.cleanups.values())cleanup();
+        this.cleanups.clear();
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+    }
+    get type() {
+        return this.config.type;
+    }
+    isOwnDrag(data) {
+        return getType(data) === this.type;
+    }
+    getVisibleEdge(index) {
+        if (this.overIndex !== index || this.draggingIndex === index || null === this.draggingIndex) return null;
+        const edge = this.closestEdge;
+        if ("top" === edge && this.draggingIndex === index - 1) return null;
+        if ("bottom" === edge && this.draggingIndex === index + 1) return null;
+        return edge;
+    }
+    clearDropState() {
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+    }
+    computeDestination(fromIndex, toIndex, edge) {
+        let destinationIndex = toIndex;
+        if ("bottom" === edge) destinationIndex = fromIndex < toIndex ? toIndex : toIndex + 1;
+        else if ("top" === edge) destinationIndex = fromIndex > toIndex ? toIndex : toIndex - 1;
+        return destinationIndex;
+    }
+    registerDropTarget(index, element) {
+        const key = 2 * index;
+        const existing = this.cleanups.get(key);
+        if (existing) {
+            existing();
+            this.cleanups.delete(key);
+        }
+        if (!element) return;
+        const cleanup = dropTargetForElements({
+            element,
+            canDrop: ({ source })=>this.isOwnDrag(source.data) && getIndex(source.data) !== index,
+            getData: ({ input })=>attachClosestEdge({
+                    index,
+                    type: this.type
+                }, {
+                    element,
+                    input,
+                    allowedEdges: [
+                        "top",
+                        "bottom"
+                    ]
+                }),
+            onDragEnter: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    this.overIndex = index;
+                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));
+                });
+            },
+            onDrag: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    this.overIndex = index;
+                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));
+                });
+            },
+            onDragLeave: ({ source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    if (this.overIndex === index) {
+                        this.overIndex = null;
+                        this.closestEdge = null;
+                    }
+                });
+            },
+            onDrop: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                const fromIndex = getIndex(source.data);
+                const toIndex = getIndex(self.data);
+                const edge = toSortableEdge(extractClosestEdge(self.data));
+                runInAction(()=>{
+                    this.clearDropState();
+                });
+                if (null === fromIndex || null === toIndex || !this.config) return;
+                const destinationIndex = this.computeDestination(fromIndex, toIndex, edge);
+                if (destinationIndex !== fromIndex) this.config.onReorder(fromIndex, destinationIndex);
+            }
+        });
+        this.cleanups.set(key, cleanup);
+    }
+    registerDraggable(index, element) {
+        const key = 2 * index + 1;
+        const existing = this.cleanups.get(key);
+        if (existing) {
+            existing();
+            this.cleanups.delete(key);
+        }
+        if (!element) return;
+        const container = element.closest("[data-sortable-item]");
+        if (!container) return;
+        const cleanup = draggable({
+            element: container,
+            dragHandle: element,
+            getInitialData: ()=>({
+                    index,
+                    type: this.type
+                }),
+            onDragStart: ()=>{
+                runInAction(()=>{
+                    this.draggingIndex = index;
+                });
+            },
+            onDrop: ()=>{
+                runInAction(()=>{
+                    this.clearDropState();
+                });
+            }
+        });
+        this.cleanups.set(key, cleanup);
+    }
+}
+const SortablePresenter_SortablePresenter = SortablePresenter.createImplementation({
+    implementation: SortablePresenterImpl,
+    dependencies: []
+});
+export { SortablePresenter_SortablePresenter as SortablePresenter };
+
+//# sourceMappingURL=SortablePresenter.js.map

package/presentation/sortable/SortablePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/sortable/SortablePresenter.js","sources":["../../../src/presentation/sortable/SortablePresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    draggable,\n    dropTargetForElements\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\nimport {\n    attachClosestEdge,\n    extractClosestEdge\n} from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\nimport { SortablePresenter as Abstraction } from \"./abstractions.js\";\n\nfunction toSortableEdge(edge: string | null): Abstraction.Edge | null {\n    if (edge === \"top\" || edge === \"bottom\") {\n        return edge;\n    }\n    return null;\n}\n\nfunction getIndex(data: Record<string | symbol, unknown>): number | null {\n    const index = data[\"index\"];\n    if (typeof index === \"number\") {\n        return index;\n    }\n    return null;\n}\n\nfunction getType(data: Record<string | symbol, unknown>): string | null {\n    const type = data[\"type\"];\n    if (typeof type === \"string\") {\n        return type;\n    }\n    return null;\n}\n\nclass SortablePresenterImpl implements Abstraction.Interface {\n    private draggingIndex: number | null = null;\n    private overIndex: number | null = null;\n    private closestEdge: Abstraction.Edge | null = null;\n    private cleanups = new Map<number, () => void>();\n    private config: Abstraction.Config | null = null;\n\n    constructor() {\n        makeAutoObservable<SortablePresenterImpl, \"cleanups\" | \"config\">(this, {\n            cleanups: false,\n            config: false\n        });\n    }\n\n    init(config: Abstraction.Config): void {\n        this.config = config;\n    }\n\n    getItemProps(index: number): Abstraction.ItemProps {\n        return {\n            ref: (element: HTMLElement | null) => {\n                this.registerDropTarget(index, element);\n            },\n            handleRef: (element: HTMLElement | null) => {\n                this.registerDraggable(index, element);\n            },\n            isDragging: this.draggingIndex === index,\n            isOver: this.overIndex === index && this.draggingIndex !== index,\n            closestEdge: this.getVisibleEdge(index)\n        };\n    }\n\n    dispose(): void {\n        for (const cleanup of this.cleanups.values()) {\n            cleanup();\n        }\n        this.cleanups.clear();\n        this.draggingIndex = null;\n        this.overIndex = null;\n        this.closestEdge = null;\n    }\n\n    private get type(): string {\n        return this.config!.type;\n    }\n\n    private isOwnDrag(data: Record<string | symbol, unknown>): boolean {\n        return getType(data) === this.type;\n    }\n\n    private getVisibleEdge(index: number): Abstraction.Edge | null {\n        if (\n            this.overIndex !== index ||\n            this.draggingIndex === index ||\n            this.draggingIndex === null\n        ) {\n            return null;\n        }\n        const edge = this.closestEdge;\n        if (edge === \"top\" && this.draggingIndex === index - 1) {\n            return null;\n        }\n        if (edge === \"bottom\" && this.draggingIndex === index + 1) {\n            return null;\n        }\n        return edge;\n    }\n\n    private clearDropState(): void {\n        this.draggingIndex = null;\n        this.overIndex = null;\n        this.closestEdge = null;\n    }\n\n    private computeDestination(\n        fromIndex: number,\n        toIndex: number,\n        edge: Abstraction.Edge | null\n    ): number {\n        let destinationIndex = toIndex;\n        if (edge === \"bottom\") {\n            destinationIndex = fromIndex < toIndex ? toIndex : toIndex + 1;\n        } else if (edge === \"top\") {\n            destinationIndex = fromIndex > toIndex ? toIndex : toIndex - 1;\n        }\n        return destinationIndex;\n    }\n\n    private registerDropTarget(index: number, element: HTMLElement | null): void {\n        const key = index * 2;\n        const existing = this.cleanups.get(key);\n        if (existing) {\n            existing();\n            this.cleanups.delete(key);\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const cleanup = dropTargetForElements({\n            element,\n            canDrop: ({ source }) => {\n                return this.isOwnDrag(source.data) && getIndex(source.data) !== index;\n            },\n            getData: ({ input }) => {\n                return attachClosestEdge(\n                    { index, type: this.type },\n                    { element, input, allowedEdges: [\"top\", \"bottom\"] }\n                );\n            },\n            onDragEnter: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    this.overIndex = index;\n                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));\n                });\n            },\n            onDrag: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    this.overIndex = index;\n                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));\n                });\n            },\n            onDragLeave: ({ source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    if (this.overIndex === index) {\n                        this.overIndex = null;\n                        this.closestEdge = null;\n                    }\n                });\n            },\n            onDrop: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n\n                const fromIndex = getIndex(source.data);\n                const toIndex = getIndex(self.data);\n                const edge = toSortableEdge(extractClosestEdge(self.data));\n\n                runInAction(() => {\n                    this.clearDropState();\n                });\n\n                if (fromIndex === null || toIndex === null || !this.config) {\n                    return;\n                }\n\n                const destinationIndex = this.computeDestination(fromIndex, toIndex, edge);\n                if (destinationIndex !== fromIndex) {\n                    this.config.onReorder(fromIndex, destinationIndex);\n                }\n            }\n        });\n\n        this.cleanups.set(key, cleanup);\n    }\n\n    private registerDraggable(index: number, element: HTMLElement | null): void {\n        const key = index * 2 + 1;\n        const existing = this.cleanups.get(key);\n        if (existing) {\n            existing();\n            this.cleanups.delete(key);\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const container = element.closest(\"[data-sortable-item]\") as HTMLElement | null;\n        if (!container) {\n            return;\n        }\n\n        const cleanup = draggable({\n            element: container,\n            dragHandle: element,\n            getInitialData: () => ({ index, type: this.type }),\n            onDragStart: () => {\n                runInAction(() => {\n                    this.draggingIndex = index;\n                });\n            },\n            onDrop: () => {\n                runInAction(() => {\n                    this.clearDropState();\n                });\n            }\n        });\n\n        this.cleanups.set(key, cleanup);\n    }\n}\n\nexport const SortablePresenter = Abstraction.createImplementation({\n    implementation: SortablePresenterImpl,\n    dependencies: []\n});\n"],"names":["toSortableEdge","edge","getIndex","data","index","getType","type","SortablePresenterImpl","Map","makeAutoObservable","config","element","cleanup","fromIndex","toIndex","destinationIndex","key","existing","dropTargetForElements","source","input","attachClosestEdge","self","runInAction","extractClosestEdge","container","draggable","SortablePresenter","Abstraction"],"mappings":"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"}

package/presentation/sortable/abstractions.d.ts

@@ -0,0 +1,24 @@
+export type SortableEdge = "top" | "bottom";
+export interface ISortableItemProps {
+    ref: (element: HTMLElement | null) => void;
+    handleRef: (element: HTMLElement | null) => void;
+    isDragging: boolean;
+    isOver: boolean;
+    closestEdge: SortableEdge | null;
+}
+export interface ISortablePresenterConfig {
+    type: string;
+    onReorder: (fromIndex: number, toIndex: number) => void;
+}
+export interface ISortablePresenter {
+    init(config: ISortablePresenterConfig): void;
+    getItemProps(index: number): ISortableItemProps;
+    dispose(): void;
+}
+export declare const SortablePresenter: import("@webiny/di").Abstraction<ISortablePresenter>;
+export declare namespace SortablePresenter {
+    type Interface = ISortablePresenter;
+    type Config = ISortablePresenterConfig;
+    type ItemProps = ISortableItemProps;
+    type Edge = SortableEdge;
+}

package/presentation/sortable/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const SortablePresenter = createAbstraction("SortablePresenter");
+export { SortablePresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/sortable/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/sortable/abstractions.js","sources":["../../../src/presentation/sortable/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport type SortableEdge = \"top\" | \"bottom\";\n\nexport interface ISortableItemProps {\n    ref: (element: HTMLElement | null) => void;\n    handleRef: (element: HTMLElement | null) => void;\n    isDragging: boolean;\n    isOver: boolean;\n    closestEdge: SortableEdge | null;\n}\n\nexport interface ISortablePresenterConfig {\n    type: string;\n    onReorder: (fromIndex: number, toIndex: number) => void;\n}\n\nexport interface ISortablePresenter {\n    init(config: ISortablePresenterConfig): void;\n    getItemProps(index: number): ISortableItemProps;\n    dispose(): void;\n}\n\nexport const SortablePresenter = createAbstraction<ISortablePresenter>(\"SortablePresenter\");\n\nexport namespace SortablePresenter {\n    export type Interface = ISortablePresenter;\n    export type Config = ISortablePresenterConfig;\n    export type ItemProps = ISortableItemProps;\n    export type Edge = SortableEdge;\n}\n"],"names":["SortablePresenter","createAbstraction"],"mappings":";AAuBO,MAAMA,oBAAoBC,kBAAsC"}

package/presentation/sortable/feature.d.ts

@@ -0,0 +1 @@
+export declare const SortableFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;