@webiny/app-admin 0.0.0-unstable.615a930a68 → 0.0.0-unstable.61c048f412

package/presentation/security/hooks/useSecurity.js

@@ -0,0 +1,28 @@
+// LEGACY HOOK!
+
+import { useIdentity } from "./useIdentity.js";
+/**
+ * @deprecated Use `useAuthentication` hook instead!
+ */
+export 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);
+    }
+  };
+}
+
+//# sourceMappingURL=useSecurity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useIdentity","useSecurity","identity","getPermission","name","exact","getPermissions"],"sources":["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"],"mappings":"AAAA;;AAEA,SAASA,WAAW;AAQpB;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAA,EAAuB;EAC9C,MAAM;IAAEC;EAAS,CAAC,GAAGF,WAAW,CAAC,CAAC;EAElC,OAAO;IACHE,QAAQ;IACRC,aAAaA,CAAgCC,IAAY,EAAEC,KAAe,EAAY;MAClF,IAAI,CAACH,QAAQ,EAAE;QACX,OAAO,IAAI;MACf;MAEA,OAAOA,QAAQ,CAACC,aAAa,CAAIC,IAAI,EAAEC,KAAK,CAAC;IACjD,CAAC;IACDC,cAAcA,CAAsDF,IAAY,EAAO;MACnF,IAAI,CAACF,QAAQ,EAAE;QACX,OAAO,EAAE;MACb;MAEA,OAAOA,QAAQ,CAACI,cAAc,CAACF,IAAI,CAAC;IACxC;EACJ,CAAC;AACL","ignoreList":[]}

package/presentation/tenancy/TenancyProvider.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface TenancyProviderProps {
+    children: React.ReactNode;
+}
+export declare const TenancyProvider: (props: TenancyProviderProps) => React.JSX.Element;
+export {};

package/presentation/tenancy/TenancyProvider.js

@@ -0,0 +1,43 @@
+import React, { useMemo, useEffect } from "react";
+import { DiContainerProvider, useFeature } from "@webiny/app";
+import { plugins } from "@webiny/plugins";
+import { TenantHeaderLinkPlugin } from "@webiny/app/plugins/TenantHeaderLinkPlugin.js";
+import { TenancyFeature } from "../../features/tenancy/feature.js";
+export const TenancyProvider = props => {
+  const {
+    service,
+    createTenantContainer
+  } = useFeature(TenancyFeature);
+  const tenantId = useMemo(() => {
+    return new URLSearchParams(window.location.search).get("tenantId");
+  }, []);
+
+  // Handle query string on mount
+  useEffect(() => {
+    if (tenantId) {
+      service.setTenant(tenantId);
+    }
+
+    // Register plugin for current tenant
+    const currentTenant = service.getCurrentTenant();
+    if (currentTenant) {
+      // TODO: remove this once we can decorate the GQL client!
+      plugins.register(new TenantHeaderLinkPlugin(currentTenant));
+    }
+  }, [tenantId]);
+
+  // Handle tenant changes (redirect on change)
+  useEffect(() => {
+    return service.onTenantChange(() => {
+      window.location.replace(window.location.origin);
+    });
+  }, [service]);
+  const tenantContainer = useMemo(() => {
+    return createTenantContainer();
+  }, [service.getCurrentTenant()]);
+  return /*#__PURE__*/React.createElement(DiContainerProvider, {
+    container: tenantContainer
+  }, props.children);
+};
+
+//# sourceMappingURL=TenancyProvider.js.map

package/presentation/tenancy/TenancyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useEffect","DiContainerProvider","useFeature","plugins","TenantHeaderLinkPlugin","TenancyFeature","TenancyProvider","props","service","createTenantContainer","tenantId","URLSearchParams","window","location","search","get","setTenant","currentTenant","getCurrentTenant","register","onTenantChange","replace","origin","tenantContainer","createElement","container","children"],"sources":["TenancyProvider.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { DiContainerProvider, useFeature } from \"@webiny/app\";\nimport { plugins } from \"@webiny/plugins\";\nimport { TenantHeaderLinkPlugin } from \"@webiny/app/plugins/TenantHeaderLinkPlugin.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\ninterface TenancyProviderProps {\n    children: React.ReactNode;\n}\n\nexport const TenancyProvider = (props: TenancyProviderProps) => {\n    const { service, createTenantContainer } = useFeature(TenancyFeature);\n\n    const tenantId = useMemo(() => {\n        return new URLSearchParams(window.location.search).get(\"tenantId\");\n    }, []);\n\n    // Handle query string on mount\n    useEffect(() => {\n        if (tenantId) {\n            service.setTenant(tenantId);\n        }\n\n        // Register plugin for current tenant\n        const currentTenant = service.getCurrentTenant();\n        if (currentTenant) {\n            // TODO: remove this once we can decorate the GQL client!\n            plugins.register(new TenantHeaderLinkPlugin(currentTenant));\n        }\n    }, [tenantId]);\n\n    // Handle tenant changes (redirect on change)\n    useEffect(() => {\n        return service.onTenantChange(() => {\n            window.location.replace(window.location.origin);\n        });\n    }, [service]);\n\n    const tenantContainer = useMemo(() => {\n        return createTenantContainer();\n    }, [service.getCurrentTenant()]);\n\n    return <DiContainerProvider container={tenantContainer}>{props.children}</DiContainerProvider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjD,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,aAAa;AAC7D,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,sBAAsB,QAAQ,+CAA+C;AACtF,SAASC,cAAc;AAMvB,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC5D,MAAM;IAAEC,OAAO;IAAEC;EAAsB,CAAC,GAAGP,UAAU,CAACG,cAAc,CAAC;EAErE,MAAMK,QAAQ,GAAGX,OAAO,CAAC,MAAM;IAC3B,OAAO,IAAIY,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,UAAU,CAAC;EACtE,CAAC,EAAE,EAAE,CAAC;;EAEN;EACAf,SAAS,CAAC,MAAM;IACZ,IAAIU,QAAQ,EAAE;MACVF,OAAO,CAACQ,SAAS,CAACN,QAAQ,CAAC;IAC/B;;IAEA;IACA,MAAMO,aAAa,GAAGT,OAAO,CAACU,gBAAgB,CAAC,CAAC;IAChD,IAAID,aAAa,EAAE;MACf;MACAd,OAAO,CAACgB,QAAQ,CAAC,IAAIf,sBAAsB,CAACa,aAAa,CAAC,CAAC;IAC/D;EACJ,CAAC,EAAE,CAACP,QAAQ,CAAC,CAAC;;EAEd;EACAV,SAAS,CAAC,MAAM;IACZ,OAAOQ,OAAO,CAACY,cAAc,CAAC,MAAM;MAChCR,MAAM,CAACC,QAAQ,CAACQ,OAAO,CAACT,MAAM,CAACC,QAAQ,CAACS,MAAM,CAAC;IACnD,CAAC,CAAC;EACN,CAAC,EAAE,CAACd,OAAO,CAAC,CAAC;EAEb,MAAMe,eAAe,GAAGxB,OAAO,CAAC,MAAM;IAClC,OAAOU,qBAAqB,CAAC,CAAC;EAClC,CAAC,EAAE,CAACD,OAAO,CAACU,gBAAgB,CAAC,CAAC,CAAC,CAAC;EAEhC,oBAAOpB,KAAA,CAAA0B,aAAA,CAACvB,mBAAmB;IAACwB,SAAS,EAAEF;EAAgB,GAAEhB,KAAK,CAACmB,QAA8B,CAAC;AAClG,CAAC","ignoreList":[]}

package/presentation/tenancy/createTenancyProvider.d.ts

@@ -0,0 +1 @@
+export declare const createTenancyProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;

package/presentation/tenancy/createTenancyProvider.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { createProvider } from "@webiny/app";
+import { TenancyProvider as ContextProvider } from "./TenancyProvider.js";
+export const createTenancyProvider = () => {
+  return createProvider(Original => {
+    return function TenancyProvider({
+      children
+    }) {
+      return /*#__PURE__*/React.createElement(ContextProvider, null, /*#__PURE__*/React.createElement(Original, null, children));
+    };
+  });
+};
+
+//# sourceMappingURL=createTenancyProvider.js.map

package/presentation/tenancy/createTenancyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createProvider","TenancyProvider","ContextProvider","createTenancyProvider","Original","children","createElement"],"sources":["createTenancyProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { TenancyProvider as ContextProvider } from \"./TenancyProvider.js\";\n\nexport const createTenancyProvider = () => {\n    return createProvider(Original => {\n        return function TenancyProvider({ children }) {\n            return (\n                <ContextProvider>\n                    <Original>{children}</Original>\n                </ContextProvider>\n            );\n        };\n    });\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,eAAe,IAAIC,eAAe;AAE3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,OAAOH,cAAc,CAACI,QAAQ,IAAI;IAC9B,OAAO,SAASH,eAAeA,CAAC;MAAEI;IAAS,CAAC,EAAE;MAC1C,oBACIN,KAAA,CAAAO,aAAA,CAACJ,eAAe,qBACZH,KAAA,CAAAO,aAAA,CAACF,QAAQ,QAAEC,QAAmB,CACjB,CAAC;IAE1B,CAAC;EACL,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/presentation/tenancy/useTenantContext.d.ts

@@ -0,0 +1,5 @@
+export declare function useTenantContext(): {
+    tenant: string | null;
+    setTenant: (id: string | null) => void;
+    onTenantChange: (callback: (tenantId: string | null) => void) => void;
+};

package/presentation/tenancy/useTenantContext.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from "react";
+import { autorun } from "mobx";
+import { useFeature } from "@webiny/app";
+import { TenancyFeature } from "../../features/tenancy/feature.js";
+export function useTenantContext() {
+  const {
+    service
+  } = useFeature(TenancyFeature);
+  const [tenant, setTenant] = useState(() => service.getCurrentTenant());
+  useEffect(() => {
+    return autorun(() => {
+      setTenant(service.getCurrentTenant());
+    });
+  }, [service]);
+  return {
+    tenant,
+    setTenant: id => service.setTenant(id),
+    onTenantChange: callback => {
+      service.onTenantChange(callback);
+    }
+  };
+}
+
+//# sourceMappingURL=useTenantContext.js.map

package/presentation/tenancy/useTenantContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","autorun","useFeature","TenancyFeature","useTenantContext","service","tenant","setTenant","getCurrentTenant","id","onTenantChange","callback"],"sources":["useTenantContext.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { autorun } from \"mobx\";\nimport { useFeature } from \"@webiny/app\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\nexport function useTenantContext() {\n    const { service } = useFeature(TenancyFeature);\n\n    const [tenant, setTenant] = useState(() => service.getCurrentTenant());\n\n    useEffect(() => {\n        return autorun(() => {\n            setTenant(service.getCurrentTenant());\n        });\n    }, [service]);\n\n    return {\n        tenant,\n        setTenant: (id: string | null) => service.setTenant(id),\n        onTenantChange: (callback: (tenantId: string | null) => void) => {\n            service.onTenantChange(callback);\n        }\n    };\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,cAAc;AAEvB,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAQ,CAAC,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE9C,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAC,MAAMM,OAAO,CAACG,gBAAgB,CAAC,CAAC,CAAC;EAEtER,SAAS,CAAC,MAAM;IACZ,OAAOC,OAAO,CAAC,MAAM;MACjBM,SAAS,CAACF,OAAO,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,OAAO,CAAC,CAAC;EAEb,OAAO;IACHC,MAAM;IACNC,SAAS,EAAGE,EAAiB,IAAKJ,OAAO,CAACE,SAAS,CAACE,EAAE,CAAC;IACvDC,cAAc,EAAGC,QAA2C,IAAK;MAC7DN,OAAO,CAACK,cAAc,CAACC,QAAQ,CAAC;IACpC;EACJ,CAAC;AACL","ignoreList":[]}

package/presentation/wcp/WcpProvider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface WcpProviderProps {
+    loader?: React.ReactElement;
+    children: React.ReactNode;
+}
+export declare const WcpProvider: ({ children, loader }: WcpProviderProps) => React.JSX.Element | null;
+export {};

package/presentation/wcp/WcpProvider.js

@@ -0,0 +1,26 @@
+import { autorun } from "mobx";
+import React, { useEffect, useState } from "react";
+import { useFeature } from "@webiny/app";
+import { WcpFeature } from "../../features/wcp/feature.js";
+export const WcpProvider = ({
+  children,
+  loader
+}) => {
+  const {
+    service
+  } = useFeature(WcpFeature);
+  const [isLoaded, setIsLoaded] = useState(service.isLoaded());
+  useEffect(() => {
+    return autorun(() => {
+      setIsLoaded(service.isLoaded());
+    });
+  }, []);
+
+  // Show loader while loading
+  if (!isLoaded) {
+    return loader || null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+//# sourceMappingURL=WcpProvider.js.map

package/presentation/wcp/WcpProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["autorun","React","useEffect","useState","useFeature","WcpFeature","WcpProvider","children","loader","service","isLoaded","setIsLoaded","createElement","Fragment"],"sources":["WcpProvider.tsx"],"sourcesContent":["import { autorun } from \"mobx\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFeature } from \"@webiny/app\";\nimport { WcpFeature } from \"~/features/wcp/feature.js\";\n\ninterface WcpProviderProps {\n    loader?: React.ReactElement;\n    children: React.ReactNode;\n}\n\nexport const WcpProvider = ({ children, loader }: WcpProviderProps) => {\n    const { service } = useFeature(WcpFeature);\n\n    const [isLoaded, setIsLoaded] = useState(service.isLoaded());\n\n    useEffect(() => {\n        return autorun(() => {\n            setIsLoaded(service.isLoaded());\n        });\n    }, []);\n\n    // Show loader while loading\n    if (!isLoaded) {\n        return loader || null;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,MAAM;AAC9B,OAAOC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,UAAU;AAOnB,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAyB,CAAC,KAAK;EACnE,MAAM;IAAEC;EAAQ,CAAC,GAAGL,UAAU,CAACC,UAAU,CAAC;EAE1C,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAGR,QAAQ,CAACM,OAAO,CAACC,QAAQ,CAAC,CAAC,CAAC;EAE5DR,SAAS,CAAC,MAAM;IACZ,OAAOF,OAAO,CAAC,MAAM;MACjBW,WAAW,CAACF,OAAO,CAACC,QAAQ,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAI,CAACA,QAAQ,EAAE;IACX,OAAOF,MAAM,IAAI,IAAI;EACzB;EAEA,oBAAOP,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QAAGN,QAAW,CAAC;AAC1B,CAAC","ignoreList":[]}

package/presentation/wcp/useWcp.d.ts

@@ -0,0 +1,2 @@
+import type { ILicense } from "@webiny/wcp/types.js";
+export declare function useWcp(): ILicense;

package/presentation/wcp/useWcp.js

@@ -0,0 +1,18 @@
+import { useState, useEffect } from "react";
+import { autorun } from "mobx";
+import { useFeature } from "@webiny/app";
+import { WcpFeature } from "../../features/wcp/feature.js";
+export function useWcp() {
+  const {
+    service
+  } = useFeature(WcpFeature);
+  const [project, setProject] = useState(() => service.getProject());
+  useEffect(() => {
+    return autorun(() => {
+      setProject(service.getProject());
+    });
+  }, [service]);
+  return project;
+}
+
+//# sourceMappingURL=useWcp.js.map

package/presentation/wcp/useWcp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","autorun","useFeature","WcpFeature","useWcp","service","project","setProject","getProject"],"sources":["useWcp.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { ILicense } from \"@webiny/wcp/types.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { WcpFeature } from \"~/features/wcp/feature.js\";\n\nexport function useWcp() {\n    const { service } = useFeature(WcpFeature);\n\n    const [project, setProject] = useState<ILicense>(() => service.getProject());\n\n    useEffect(() => {\n        return autorun(() => {\n            setProject(service.getProject());\n        });\n    }, [service]);\n\n    return project;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,UAAU;AAEnB,OAAO,SAASC,MAAMA,CAAA,EAAG;EACrB,MAAM;IAAEC;EAAQ,CAAC,GAAGH,UAAU,CAACC,UAAU,CAAC;EAE1C,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGR,QAAQ,CAAW,MAAMM,OAAO,CAACG,UAAU,CAAC,CAAC,CAAC;EAE5ER,SAAS,CAAC,MAAM;IACZ,OAAOC,OAAO,CAAC,MAAM;MACjBM,UAAU,CAACF,OAAO,CAACG,UAAU,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,OAAO,CAAC,CAAC;EAEb,OAAOC,OAAO;AAClB","ignoreList":[]}

package/routes.d.ts

@@ -0,0 +1,6 @@
+import { Route } from "@webiny/app";
+export declare const Routes: {
+    Dashboard: Route<undefined>;
+    FileManager: Route<undefined>;
+    CatchAll: Route<undefined>;
+};

package/routes.js

@@ -0,0 +1,17 @@
+import { Route } from "@webiny/app";
+export const Routes = {
+  Dashboard: new Route({
+    name: "Dashboard",
+    path: "/"
+  }),
+  FileManager: new Route({
+    name: "FileManager",
+    path: "/file-manager"
+  }),
+  CatchAll: new Route({
+    name: "CatchAll",
+    path: "*"
+  })
+};
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Route","Routes","Dashboard","name","path","FileManager","CatchAll"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app\";\n\nexport const Routes = {\n    Dashboard: new Route({\n        name: \"Dashboard\",\n        path: \"/\"\n    }),\n\n    FileManager: new Route({\n        name: \"FileManager\",\n        path: \"/file-manager\"\n    }),\n\n    CatchAll: new Route({\n        name: \"CatchAll\",\n        path: \"*\"\n    })\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,aAAa;AAEnC,OAAO,MAAMC,MAAM,GAAG;EAClBC,SAAS,EAAE,IAAIF,KAAK,CAAC;IACjBG,IAAI,EAAE,WAAW;IACjBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEFC,WAAW,EAAE,IAAIL,KAAK,CAAC;IACnBG,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE;EACV,CAAC,CAAC;EAEFE,QAAQ,EAAE,IAAIN,KAAK,CAAC;IAChBG,IAAI,EAAE,UAAU;IAChBC,IAAI,EAAE;EACV,CAAC;AACL,CAAC","ignoreList":[]}

package/styles.scss

@@ -1,2 +1,7 @@
-@import "./styles/theme";
-@import "./styles/material";
+// ⚠️ DEPRECATED STYLESHEET ⚠️
+//
+// This SCSS file is no longer in use.
+// We no longer rely on @material theming or component styling.
+//
+// If you're still importing this file, it can be safely removed.
+// Refer to the updated design system and theming approach from @webiny/admin-ui for current styling practices.

package/types.d.ts

@@ -1,93 +1,16 @@
-import React, { ReactElement } from "react";
-import { Plugin } from "@webiny/plugins/types";
-import { ApolloClient } from "apollo-client";
-import { ItemProps, MenuProps, SectionProps } from "./plugins/MenuPlugin";
-declare type RenderParams = {
-    content: React.ReactNode;
-};
-export declare type AdminGlobalSearchPlugin = Plugin & {
-    type: "admin-global-search";
-    label: string;
-    route: string;
-    search?: {
-        operator?: "and" | "or";
-        fields?: Array<string>;
-    };
-};
-export declare type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {
-    type: "admin-global-search-prevent-hotkey";
-    preventOpen(e: React.KeyboardEvent): boolean | void;
-};
-export declare type AdminDrawerFooterMenuPlugin = Plugin & {
-    type: "admin-drawer-footer-menu";
-    render(params: any): React.ReactElement;
-};
-/**
- * LEGACY TYPE. Only for backwards compatibility.
- */
-export declare type AdminMenuLogoPlugin = Plugin & {
-    name: "admin-menu-logo";
-    type: "admin-menu-logo";
-    render(): React.ReactElement;
-};
-export declare type AdminHeaderUserMenuPlugin = Plugin & {
-    type: "admin-header-user-menu";
-    render(): React.ReactElement;
-};
-/**
- * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.
- * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu
- */
-export declare type AdminMenuPlugin = Plugin & {
-    type: "admin-menu";
-    render(props: {
-        Menu: React.ComponentType<MenuProps>;
-        Section: React.ComponentType<SectionProps>;
-        Item: React.ComponentType<ItemProps>;
-    }): React.ReactNode;
-    order?: number;
-};
-/**
- * Enables adding custom header elements to the right side of the top bar.
- * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right
- */
-export declare type AdminHeaderRightPlugin = Plugin & {
-    type: "admin-header-right";
-    render(params: RenderParams): React.ReactNode;
-};
-export interface AdminFileManagerFileTypePluginRenderParams {
-    file: string;
-}
-export declare type AdminFileManagerFileTypePlugin = Plugin & {
-    type: "admin-file-manager-file-type";
-    types: string[];
-    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;
-    fileDetails?: {
-        actions: Array<React.FC | React.Component>;
-    };
-};
-export interface AdminInstallationPluginRenderParams {
-    onInstalled: () => Promise<void>;
-}
-export declare type AdminInstallationPlugin = Plugin & {
-    type: "admin-installation";
-    getInstalledVersion(params: {
-        client: ApolloClient<object>;
-    }): Promise<string | null>;
-    title: string;
-    dependencies?: string[];
-    secure: boolean;
-    render(params: AdminInstallationPluginRenderParams): React.ReactNode;
-    upgrades?: {
-        version: string;
-        getComponent(): React.ComponentType<{
-            onInstalled: () => void;
-        }>;
-    }[];
-};
-export declare type AdminAppPermissionRendererPlugin = Plugin & {
+import type { ReactElement } from "react";
+import type { Plugin } from "@webiny/plugins/types.js";
+import { Identity } from "./domain/Identity.js";
+export type { Icon } from "./components/IconPicker/types.js";
+export type AdminAppPermissionRendererPlugin = Plugin & {
     type: "admin-app-permissions-renderer";
     system?: boolean;
     render(params: any): ReactElement;
 };
-export {};
+export interface FileManagerSecurityPermission extends Identity.Permission {
+    rwd?: string;
+    own?: boolean;
+}
+export type ComponentWithChildren = React.ComponentType<{
+    children?: React.ReactNode;
+}>;

package/types.js

@@ -1,5 +1,3 @@
-"use strict";
+export {};
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\ntype RenderParams = {\n    content: React.ReactNode;\n};\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\nexport type AdminDrawerFooterMenuPlugin = Plugin & {\n    type: \"admin-drawer-footer-menu\";\n    render(params: any): React.ReactElement;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\nexport type AdminHeaderUserMenuPlugin = Plugin & {\n    type: \"admin-header-user-menu\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\n/**\n * Enables adding custom header elements to the right side of the top bar.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right\n */\nexport type AdminHeaderRightPlugin = Plugin & {\n    type: \"admin-header-right\";\n    render(params: RenderParams): React.ReactNode;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: string;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n    upgrades?: {\n        version: string;\n        getComponent(): React.ComponentType<{ onInstalled: () => void }>;\n    }[];\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { Plugin } from \"@webiny/plugins/types.js\";\nimport { Identity } from \"~/domain/Identity.js\";\n\nexport type { Icon } from \"~/components/IconPicker/types.js\";\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\nexport interface FileManagerSecurityPermission extends Identity.Permission {\n    rwd?: string;\n    own?: boolean;\n}\n\nexport type ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n"],"mappings":"","ignoreList":[]}

package/base/providers/TelemetryProvider.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const createTelemetryProvider: () => (Component: React.FC) => React.FC;

package/base/providers/TelemetryProvider.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTelemetryProvider = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@webiny/telemetry/react");
-
-/**
- * Package @webiny/telemetry is not a typescript project.
- */
-// @ts-ignore
-var eventSent = false;
-
-var createTelemetryProvider = function createTelemetryProvider() {
-  return function (Component) {
-    return function TelemetryProvider(_ref) {
-      var children = _ref.children;
-      (0, _react.useEffect)(function () {
-        if (eventSent) {
-          return;
-        }
-
-        eventSent = true;
-        (0, _react2.sendEvent)("app-start");
-      }, []);
-      return /*#__PURE__*/_react.default.createElement(Component, null, children);
-    };
-  };
-};
-
-exports.createTelemetryProvider = createTelemetryProvider;

package/base/providers/TelemetryProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["eventSent","createTelemetryProvider","Component","TelemetryProvider","children","useEffect","sendEvent"],"sources":["TelemetryProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n/**\n * Package @webiny/telemetry is not a typescript project.\n */\n// @ts-ignore\nimport { sendEvent } from \"@webiny/telemetry/react\";\n\nlet eventSent = false;\n\nexport const createTelemetryProvider =\n    () =>\n    (Component: React.FC): React.FC => {\n        return function TelemetryProvider({ children }) {\n            useEffect(() => {\n                if (eventSent) {\n                    return;\n                }\n\n                eventSent = true;\n                sendEvent(\"app-start\");\n            }, []);\n\n            return <Component>{children}</Component>;\n        };\n    };\n"],"mappings":";;;;;;;;;AAAA;;AAKA;;AAJA;AACA;AACA;AACA;AAGA,IAAIA,SAAS,GAAG,KAAhB;;AAEO,IAAMC,uBAAuB,GAChC,SADSA,uBACT;EAAA,OACA,UAACC,SAAD,EAAmC;IAC/B,OAAO,SAASC,iBAAT,OAAyC;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC5C,IAAAC,gBAAA,EAAU,YAAM;QACZ,IAAIL,SAAJ,EAAe;UACX;QACH;;QAEDA,SAAS,GAAG,IAAZ;QACA,IAAAM,iBAAA,EAAU,WAAV;MACH,CAPD,EAOG,EAPH;MASA,oBAAO,6BAAC,SAAD,QAAYF,QAAZ,CAAP;IACH,CAXD;EAYH,CAdD;AAAA,CADG"}

package/base/providers/ViewCompositionProvider.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-export interface ViewElement {
-    name: string;
-    elements: JSX.Element[];
-    label?: string;
-    [key: string]: any;
-}
-interface ElementSetter {
-    (element: ViewElement): ViewElement;
-}
-export interface ViewCompositionContext {
-    getViewElement(view: string, name: string): ViewElement | null;
-    setViewElement(view: string, name: string, setter: ElementSetter): void;
-}
-export declare function useViewComposition(): ViewCompositionContext;
-export declare const createViewCompositionProvider: () => (Component: React.ComponentType<unknown>) => React.FC;
-export {};

package/base/providers/ViewCompositionProvider.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createViewCompositionProvider = void 0;
-exports.useViewComposition = useViewComposition;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var ViewCompositionContext = /*#__PURE__*/(0, _react.createContext)({
-  getViewElement: function getViewElement() {
-    return null;
-  },
-  setViewElement: function setViewElement() {
-    return void 0;
-  }
-});
-ViewCompositionContext.displayName = "ViewCompositionContext";
-
-var ViewCompositionProvider = function ViewCompositionProvider(_ref) {
-  var children = _ref.children;
-
-  var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var context = (0, _react.useMemo)(function () {
-    return {
-      getViewElement: function getViewElement(view, name) {
-        return state[view] && state[view][name];
-      },
-      setViewElement: function setViewElement(view, name, setter) {
-        setState(function (state) {
-          var existing = state[view] && state[view][name];
-          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, (0, _defineProperty2.default)({}, view, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state[view]), {}, (0, _defineProperty2.default)({}, name, setter(existing)))));
-        });
-      }
-    };
-  }, [state]);
-  return /*#__PURE__*/_react.default.createElement(ViewCompositionContext.Provider, {
-    value: context
-  }, children);
-};
-
-function useViewComposition() {
-  return (0, _react.useContext)(ViewCompositionContext);
-}
-
-var createViewCompositionProvider = function createViewCompositionProvider() {
-  return function (Component) {
-    return function ViewCompositionProviderHOC(_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(ViewCompositionProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
-    };
-  };
-};
-
-exports.createViewCompositionProvider = createViewCompositionProvider;

package/base/providers/ViewCompositionProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ViewCompositionContext","createContext","getViewElement","setViewElement","displayName","ViewCompositionProvider","children","useState","state","setState","context","useMemo","view","name","setter","existing","useViewComposition","useContext","createViewCompositionProvider","Component","ViewCompositionProviderHOC"],"sources":["ViewCompositionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\n\nexport interface ViewElement {\n    name: string;\n    elements: JSX.Element[];\n    label?: string;\n    [key: string]: any;\n}\n\ninterface ElementSetter {\n    (element: ViewElement): ViewElement;\n}\n\nexport interface ViewCompositionContext {\n    getViewElement(view: string, name: string): ViewElement | null;\n    setViewElement(view: string, name: string, setter: ElementSetter): void;\n}\n\nconst ViewCompositionContext = createContext<ViewCompositionContext>({\n    getViewElement: () => {\n        return null;\n    },\n    setViewElement: () => {\n        return void 0;\n    }\n});\nViewCompositionContext.displayName = \"ViewCompositionContext\";\n\ninterface ViewCompositionProviderState {\n    [key: string]: Record<string, any>;\n}\nconst ViewCompositionProvider: React.FC = ({ children }) => {\n    const [state, setState] = useState<ViewCompositionProviderState>({});\n\n    const context = useMemo(\n        () => ({\n            getViewElement(view: string, name: string): ViewElement {\n                return state[view] && state[view][name];\n            },\n            setViewElement(view: string, name: string, setter: ElementSetter) {\n                setState(state => {\n                    const existing = state[view] && state[view][name];\n                    return {\n                        ...state,\n                        [view]: {\n                            ...state[view],\n                            [name]: setter(existing)\n                        }\n                    };\n                });\n            }\n        }),\n        [state]\n    );\n\n    return (\n        <ViewCompositionContext.Provider value={context}>\n            {children}\n        </ViewCompositionContext.Provider>\n    );\n};\n\nexport function useViewComposition() {\n    return useContext(ViewCompositionContext);\n}\n\nexport const createViewCompositionProvider =\n    () =>\n    (Component: React.ComponentType<unknown>): React.FC => {\n        return function ViewCompositionProviderHOC({ children }) {\n            return (\n                <ViewCompositionProvider>\n                    <Component>{children}</Component>\n                </ViewCompositionProvider>\n            );\n        };\n    };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAkBA,IAAMA,sBAAsB,gBAAG,IAAAC,oBAAA,EAAsC;EACjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,IAAP;EACH,CAHgE;EAIjEC,cAAc,EAAE,0BAAM;IAClB,OAAO,KAAK,CAAZ;EACH;AANgE,CAAtC,CAA/B;AAQAH,sBAAsB,CAACI,WAAvB,GAAqC,wBAArC;;AAKA,IAAMC,uBAAiC,GAAG,SAApCA,uBAAoC,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxD,gBAA0B,IAAAC,eAAA,EAAuC,EAAvC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,OAAO,GAAG,IAAAC,cAAA,EACZ;IAAA,OAAO;MACHT,cADG,0BACYU,IADZ,EAC0BC,IAD1B,EACqD;QACpD,OAAOL,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAtB;MACH,CAHE;MAIHV,cAJG,0BAIYS,IAJZ,EAI0BC,IAJ1B,EAIwCC,MAJxC,EAI+D;QAC9DL,QAAQ,CAAC,UAAAD,KAAK,EAAI;UACd,IAAMO,QAAQ,GAAGP,KAAK,CAACI,IAAD,CAAL,IAAeJ,KAAK,CAACI,IAAD,CAAL,CAAYC,IAAZ,CAAhC;UACA,mEACOL,KADP,yCAEKI,IAFL,8DAGWJ,KAAK,CAACI,IAAD,CAHhB,yCAISC,IAJT,EAIgBC,MAAM,CAACC,QAAD,CAJtB;QAOH,CATO,CAAR;MAUH;IAfE,CAAP;EAAA,CADY,EAkBZ,CAACP,KAAD,CAlBY,CAAhB;EAqBA,oBACI,6BAAC,sBAAD,CAAwB,QAAxB;IAAiC,KAAK,EAAEE;EAAxC,GACKJ,QADL,CADJ;AAKH,CA7BD;;AA+BO,SAASU,kBAAT,GAA8B;EACjC,OAAO,IAAAC,iBAAA,EAAWjB,sBAAX,CAAP;AACH;;AAEM,IAAMkB,6BAA6B,GACtC,SADSA,6BACT;EAAA,OACA,UAACC,SAAD,EAAuD;IACnD,OAAO,SAASC,0BAAT,QAAkD;MAAA,IAAZd,QAAY,SAAZA,QAAY;MACrD,oBACI,6BAAC,uBAAD,qBACI,6BAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADG"}

package/base/ui/LocaleSelector.d.ts

@@ -1,2 +0,0 @@
-export declare const LocaleSelector: import("@webiny/app-admin-core").ComposableFC<unknown>;
-export declare const LocaleSelectorRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;

package/base/ui/LocaleSelector.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LocaleSelectorRenderer = exports.LocaleSelector = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _appAdminCore = require("@webiny/app-admin-core");
-
-var LocaleSelector = (0, _appAdminCore.makeComposable)("LocaleSelector", function () {
-  return /*#__PURE__*/_react.default.createElement(LocaleSelectorRenderer, null);
-});
-exports.LocaleSelector = LocaleSelector;
-var LocaleSelectorRenderer = (0, _appAdminCore.makeComposable)("LocaleSelectorRenderer");
-exports.LocaleSelectorRenderer = LocaleSelectorRenderer;

package/base/ui/LocaleSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LocaleSelector","makeComposable","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const LocaleSelector = makeComposable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeComposable(\"LocaleSelectorRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,cAAc,GAAG,IAAAC,4BAAA,EAAe,gBAAf,EAAiC,YAAM;EACjE,oBAAO,6BAAC,sBAAD,OAAP;AACH,CAF6B,CAAvB;;AAIA,IAAMC,sBAAsB,GAAG,IAAAD,4BAAA,EAAe,wBAAf,CAA/B"}

package/base/ui/Menu.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-export interface MenuUpdater {
-    (menuItem: MenuData | undefined | null): MenuData | undefined;
-}
-export interface MenuContext {
-    menuItem: MenuData | null;
-    setMenu(id: string, updater: MenuUpdater): void;
-    removeMenu(id: string): void;
-}
-export interface MenuProps {
-    name: string;
-    label?: string;
-    path?: string;
-    icon?: JSX.Element;
-    onClick?: () => void;
-    testId?: string;
-    tags?: string[];
-    target?: string;
-    rel?: string;
-    element?: JSX.Element;
-    children?: React.ReactNode | React.ReactNode[];
-    pin?: "first" | "last";
-}
-export interface MenuData extends MenuProps {
-    children: MenuData[];
-}
-export declare const createEmptyMenu: (name: string) => MenuData;
-/**
- * Register a new menu item into the Admin app.
- */
-export declare const AddMenu: React.FC<MenuProps>;