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

package/components/ListView/ListViewBulkActions.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Buttons } from "../../components/Buttons/index.js";
+export interface ListViewBulkActionsProps {
+    itemLabel: string;
+    itemLabelPlural?: string;
+    actions: React.ComponentProps<typeof Buttons>["actions"];
+}
+declare const ListViewBulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: ListViewBulkActionsProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewBulkActionsProps> & {
+    readonly type: ({ itemLabel, itemLabelPlural, actions: bulkActions }: ListViewBulkActionsProps) => React.JSX.Element;
+};
+export { ListViewBulkActions };

package/components/ListView/ListViewBulkActions.js

@@ -0,0 +1,41 @@
+import react, { useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { IconButton, Text, cn } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { Buttons } from "../Buttons/index.js";
+import { useListView } from "./context.js";
+const ListViewBulkActions = observer(({ itemLabel, itemLabelPlural, actions: bulkActions })=>{
+    const { list, actions } = useListView();
+    const selectedCount = list.selection.selectedCount;
+    const plural = itemLabelPlural ?? `${itemLabel}s`;
+    const headline = useMemo(()=>{
+        const label = 1 === selectedCount ? itemLabel : plural;
+        return `${selectedCount} ${label} selected`;
+    }, [
+        selectedCount,
+        itemLabel,
+        plural
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: cn("w-full bg-neutral-disabled px-md py-sm", selectedCount > 0 ? "block" : "hidden")
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, headline)), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Buttons, {
+        actions: bulkActions
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>actions.selection.deselectAll()
+    }))));
+});
+export { ListViewBulkActions };
+
+//# sourceMappingURL=ListViewBulkActions.js.map

package/components/ListView/ListViewBulkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListViewBulkActions.js","sources":["../../../src/components/ListView/ListViewBulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Text, IconButton, cn } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Buttons } from \"~/components/Buttons/index.js\";\nimport { useListView } from \"./context.js\";\n\nexport interface ListViewBulkActionsProps {\n    itemLabel: string;\n    itemLabelPlural?: string;\n    actions: React.ComponentProps<typeof Buttons>[\"actions\"];\n}\n\nconst ListViewBulkActions = observer(\n    ({ itemLabel, itemLabelPlural, actions: bulkActions }: ListViewBulkActionsProps) => {\n        const { list, actions } = useListView();\n\n        const selectedCount = list.selection.selectedCount;\n        const plural = itemLabelPlural ?? `${itemLabel}s`;\n\n        const headline = useMemo((): string => {\n            const label = selectedCount === 1 ? itemLabel : plural;\n            return `${selectedCount} ${label} selected`;\n        }, [selectedCount, itemLabel, plural]);\n\n        return (\n            <div\n                className={cn(\n                    \"w-full bg-neutral-disabled px-md py-sm\",\n                    selectedCount > 0 ? \"block\" : \"hidden\"\n                )}\n            >\n                <div className={\"flex items-center justify-between gap-sm\"}>\n                    <div className={\"flex items-center gap-sm\"}>\n                        <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                            {headline}\n                        </Text>\n                    </div>\n                    <div className={\"flex items-center gap-sm\"}>\n                        <Buttons actions={bulkActions} />\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            icon={<Close />}\n                            onClick={() => actions.selection.deselectAll()}\n                        />\n                    </div>\n                </div>\n            </div>\n        );\n    }\n);\n\nexport { ListViewBulkActions };\n"],"names":["ListViewBulkActions","observer","itemLabel","itemLabelPlural","bulkActions","list","actions","useListView","selectedCount","plural","headline","useMemo","label","cn","Text","Buttons","IconButton","Close"],"mappings":";;;;;;AAaA,MAAMA,sBAAsBC,SACxB,CAAC,EAAEC,SAAS,EAAEC,eAAe,EAAE,SAASC,WAAW,EAA4B;IAC3E,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAE1B,MAAMC,gBAAgBH,KAAK,SAAS,CAAC,aAAa;IAClD,MAAMI,SAASN,mBAAmB,GAAGD,UAAU,CAAC,CAAC;IAEjD,MAAMQ,WAAWC,QAAQ;QACrB,MAAMC,QAAQJ,AAAkB,MAAlBA,gBAAsBN,YAAYO;QAChD,OAAO,GAAGD,cAAc,CAAC,EAAEI,MAAM,SAAS,CAAC;IAC/C,GAAG;QAACJ;QAAeN;QAAWO;KAAO;IAErC,OAAO,WAAP,GACI,oBAAC;QACG,WAAWI,GACP,0CACAL,gBAAgB,IAAI,UAAU;qBAGlC,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACM,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBJ,YAAAA,WAAAA,GAGT,oBAAC;QAAI,WAAW;qBACZ,oBAACK,SAAOA;QAAC,SAASX;sBAClB,oBAACY,YAAUA;QACP,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAKA;QACZ,SAAS,IAAMX,QAAQ,SAAS,CAAC,WAAW;;AAMpE"}

package/components/ListView/ListViewContent.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface ListViewContentProps {
+    loadMoreThreshold?: number;
+    loadMoreDebounceMs?: number;
+    empty?: React.ReactNode;
+    searchEmpty?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const ListViewContent: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewContentProps> & {
+    readonly type: ({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: ListViewContentProps) => React.JSX.Element;
+};
+export { ListViewContent };

package/components/ListView/ListViewContent.js

@@ -0,0 +1,25 @@
+import react, { useMemo } from "react";
+import { Scrollbar } from "@webiny/admin-ui";
+import debounce from "lodash/debounce.js";
+import { observer } from "mobx-react-lite";
+import { useListView } from "./context.js";
+const ListViewContent = observer(({ loadMoreThreshold = 0.8, loadMoreDebounceMs = 200, empty, searchEmpty, children })=>{
+    const { list, actions } = useListView();
+    const onScrollFrame = useMemo(()=>debounce(async (scrollFrame)=>{
+            if (scrollFrame.top > loadMoreThreshold) await actions.loadMore();
+        }, loadMoreDebounceMs), [
+        loadMoreThreshold,
+        loadMoreDebounceMs,
+        actions
+    ]);
+    if (list.empty && empty) return /*#__PURE__*/ react.createElement(Scrollbar, {
+        "data-testid": "default-data-list"
+    }, list.emptyWithFilters && searchEmpty ? searchEmpty : empty);
+    return /*#__PURE__*/ react.createElement(Scrollbar, {
+        "data-testid": "default-data-list",
+        onScrollFrame: (scrollFrame)=>onScrollFrame(scrollFrame)
+    }, children);
+});
+export { ListViewContent };
+
+//# sourceMappingURL=ListViewContent.js.map

package/components/ListView/ListViewContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListViewContent.js","sources":["../../../src/components/ListView/ListViewContent.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useListView } from \"./context.js\";\n\nexport interface ListViewContentProps {\n    loadMoreThreshold?: number;\n    loadMoreDebounceMs?: number;\n    empty?: React.ReactNode;\n    searchEmpty?: React.ReactNode;\n    children: React.ReactNode;\n}\n\nconst ListViewContent = observer(\n    ({\n        loadMoreThreshold = 0.8,\n        loadMoreDebounceMs = 200,\n        empty,\n        searchEmpty,\n        children\n    }: ListViewContentProps) => {\n        const { list, actions } = useListView();\n\n        const onScrollFrame = useMemo(\n            () =>\n                debounce(async (scrollFrame: { top: number }) => {\n                    if (scrollFrame.top > loadMoreThreshold) {\n                        await actions.loadMore();\n                    }\n                }, loadMoreDebounceMs),\n            [loadMoreThreshold, loadMoreDebounceMs, actions]\n        );\n\n        if (list.empty && empty) {\n            return (\n                <Scrollbar data-testid=\"default-data-list\">\n                    {list.emptyWithFilters && searchEmpty ? searchEmpty : empty}\n                </Scrollbar>\n            );\n        }\n\n        return (\n            <Scrollbar\n                data-testid=\"default-data-list\"\n                onScrollFrame={scrollFrame => onScrollFrame(scrollFrame)}\n            >\n                {children}\n            </Scrollbar>\n        );\n    }\n);\n\nexport { ListViewContent };\n"],"names":["ListViewContent","observer","loadMoreThreshold","loadMoreDebounceMs","empty","searchEmpty","children","list","actions","useListView","onScrollFrame","useMemo","debounce","scrollFrame","Scrollbar"],"mappings":";;;;;AAcA,MAAMA,kBAAkBC,SACpB,CAAC,EACGC,oBAAoB,GAAG,EACvBC,qBAAqB,GAAG,EACxBC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACW;IACnB,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAE1B,MAAMC,gBAAgBC,QAClB,IACIC,SAAS,OAAOC;YACZ,IAAIA,YAAY,GAAG,GAAGX,mBAClB,MAAMM,QAAQ,QAAQ;QAE9B,GAAGL,qBACP;QAACD;QAAmBC;QAAoBK;KAAQ;IAGpD,IAAID,KAAK,KAAK,IAAIH,OACd,OAAO,WAAP,GACI,oBAACU,WAASA;QAAC,eAAY;OAClBP,KAAK,gBAAgB,IAAIF,cAAcA,cAAcD;IAKlE,OAAO,WAAP,GACI,oBAACU,WAASA;QACN,eAAY;QACZ,eAAeD,CAAAA,cAAeH,cAAcG;OAE3CP;AAGb"}

package/components/ListView/ListViewFilters.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+type Filter = {
+    name: string;
+    element: React.ReactElement;
+};
+type FiltersToWhereConverter = (data: Record<string, any>) => Record<string, any>;
+export interface ListViewFiltersProps {
+    filters: Filter[];
+    filtersToWhere?: FiltersToWhereConverter[];
+    children?: React.ReactNode;
+}
+declare const ListViewFilters: (({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element) & React.NamedExoticComponent<ListViewFiltersProps> & {
+    readonly type: ({ filters, filtersToWhere, children }: ListViewFiltersProps) => React.JSX.Element;
+};
+export { ListViewFilters };

package/components/ListView/ListViewFilters.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Filters } from "../Filters/Filters.js";
+import { useListView } from "./context.js";
+const ListViewFilters = observer(({ filters, filtersToWhere, children })=>{
+    const { showingFilters, actions } = useListView();
+    const applyFilters = (data)=>{
+        if (!Object.keys(data).length) return;
+        const convertedFilters = (filtersToWhere ?? []).reduce((acc, converter)=>converter(acc), data);
+        for (const [key, value] of Object.entries(convertedFilters))if (null == value || "" === value) actions.filter.clear(key);
+        else actions.filter.set(key, value);
+    };
+    return /*#__PURE__*/ react.createElement(Filters, {
+        filters: filters,
+        show: showingFilters,
+        onChange: applyFilters
+    }, children);
+});
+export { ListViewFilters };
+
+//# sourceMappingURL=ListViewFilters.js.map

package/components/ListView/ListViewFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListViewFilters.js","sources":["../../../src/components/ListView/ListViewFilters.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { FiltersOnSubmit } from \"~/components/Filters/Filters.js\";\nimport { Filters } from \"~/components/Filters/Filters.js\";\nimport { useListView } from \"./context.js\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\ntype FiltersToWhereConverter = (data: Record<string, any>) => Record<string, any>;\n\nexport interface ListViewFiltersProps {\n    filters: Filter[];\n    filtersToWhere?: FiltersToWhereConverter[];\n    children?: React.ReactNode;\n}\n\nconst ListViewFilters = observer(({ filters, filtersToWhere, children }: ListViewFiltersProps) => {\n    const { showingFilters, actions } = useListView();\n\n    const applyFilters: FiltersOnSubmit = data => {\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        const convertedFilters = (filtersToWhere ?? []).reduce(\n            (acc, converter) => converter(acc),\n            data\n        );\n\n        for (const [key, value] of Object.entries(convertedFilters)) {\n            if (value === undefined || value === null || value === \"\") {\n                actions.filter.clear(key);\n            } else {\n                actions.filter.set(key, value);\n            }\n        }\n    };\n\n    return (\n        <Filters filters={filters} show={showingFilters} onChange={applyFilters}>\n            {children}\n        </Filters>\n    );\n});\n\nexport { ListViewFilters };\n"],"names":["ListViewFilters","observer","filters","filtersToWhere","children","showingFilters","actions","useListView","applyFilters","data","Object","convertedFilters","acc","converter","key","value","Filters"],"mappings":";;;;AAmBA,MAAMA,kBAAkBC,SAAS,CAAC,EAAEC,OAAO,EAAEC,cAAc,EAAEC,QAAQ,EAAwB;IACzF,MAAM,EAAEC,cAAc,EAAEC,OAAO,EAAE,GAAGC;IAEpC,MAAMC,eAAgCC,CAAAA;QAClC,IAAI,CAACC,OAAO,IAAI,CAACD,MAAM,MAAM,EACzB;QAGJ,MAAME,mBAAoBR,AAAAA,CAAAA,kBAAkB,EAAC,EAAG,MAAM,CAClD,CAACS,KAAKC,YAAcA,UAAUD,MAC9BH;QAGJ,KAAK,MAAM,CAACK,KAAKC,MAAM,IAAIL,OAAO,OAAO,CAACC,kBACtC,IAAII,QAAAA,SAAyCA,AAAU,OAAVA,OACzCT,QAAQ,MAAM,CAAC,KAAK,CAACQ;aAErBR,QAAQ,MAAM,CAAC,GAAG,CAACQ,KAAKC;IAGpC;IAEA,OAAO,WAAP,GACI,oBAACC,SAAOA;QAAC,SAASd;QAAS,MAAMG;QAAgB,UAAUG;OACtDJ;AAGb"}

package/components/ListView/ListViewHeader.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface ListViewHeaderProps {
+    title: {
+        icon: React.ReactElement;
+        text?: string;
+        after?: React.ReactNode;
+    };
+    search?: {
+        placeholder?: string;
+        id?: string;
+        disabled?: boolean;
+    } | true;
+    filtersToggle?: boolean;
+    actions?: React.ReactNode;
+}
+declare const ListViewHeader: ({ title, search, filtersToggle, actions }: ListViewHeaderProps) => React.JSX.Element;
+export { ListViewHeader };

package/components/ListView/ListViewHeader.js

@@ -0,0 +1,72 @@
+import react from "react";
+import { DelayedOnChange, Heading, Icon, Input, Separator, Skeleton } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/search.svg";
+import { FiltersToggle } from "../Filters/FiltersToggle.js";
+import { observer } from "mobx-react-lite";
+import { useListView } from "./context.js";
+const SearchInput = observer((props)=>{
+    const { list, actions } = useListView();
+    return /*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: list.search,
+        onChange: (value)=>{
+            const searchQuery = value.trim();
+            if (searchQuery === list.search) return;
+            if (!searchQuery) return void actions.search.clear();
+            actions.search.set(searchQuery);
+        }
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Input, {
+            id: props.id,
+            value: value,
+            onChange: (e)=>onChange(e.target.value),
+            forwardEventOnChange: true,
+            placeholder: props.placeholder ?? "Search...",
+            startIcon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Search"
+            }),
+            size: "md",
+            variant: "ghost",
+            className: "w-full",
+            disabled: props.disabled
+        }));
+});
+const FiltersToggleObserver = observer(()=>{
+    const { showingFilters, onToggleFilters } = useListView();
+    if (!onToggleFilters) return null;
+    return /*#__PURE__*/ react.createElement(FiltersToggle, {
+        onFiltersToggle: onToggleFilters,
+        showingFilters: showingFilters
+    });
+});
+const ListViewHeader = ({ title, search, filtersToggle, actions })=>{
+    const searchProps = true === search ? {} : search;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-5/12 pt-md px-lg"
+    }, void 0 !== title.text ? /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-sm items-center"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        icon: title.icon,
+        label: title.text,
+        size: "md",
+        color: "neutral-strong"
+    }), /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        as: "h1",
+        className: "truncate"
+    }, title.text), title.after) : /*#__PURE__*/ react.createElement(Skeleton, {
+        size: "xl"
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "px-md pb-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm w-full"
+    }, searchProps ? /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1"
+    }, /*#__PURE__*/ react.createElement(SearchInput, searchProps)) : null, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-sm"
+    }, filtersToggle ? /*#__PURE__*/ react.createElement(FiltersToggleObserver, null) : null, actions))))), /*#__PURE__*/ react.createElement(Separator, null));
+};
+export { ListViewHeader };
+
+//# sourceMappingURL=ListViewHeader.js.map

package/components/ListView/ListViewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListViewHeader.js","sources":["../../../src/components/ListView/ListViewHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Icon, Separator, Skeleton } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { DelayedOnChange, Input } from \"@webiny/admin-ui\";\nimport { FiltersToggle } from \"~/components/Filters/FiltersToggle.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useListView } from \"./context.js\";\n\nexport interface ListViewHeaderProps {\n    title: {\n        icon: React.ReactElement;\n        text?: string;\n        after?: React.ReactNode;\n    };\n    search?: { placeholder?: string; id?: string; disabled?: boolean } | true;\n    filtersToggle?: boolean;\n    actions?: React.ReactNode;\n}\n\nconst SearchInput = observer((props: { placeholder?: string; id?: string; disabled?: boolean }) => {\n    const { list, actions } = useListView();\n\n    return (\n        <DelayedOnChange\n            value={list.search}\n            onChange={value => {\n                const searchQuery = value.trim();\n\n                if (searchQuery === list.search) {\n                    return;\n                }\n\n                if (!searchQuery) {\n                    actions.search.clear();\n                    return;\n                }\n\n                actions.search.set(searchQuery);\n            }}\n        >\n            {({ value, onChange }) => (\n                <Input\n                    id={props.id}\n                    value={value}\n                    onChange={e => onChange(e.target.value)}\n                    forwardEventOnChange={true}\n                    placeholder={props.placeholder ?? \"Search...\"}\n                    startIcon={<Icon icon={<SearchIcon />} label=\"Search\" />}\n                    size={\"md\"}\n                    variant={\"ghost\"}\n                    className={\"w-full\"}\n                    disabled={props.disabled}\n                />\n            )}\n        </DelayedOnChange>\n    );\n});\n\nconst FiltersToggleObserver = observer(() => {\n    const { showingFilters, onToggleFilters } = useListView();\n\n    if (!onToggleFilters) {\n        return null;\n    }\n\n    return <FiltersToggle onFiltersToggle={onToggleFilters} showingFilters={showingFilters} />;\n});\n\nconst ListViewHeader = ({ title, search, filtersToggle, actions }: ListViewHeaderProps) => {\n    const searchProps = search === true ? {} : search;\n\n    return (\n        <>\n            <div className={\"flex flex-col gap-md\"}>\n                <div className={\"w-5/12 pt-md px-lg\"}>\n                    {title.text !== undefined ? (\n                        <div className={\"flex gap-sm items-center\"}>\n                            <Icon\n                                icon={title.icon}\n                                label={title.text}\n                                size={\"md\"}\n                                color={\"neutral-strong\"}\n                            />\n                            <Heading level={4} as={\"h1\"} className={\"truncate\"}>\n                                {title.text}\n                            </Heading>\n                            {title.after}\n                        </div>\n                    ) : (\n                        <Skeleton size={\"xl\"} />\n                    )}\n                </div>\n                <div className={\"px-md pb-sm\"}>\n                    <div className={\"flex items-center gap-sm w-full\"}>\n                        {searchProps ? (\n                            <div className={\"flex-1\"}>\n                                <SearchInput {...searchProps} />\n                            </div>\n                        ) : null}\n                        <div>\n                            <div className={\"flex gap-sm\"}>\n                                {filtersToggle ? <FiltersToggleObserver /> : null}\n                                {actions}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <Separator />\n        </>\n    );\n};\n\nexport { ListViewHeader };\n"],"names":["SearchInput","observer","props","list","actions","useListView","DelayedOnChange","value","searchQuery","onChange","Input","e","Icon","SearchIcon","FiltersToggleObserver","showingFilters","onToggleFilters","FiltersToggle","ListViewHeader","title","search","filtersToggle","searchProps","undefined","Heading","Skeleton","Separator"],"mappings":";;;;;;AAmBA,MAAMA,cAAcC,SAAS,CAACC;IAC1B,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAE1B,OAAO,WAAP,GACI,oBAACC,iBAAeA;QACZ,OAAOH,KAAK,MAAM;QAClB,UAAUI,CAAAA;YACN,MAAMC,cAAcD,MAAM,IAAI;YAE9B,IAAIC,gBAAgBL,KAAK,MAAM,EAC3B;YAGJ,IAAI,CAACK,aAAa,YACdJ,QAAQ,MAAM,CAAC,KAAK;YAIxBA,QAAQ,MAAM,CAAC,GAAG,CAACI;QACvB;OAEC,CAAC,EAAED,KAAK,EAAEE,QAAQ,EAAE,iBACjB,oBAACC,OAAKA;YACF,IAAIR,MAAM,EAAE;YACZ,OAAOK;YACP,UAAUI,CAAAA,IAAKF,SAASE,EAAE,MAAM,CAAC,KAAK;YACtC,sBAAsB;YACtB,aAAaT,MAAM,WAAW,IAAI;YAClC,yBAAW,oBAACU,MAAIA;gBAAC,oBAAM,oBAACC,gBAAUA;gBAAK,OAAM;;YAC7C,MAAM;YACN,SAAS;YACT,WAAW;YACX,UAAUX,MAAM,QAAQ;;AAK5C;AAEA,MAAMY,wBAAwBb,SAAS;IACnC,MAAM,EAAEc,cAAc,EAAEC,eAAe,EAAE,GAAGX;IAE5C,IAAI,CAACW,iBACD,OAAO;IAGX,OAAO,WAAP,GAAO,oBAACC,eAAaA;QAAC,iBAAiBD;QAAiB,gBAAgBD;;AAC5E;AAEA,MAAMG,iBAAiB,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,aAAa,EAAEjB,OAAO,EAAuB;IAClF,MAAMkB,cAAcF,AAAW,SAAXA,SAAkB,CAAC,IAAIA;IAE3C,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;OACXD,AAAeI,WAAfJ,MAAM,IAAI,GAAiB,WAAZI,GACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACX,MAAIA;QACD,MAAMO,MAAM,IAAI;QAChB,OAAOA,MAAM,IAAI;QACjB,MAAM;QACN,OAAO;sBAEX,oBAACK,SAAOA;QAAC,OAAO;QAAG,IAAI;QAAM,WAAW;OACnCL,MAAM,IAAI,GAEdA,MAAM,KAAK,kBAGhB,oBAACM,UAAQA;QAAC,MAAM;uBAGxB,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;OACXH,cAAc,WAAdA,GACG,oBAAC;QAAI,WAAW;qBACZ,oBAACtB,aAAgBsB,gBAErB,oBACJ,oBAAC,2BACG,oBAAC;QAAI,WAAW;OACXD,gBAAgB,WAAhBA,GAAgB,oBAACP,uBAAqBA,QAAM,MAC5CV,cAAAA,WAAAA,GAMrB,oBAACsB,WAASA;AAGtB"}

package/components/ListView/ListViewSidebar.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface SidebarSectionProps {
+    grow?: boolean;
+    maxHeight?: string;
+    scrollable?: boolean;
+    children: React.ReactNode;
+}
+declare const SidebarSection: ({ grow, maxHeight, scrollable, children }: SidebarSectionProps) => React.JSX.Element;
+export interface ListViewSidebarProps {
+    title?: string;
+    children: React.ReactNode;
+}
+declare function ListViewSidebar({ title, children }: ListViewSidebarProps): React.JSX.Element;
+declare namespace ListViewSidebar {
+    export { SidebarSection as Section };
+}
+export { ListViewSidebar };

package/components/ListView/ListViewSidebar.js

@@ -0,0 +1,25 @@
+import react from "react";
+import { Heading, Separator } from "@webiny/admin-ui";
+const SidebarSection = ({ grow, maxHeight, scrollable, children })=>{
+    const style = {};
+    if (maxHeight) style.maxHeight = maxHeight;
+    const classes = [
+        grow ? "flex-1" : void 0,
+        false !== scrollable ? "overflow-y-scroll" : void 0
+    ].filter(Boolean).join(" ");
+    return /*#__PURE__*/ react.createElement("div", {
+        className: classes,
+        style: style
+    }, children);
+};
+const ListViewSidebar = ({ title, children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, title ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "py-sm px-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 5
+    }, title)), /*#__PURE__*/ react.createElement(Separator, null)) : null, children);
+ListViewSidebar.Section = SidebarSection;
+export { ListViewSidebar };
+
+//# sourceMappingURL=ListViewSidebar.js.map

package/components/ListView/ListViewSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListViewSidebar.js","sources":["../../../src/components/ListView/ListViewSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Separator } from \"@webiny/admin-ui\";\n\nexport interface SidebarSectionProps {\n    grow?: boolean;\n    maxHeight?: string;\n    scrollable?: boolean;\n    children: React.ReactNode;\n}\n\nconst SidebarSection = ({ grow, maxHeight, scrollable, children }: SidebarSectionProps) => {\n    const style: React.CSSProperties = {};\n    if (maxHeight) {\n        style.maxHeight = maxHeight;\n    }\n\n    const classes = [\n        grow ? \"flex-1\" : undefined,\n        scrollable !== false ? \"overflow-y-scroll\" : undefined\n    ]\n        .filter(Boolean)\n        .join(\" \");\n\n    return (\n        <div className={classes} style={style}>\n            {children}\n        </div>\n    );\n};\n\nexport interface ListViewSidebarProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nconst ListViewSidebar = ({ title, children }: ListViewSidebarProps) => {\n    return (\n        <div className={\"flex flex-col h-main-content\"}>\n            {title ? (\n                <>\n                    <div className={\"py-sm px-md\"}>\n                        <Heading level={5}>{title}</Heading>\n                    </div>\n                    <Separator />\n                </>\n            ) : null}\n            {children}\n        </div>\n    );\n};\n\nListViewSidebar.Section = SidebarSection;\n\nexport { ListViewSidebar };\n"],"names":["SidebarSection","grow","maxHeight","scrollable","children","style","classes","undefined","Boolean","ListViewSidebar","title","Heading","Separator"],"mappings":";;AAUA,MAAMA,iBAAiB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,EAAuB;IAClF,MAAMC,QAA6B,CAAC;IACpC,IAAIH,WACAG,MAAM,SAAS,GAAGH;IAGtB,MAAMI,UAAU;QACZL,OAAO,WAAWM;QACH,UAAfJ,aAAuB,sBAAsBI;KAChD,CACI,MAAM,CAACC,SACP,IAAI,CAAC;IAEV,OAAO,WAAP,GACI,oBAAC;QAAI,WAAWF;QAAS,OAAOD;OAC3BD;AAGb;AAOA,MAAMK,kBAAkB,CAAC,EAAEC,KAAK,EAAEN,QAAQ,EAAwB,GACvD,WAAP,GACI,oBAAC;QAAI,WAAW;OACXM,QAAQ,WAARA,GACG,wDACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,SAAOA;QAAC,OAAO;OAAID,SAAAA,WAAAA,GAExB,oBAACE,WAASA,SAEd,MACHR;AAKbK,gBAAgB,OAAO,GAAGT"}

package/components/ListView/ListViewTable.d.ts

@@ -0,0 +1,18 @@
+export interface UseListViewTablePropsOptions {
+    namespace: string;
+    nameColumnId?: string;
+}
+export declare function useListViewTableProps({ namespace, nameColumnId }: UseListViewTablePropsOptions): {
+    loading: boolean;
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[];
+    onSortingChange: (updater: any) => void;
+    onSelectRow: (documents: Array<{
+        id: string;
+    }>) => void;
+    selectedIds: Set<string>;
+    namespace: string;
+    nameColumnId: string | undefined;
+};

package/components/ListView/ListViewTable.js

@@ -0,0 +1,33 @@
+import { useMemo } from "react";
+import { useListView } from "./context.js";
+function useListViewTableProps({ namespace, nameColumnId }) {
+    const { list, actions } = useListView();
+    const sorting = useMemo(()=>{
+        if (!list.sort) return [];
+        return [
+            {
+                id: list.sort.field,
+                desc: "DESC" === list.sort.direction
+            }
+        ];
+    }, [
+        list.sort
+    ]);
+    return {
+        loading: list.pagination.loading,
+        sorting,
+        onSortingChange: (updater)=>{
+            const newSorting = "function" == typeof updater ? updater(sorting) : updater;
+            if (newSorting.length > 0) actions.sort.set(newSorting[0].id, newSorting[0].desc ? "DESC" : "ASC");
+        },
+        onSelectRow: (documents)=>{
+            actions.selection.selectRows(documents.map((d)=>d.id));
+        },
+        selectedIds: list.selection.selectedIds,
+        namespace,
+        nameColumnId
+    };
+}
+export { useListViewTableProps };
+
+//# sourceMappingURL=ListViewTable.js.map

package/components/ListView/ListViewTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListViewTable.js","sources":["../../../src/components/ListView/ListViewTable.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useListView } from \"./context.js\";\n\nexport interface UseListViewTablePropsOptions {\n    namespace: string;\n    nameColumnId?: string;\n}\n\nexport function useListViewTableProps({ namespace, nameColumnId }: UseListViewTablePropsOptions) {\n    const { list, actions } = useListView();\n\n    const sorting = useMemo(() => {\n        if (!list.sort) {\n            return [];\n        }\n        return [{ id: list.sort.field, desc: list.sort.direction === \"DESC\" }];\n    }, [list.sort]);\n\n    return {\n        loading: list.pagination.loading,\n        sorting,\n        onSortingChange: (updater: any) => {\n            const newSorting = typeof updater === \"function\" ? updater(sorting) : updater;\n            if (newSorting.length > 0) {\n                actions.sort.set(newSorting[0].id, newSorting[0].desc ? \"DESC\" : \"ASC\");\n            }\n        },\n        onSelectRow: (documents: Array<{ id: string }>) => {\n            actions.selection.selectRows(documents.map(d => d.id));\n        },\n        selectedIds: list.selection.selectedIds,\n        namespace,\n        nameColumnId\n    };\n}\n"],"names":["useListViewTableProps","namespace","nameColumnId","list","actions","useListView","sorting","useMemo","updater","newSorting","documents","d"],"mappings":";;AAQO,SAASA,sBAAsB,EAAEC,SAAS,EAAEC,YAAY,EAAgC;IAC3F,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAE1B,MAAMC,UAAUC,QAAQ;QACpB,IAAI,CAACJ,KAAK,IAAI,EACV,OAAO,EAAE;QAEb,OAAO;YAAC;gBAAE,IAAIA,KAAK,IAAI,CAAC,KAAK;gBAAE,MAAMA,AAAwB,WAAxBA,KAAK,IAAI,CAAC,SAAS;YAAY;SAAE;IAC1E,GAAG;QAACA,KAAK,IAAI;KAAC;IAEd,OAAO;QACH,SAASA,KAAK,UAAU,CAAC,OAAO;QAChCG;QACA,iBAAiB,CAACE;YACd,MAAMC,aAAa,AAAmB,cAAnB,OAAOD,UAAyBA,QAAQF,WAAWE;YACtE,IAAIC,WAAW,MAAM,GAAG,GACpBL,QAAQ,IAAI,CAAC,GAAG,CAACK,UAAU,CAAC,EAAE,CAAC,EAAE,EAAEA,UAAU,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS;QAEzE;QACA,aAAa,CAACC;YACVN,QAAQ,SAAS,CAAC,UAAU,CAACM,UAAU,GAAG,CAACC,CAAAA,IAAKA,EAAE,EAAE;QACxD;QACA,aAAaR,KAAK,SAAS,CAAC,WAAW;QACvCF;QACAC;IACJ;AACJ"}

package/components/ListView/context.d.ts

@@ -0,0 +1,3 @@
+import type { ListViewContextValue } from "./types.js";
+export declare const ListViewProvider: import("react").Provider<ListViewContextValue | undefined>;
+export declare function useListView(): ListViewContextValue;

package/components/ListView/context.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from "react";
+const ListViewContext = createContext(void 0);
+const ListViewProvider = ListViewContext.Provider;
+function useListView() {
+    const ctx = useContext(ListViewContext);
+    if (!ctx) throw new Error("useListView() must be used within a <ListView> component.");
+    return ctx;
+}
+export { ListViewProvider, useListView };
+
+//# sourceMappingURL=context.js.map

package/components/ListView/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/context.js","sources":["../../../src/components/ListView/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ListViewContextValue } from \"./types.js\";\n\nconst ListViewContext = createContext<ListViewContextValue | undefined>(undefined);\n\nexport const ListViewProvider = ListViewContext.Provider;\n\nexport function useListView(): ListViewContextValue {\n    const ctx = useContext(ListViewContext);\n    if (!ctx) {\n        throw new Error(\"useListView() must be used within a <ListView> component.\");\n    }\n    return ctx;\n}\n"],"names":["ListViewContext","createContext","undefined","ListViewProvider","useListView","ctx","useContext","Error"],"mappings":";AAGA,MAAMA,kBAAkBC,cAAgDC;AAEjE,MAAMC,mBAAmBH,gBAAgB,QAAQ;AAEjD,SAASI;IACZ,MAAMC,MAAMC,WAAWN;IACvB,IAAI,CAACK,KACD,MAAM,IAAIE,MAAM;IAEpB,OAAOF;AACX"}

package/components/ListView/index.d.ts

@@ -0,0 +1,24 @@
+import { ListViewBase } from "./ListView.js";
+import { ListViewSidebar } from "./ListViewSidebar.js";
+import { ListViewHeader } from "./ListViewHeader.js";
+import { ListViewBottomBar } from "./ListViewBottomBar.js";
+export declare const ListView: typeof ListViewBase & {
+    Sidebar: typeof ListViewSidebar & {
+        Section: ({ grow, maxHeight, scrollable, children }: import("./ListViewSidebar.js").SidebarSectionProps) => import("react").JSX.Element;
+    };
+    Header: typeof ListViewHeader;
+    BottomBar: typeof ListViewBottomBar;
+    BulkActions: (({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewBulkActions.js").ListViewBulkActionsProps> & {
+        readonly type: ({ itemLabel, itemLabelPlural, actions: bulkActions }: import("./ListViewBulkActions.js").ListViewBulkActionsProps) => import("react").JSX.Element;
+    };
+    Filters: (({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewFilters.js").ListViewFiltersProps> & {
+        readonly type: ({ filters, filtersToWhere, children }: import("./ListViewFilters.js").ListViewFiltersProps) => import("react").JSX.Element;
+    };
+    Content: (({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element) & import("react").NamedExoticComponent<import("./ListViewContent.js").ListViewContentProps> & {
+        readonly type: ({ loadMoreThreshold, loadMoreDebounceMs, empty, searchEmpty, children }: import("./ListViewContent.js").ListViewContentProps) => import("react").JSX.Element;
+    };
+};
+export { useListView } from "./context.js";
+export { useListViewTableProps } from "./ListViewTable.js";
+export type { ListViewContextValue } from "./types.js";
+export type { ListViewProps } from "./ListView.js";

package/components/ListView/index.js

@@ -0,0 +1,22 @@
+import { ListViewBase } from "./ListView.js";
+import { ListViewSidebar } from "./ListViewSidebar.js";
+import { ListViewHeader } from "./ListViewHeader.js";
+import { ListViewBottomBar } from "./ListViewBottomBar.js";
+import { ListViewBulkActions } from "./ListViewBulkActions.js";
+import { ListViewFilters } from "./ListViewFilters.js";
+import { ListViewContent } from "./ListViewContent.js";
+const ListView = Object.assign(ListViewBase, {
+    Sidebar: Object.assign(ListViewSidebar, {
+        Section: ListViewSidebar.Section
+    }),
+    Header: ListViewHeader,
+    BottomBar: ListViewBottomBar,
+    BulkActions: ListViewBulkActions,
+    Filters: ListViewFilters,
+    Content: ListViewContent
+});
+export { useListView } from "./context.js";
+export { useListViewTableProps } from "./ListViewTable.js";
+export { ListView };
+
+//# sourceMappingURL=index.js.map

package/components/ListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/index.js","sources":["../../../src/components/ListView/index.ts"],"sourcesContent":["import { ListViewBase } from \"./ListView.js\";\nimport { ListViewSidebar } from \"./ListViewSidebar.js\";\nimport { ListViewHeader } from \"./ListViewHeader.js\";\nimport { ListViewBottomBar } from \"./ListViewBottomBar.js\";\nimport { ListViewBulkActions } from \"./ListViewBulkActions.js\";\nimport { ListViewFilters } from \"./ListViewFilters.js\";\nimport { ListViewContent } from \"./ListViewContent.js\";\n\nexport const ListView = Object.assign(ListViewBase, {\n    Sidebar: Object.assign(ListViewSidebar, {\n        Section: ListViewSidebar.Section\n    }),\n    Header: ListViewHeader,\n    BottomBar: ListViewBottomBar,\n    BulkActions: ListViewBulkActions,\n    Filters: ListViewFilters,\n    Content: ListViewContent\n});\n\nexport { useListView } from \"./context.js\";\nexport { useListViewTableProps } from \"./ListViewTable.js\";\nexport type { ListViewContextValue } from \"./types.js\";\nexport type { ListViewProps } from \"./ListView.js\";\n"],"names":["ListView","Object","ListViewBase","ListViewSidebar","ListViewHeader","ListViewBottomBar","ListViewBulkActions","ListViewFilters","ListViewContent"],"mappings":";;;;;;;AAQO,MAAMA,WAAWC,OAAO,MAAM,CAACC,cAAc;IAChD,SAASD,OAAO,MAAM,CAACE,iBAAiB;QACpC,SAASA,gBAAgB,OAAO;IACpC;IACA,QAAQC;IACR,WAAWC;IACX,aAAaC;IACb,SAASC;IACT,SAASC;AACb"}

package/components/ListView/types.d.ts

@@ -0,0 +1,7 @@
+import type { IListViewModel, IListActions } from "../../presentation/listPresenter/abstractions.js";
+export interface ListViewContextValue {
+    list: IListViewModel<any>;
+    actions: IListActions;
+    showingFilters: boolean;
+    onToggleFilters?: () => void;
+}

package/components/MultiImageUpload.js

@@ -1,16 +1,7 @@
-import * as React from "react";
 import { MultiFilePicker } from "@webiny/admin-ui";
-
-/**
- * TODO @ts-refactor
- */
-
-// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.
-const MultiImageUpload = ({
-  props
-}) => {
-  return /*#__PURE__*/React.createElement(MultiFilePicker, props);
-};
-export default MultiImageUpload;
+import * as __rspack_external_react from "react";
+const MultiImageUpload = ({ props })=>/*#__PURE__*/ __rspack_external_react.createElement(MultiFilePicker, props);
+const components_MultiImageUpload = MultiImageUpload;
+export default components_MultiImageUpload;
 
 //# sourceMappingURL=MultiImageUpload.js.map

package/components/MultiImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","MultiFilePicker","MultiImageUpload","props","createElement"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\n\n// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.\nconst MultiImageUpload = ({ props }: MultiImageUploadProps) => {\n    return <MultiFilePicker {...props} />;\n};\n\nexport default MultiImageUpload;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,kBAAkB;;AAElD;AACA;AACA;;AASA;AACA,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EAC3D,oBAAOH,KAAA,CAAAI,aAAA,CAACH,eAAe,EAAKE,KAAQ,CAAC;AACzC,CAAC;AAED,eAAeD,gBAAgB","ignoreList":[]}
+{"version":3,"file":"components/MultiImageUpload.js","sources":["../../src/components/MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { MultiFilePicker } from \"@webiny/admin-ui\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\n\n// This component looks unused, but let's keep it for now. Down the line, we might want to remove it.\nconst MultiImageUpload = ({ props }: MultiImageUploadProps) => {\n    return <MultiFilePicker {...props} />;\n};\n\nexport default MultiImageUpload;\n"],"names":["MultiImageUpload","props","MultiFilePicker"],"mappings":";;AAeA,MAAMA,mBAAmB,CAAC,EAAEC,KAAK,EAAyB,GAC/C,WAAP,GAAO,sCAACC,iBAAoBD;AAGhC,oCAAeD"}

package/components/NotAuthorizedError/NotAuthorizedError.js

@@ -1,20 +1,19 @@
-import * as React from "react";
 import { Link, Text } from "@webiny/admin-ui";
-import authErrorImg from "./SecureRouteError.svg";
-export const NotAuthorizedError = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "h-full flex flex-col items-center justify-center text-center gap-xs"
-  }, /*#__PURE__*/React.createElement("img", {
-    width: 200,
-    height: 200,
-    src: authErrorImg,
-    alt: "Not Authorized",
-    className: "mb-xl"
-  }), /*#__PURE__*/React.createElement(Text, null, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(Text, null, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(Link, {
-    to: "/"
-  }, "Take me back.")));
-};
+import SecureRouteError from "./SecureRouteError.js";
+import * as __rspack_external_react from "react";
+const NotAuthorizedError = ()=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex-1"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "h-full flex flex-col items-center justify-center text-center gap-xs"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("img", {
+        width: 200,
+        height: 200,
+        src: SecureRouteError,
+        alt: "Not Authorized",
+        className: "mb-xl"
+    }), /*#__PURE__*/ __rspack_external_react.createElement(Text, null, "You are not authorized to view this route."), /*#__PURE__*/ __rspack_external_react.createElement(Text, null, "Please contact your administrator to request access."), /*#__PURE__*/ __rspack_external_react.createElement(Link, {
+        to: "/"
+    }, "Take me back.")));
+export { NotAuthorizedError };
 
 //# sourceMappingURL=NotAuthorizedError.js.map

package/components/NotAuthorizedError/NotAuthorizedError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Link","Text","authErrorImg","NotAuthorizedError","createElement","className","width","height","src","alt","to"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\n\nexport const NotAuthorizedError = () => {\n    return (\n        <div className={\"flex-1\"}>\n            <div className={\"h-full flex flex-col items-center justify-center text-center gap-xs\"}>\n                <img\n                    width={200}\n                    height={200}\n                    src={authErrorImg}\n                    alt=\"Not Authorized\"\n                    className={\"mb-xl\"}\n                />\n                <Text>You are not authorized to view this route.</Text>\n                <Text>Please contact your administrator to request access.</Text>\n                <Link to=\"/\">Take me back.</Link>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,OAAOC,YAAY;AAEnB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAsE,gBAClFN,KAAA,CAAAK,aAAA;IACIE,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,GAAG,EAAEN,YAAa;IAClBO,GAAG,EAAC,gBAAgB;IACpBJ,SAAS,EAAE;EAAQ,CACtB,CAAC,eACFN,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,4CAAgD,CAAC,eACvDF,KAAA,CAAAK,aAAA,CAACH,IAAI,QAAC,sDAA0D,CAAC,eACjEF,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACU,EAAE,EAAC;EAAG,GAAC,eAAmB,CAC/B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/NotAuthorizedError/NotAuthorizedError.js","sources":["../../../src/components/NotAuthorizedError/NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link, Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\n\nexport const NotAuthorizedError = () => {\n    return (\n        <div className={\"flex-1\"}>\n            <div className={\"h-full flex flex-col items-center justify-center text-center gap-xs\"}>\n                <img\n                    width={200}\n                    height={200}\n                    src={authErrorImg}\n                    alt=\"Not Authorized\"\n                    className={\"mb-xl\"}\n                />\n                <Text>You are not authorized to view this route.</Text>\n                <Text>Please contact your administrator to request access.</Text>\n                <Link to=\"/\">Take me back.</Link>\n            </div>\n        </div>\n    );\n};\n"],"names":["NotAuthorizedError","authErrorImg","Text","Link"],"mappings":";;;AAIO,MAAMA,qBAAqB,IACvB,WAAP,GACI,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QACG,OAAO;QACP,QAAQ;QACR,KAAKC;QACL,KAAI;QACJ,WAAW;sBAEf,sCAACC,MAAIA,MAAC,6DACN,sCAACA,MAAIA,MAAC,uEACN,sCAACC,MAAIA;QAAC,IAAG;OAAI"}