@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.js

@@ -0,0 +1,117 @@
+import react, { useCallback, useEffect, useState } from "react";
+import { Search } from "./Search.js";
+import { Entry } from "./Entry.js";
+import { useSnackbar } from "@webiny/app-admin";
+import { parseIdentifier } from "@webiny/utils";
+import { useEntries } from "../hooks/useEntries.js";
+import { Entries } from "./Entries.js";
+import { Dialog, OverlayLoader } from "@webiny/admin-ui";
+const isSelected = (entryId, values)=>{
+    if (!entryId) return false;
+    return values.some((value)=>{
+        const { id: valueEntryId } = parseIdentifier(value.id);
+        return entryId === valueEntryId;
+    });
+};
+const getSettings = (field)=>{
+    if ("function" == typeof field.renderer) return;
+    return field.renderer.settings;
+};
+const ReferencesDialog = (props)=>{
+    const { showSnackbar } = useSnackbar();
+    const { contentModel, onDialogClose, storeValues, values: initialValues, multiple, field } = props;
+    const [values, setValues] = useState(initialValues || []);
+    const [searchValue, setSearchValue] = useState("");
+    const rendererSettings = getSettings(field);
+    const newItemPosition = rendererSettings?.newItemPosition ?? "last";
+    const onChange = useCallback((reference)=>{
+        const { id: referenceEntryId } = parseIdentifier(reference.id);
+        if (!multiple) {
+            const [value] = values;
+            if (!value?.id) return void setValues([
+                reference
+            ]);
+            const { id: valueEntryId } = parseIdentifier(value.id);
+            if (referenceEntryId === valueEntryId) return void setValues([]);
+            setValues([
+                reference
+            ]);
+            return;
+        }
+        const newValues = values.filter((value)=>{
+            if (!value?.id) return false;
+            const { id: valueEntryId } = parseIdentifier(value.id);
+            return referenceEntryId !== valueEntryId;
+        });
+        if (newValues.length === values.length) return void setValues((values)=>{
+            if ("first" === newItemPosition) return [
+                reference,
+                ...values
+            ];
+            return [
+                ...values,
+                reference
+            ];
+        });
+        setValues(newValues);
+    }, [
+        setValues,
+        values
+    ]);
+    const onDialogSave = useCallback(()=>{
+        storeValues(values);
+        onDialogClose();
+    }, [
+        values
+    ]);
+    const { entries, loading, error, runSearch, loadMore } = useEntries({
+        model: contentModel,
+        limit: 10
+    });
+    useEffect(()=>{
+        runSearch("");
+    }, []);
+    useEffect(()=>{
+        if (!error) return;
+        showSnackbar(error);
+    }, [
+        error
+    ]);
+    const onInput = useCallback((value)=>{
+        runSearch(value);
+        setSearchValue(value);
+    }, []);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog, {
+        className: "w-[800px]",
+        size: "lg",
+        open: true,
+        onClose: onDialogClose,
+        title: "Select an existing record",
+        description: /*#__PURE__*/ react.createElement(react.Fragment, null, "Content model:", " ", /*#__PURE__*/ react.createElement("span", {
+            className: "font-bold text-neutral-primary"
+        }, contentModel.name)),
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, null), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: onDialogSave,
+            text: "Save"
+        }))
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement(Search, {
+        onChange: onInput,
+        value: searchValue
+    }), /*#__PURE__*/ react.createElement(Entries, {
+        entries: entries,
+        loadMore: loadMore
+    }, (entry)=>/*#__PURE__*/ react.createElement(Entry, {
+            model: contentModel,
+            key: `reference-entry-${entry.id}`,
+            entry: entry,
+            selected: isSelected(entry.entryId, values),
+            onChange: onChange
+        }))))));
+};
+export { ReferencesDialog };
+
+//# sourceMappingURL=ReferencesDialog.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Search } from \"./Search.js\";\nimport { Entry } from \"./Entry.js\";\nimport type { CmsModelField, CmsModelFieldRendererProps } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.js\";\nimport { Entries } from \"./Entries.js\";\nimport type { MultiRefFieldSettings } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.js\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\n\nconst isSelected = (entryId: string, values: CmsReferenceValue[]) => {\n    if (!entryId) {\n        return false;\n    }\n    return values.some(value => {\n        const { id: valueEntryId } = parseIdentifier(value.id);\n        return entryId === valueEntryId;\n    });\n};\n\ninterface ReferencesDialogProps extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    field: CmsModelField;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nconst getSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return undefined;\n    }\n\n    return field.renderer.settings as MultiRefFieldSettings;\n};\n\nexport const ReferencesDialog = (props: ReferencesDialogProps) => {\n    const { showSnackbar } = useSnackbar();\n\n    const {\n        contentModel,\n        onDialogClose,\n        storeValues,\n        values: initialValues,\n        multiple,\n        field\n    } = props;\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\n    const [searchValue, setSearchValue] = useState<string>(\"\");\n    const rendererSettings = getSettings(field);\n    const newItemPosition = rendererSettings?.newItemPosition ?? \"last\";\n\n    /**\n     * On change needs to handle the adding or removing of a reference.\n     *\n     * This is for both single and multiple reference fields.\n     */\n    const onChange = useCallback(\n        (reference: CmsReferenceValue) => {\n            const { id: referenceEntryId } = parseIdentifier(reference.id);\n            /**\n             * Let's handle the single usage first as it is quite simple.\n             */\n            if (!multiple) {\n                const [value] = values;\n                if (!value?.id) {\n                    setValues([reference]);\n                    return;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                if (referenceEntryId === valueEntryId) {\n                    setValues([]);\n                    return;\n                }\n                setValues([reference]);\n                return;\n            }\n\n            const newValues = values.filter(value => {\n                if (!value?.id) {\n                    return false;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return referenceEntryId !== valueEntryId;\n            });\n\n            if (newValues.length === values.length) {\n                setValues(values => {\n                    if (newItemPosition === \"first\") {\n                        return [reference, ...values];\n                    }\n                    return [...values, reference];\n                });\n                return;\n            }\n            setValues(newValues);\n        },\n        [setValues, values]\n    );\n\n    const onDialogSave = useCallback(() => {\n        storeValues(values);\n        onDialogClose();\n    }, [values]);\n    /**\n     * Searching and list of reference entries.\n     */\n    const { entries, loading, error, runSearch, loadMore } = useEntries({\n        model: contentModel,\n        limit: 10\n    });\n\n    useEffect(() => {\n        runSearch(\"\");\n    }, []);\n\n    useEffect(() => {\n        if (!error) {\n            return;\n        }\n        showSnackbar(error);\n    }, [error]);\n\n    const onInput = useCallback((value: string) => {\n        runSearch(value);\n        setSearchValue(value);\n    }, []);\n\n    return (\n        <>\n            <Dialog\n                className={\"w-[800px]\"}\n                size={\"lg\"}\n                open={true}\n                onClose={onDialogClose}\n                title={\"Select an existing record\"}\n                description={\n                    <>\n                        Content model:{\" \"}\n                        <span className={\"font-bold text-neutral-primary\"}>\n                            {contentModel.name}\n                        </span>\n                    </>\n                }\n                actions={\n                    <>\n                        <Dialog.CancelAction />\n                        <Dialog.ConfirmAction onClick={onDialogSave} text=\"Save\" />\n                    </>\n                }\n            >\n                <div className={\"relative\"}>\n                    {loading && <OverlayLoader />}\n                    <div className={\"flex flex-col gap-md\"}>\n                        <Search onChange={onInput} value={searchValue} />\n                        <Entries entries={entries} loadMore={loadMore}>\n                            {entry => {\n                                return (\n                                    <Entry\n                                        model={contentModel}\n                                        key={`reference-entry-${entry.id}`}\n                                        entry={entry}\n                                        selected={isSelected(entry.entryId, values)}\n                                        onChange={onChange}\n                                    />\n                                );\n                            }}\n                        </Entries>\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    );\n};\n"],"names":["isSelected","entryId","values","value","valueEntryId","parseIdentifier","getSettings","field","ReferencesDialog","props","showSnackbar","useSnackbar","contentModel","onDialogClose","storeValues","initialValues","multiple","setValues","useState","searchValue","setSearchValue","rendererSettings","newItemPosition","onChange","useCallback","reference","referenceEntryId","newValues","onDialogSave","entries","loading","error","runSearch","loadMore","useEntries","useEffect","onInput","Dialog","OverlayLoader","Search","Entries","entry","Entry"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/components/Search.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SearchProps {
+    onChange: (value: string) => void;
+    value: string;
+}
+export declare const Search: ({ onChange, value }: SearchProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/Search.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/search.svg";
+import { DelayedOnChange, Icon, Input } from "@webiny/admin-ui";
+const Search = ({ onChange, value })=>/*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: value,
+        onChange: onChange
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Input, {
+            size: "lg",
+            placeholder: "Search entries...",
+            onChange: onChange,
+            value: value,
+            startIcon: /*#__PURE__*/ react.createElement(Icon, {
+                label: "Search",
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            })
+        }));
+export { Search };
+
+//# sourceMappingURL=Search.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/Search.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Input, DelayedOnChange, Icon } from \"@webiny/admin-ui\";\n\ninterface SearchProps {\n    onChange: (value: string) => void;\n    value: string;\n}\n\nexport const Search = ({ onChange, value }: SearchProps) => {\n    return (\n        <DelayedOnChange value={value} onChange={onChange}>\n            {({ value, onChange }) => (\n                <Input\n                    size={\"lg\"}\n                    placeholder={\"Search entries...\"}\n                    onChange={onChange}\n                    value={value}\n                    startIcon={<Icon label=\"Search\" icon={<SearchIcon />} />}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"names":["Search","onChange","value","DelayedOnChange","Input","Icon","SearchIcon"],"mappings":";;;AASO,MAAMA,SAAS,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAe,GAC5C,WAAP,GACI,oBAACC,iBAAeA;QAAC,OAAOD;QAAO,UAAUD;OACpC,CAAC,EAAEC,KAAK,EAAED,QAAQ,EAAE,iBACjB,oBAACG,OAAKA;YACF,MAAM;YACN,aAAa;YACb,UAAUH;YACV,OAAOC;YACP,yBAAW,oBAACG,MAAIA;gBAAC,OAAM;gBAAS,oBAAM,oBAACC,gBAAUA"}

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/add-circle.js

@@ -0,0 +1,15 @@
+import __rslib_svgr_url__0__ from "../../../../../../../static/svg/add-circle.e3d74594.svg";
+import * as __rspack_external_react from "react";
+const SvgAddCircle = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 48 48",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "currentColor",
+        d: "M22.65 34h3v-8.3H34v-3h-8.35V14h-3v8.7H14v3h8.65ZM24 44q-4.1 0-7.75-1.575t-6.375-4.3-4.3-6.375T4 23.95q0-4.1 1.575-7.75t4.3-6.35 6.375-4.275T24.05 4q4.1 0 7.75 1.575t6.35 4.275 4.275 6.35T44 24q0 4.1-1.575 7.75t-4.275 6.375-6.35 4.3T24 44m.05-3q7.05 0 12-4.975T41 23.95q0-7.05-4.95-12T24 7q-7.05 0-12.025 4.95T7 24q0 7.05 4.975 12.025T24.05 41M24 24"
+    }));
+const add_circle = __rslib_svgr_url__0__;
+export default add_circle;
+export { SvgAddCircle as ReactComponent };
+
+//# sourceMappingURL=add-circle.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/add-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/assets/add-circle.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/assets/add-circle.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgAddCircle = props => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" {...props}><path fill=\"currentColor\" d=\"M22.65 34h3v-8.3H34v-3h-8.35V14h-3v8.7H14v3h8.65ZM24 44q-4.1 0-7.75-1.575t-6.375-4.3-4.3-6.375T4 23.95q0-4.1 1.575-7.75t4.3-6.35 6.375-4.275T24.05 4q4.1 0 7.75 1.575t6.35 4.275 4.275 6.35T44 24q0 4.1-1.575 7.75t-4.275 6.375-6.35 4.3T24 44m.05-3q7.05 0 12-4.975T41 23.95q0-7.05-4.95-12T24 7q-7.05 0-12.025 4.95T7 24q0 7.05 4.975 12.025T24.05 41M24 24\" /></svg>;\nexport { SvgAddCircle as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/add-circle.e3d74594.svg\";"],"names":["SvgAddCircle","props"],"mappings":";;AACA,MAAMA,eAAeC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAe,GAAE;;AAEjI"}

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/add-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M22.65 34h3v-8.3H34v-3h-8.35V14h-3v8.7H14v3h8.65ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 23.95q0-4.1 1.575-7.75 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24.05 4q4.1 0 7.75 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm.05-3q7.05 0 12-4.975T41 23.95q0-7.05-4.95-12T24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24.05 41ZM24 24Z" fill="currentColor"/></svg>

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/down-arrow.js

@@ -0,0 +1,15 @@
+import __rslib_svgr_url__0__ from "../../../../../../../static/svg/down-arrow.145c8d7d.svg";
+import * as __rspack_external_react from "react";
+const SvgDownArrow = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 48 48",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "currentColor",
+        d: "m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z"
+    }));
+const down_arrow = __rslib_svgr_url__0__;
+export default down_arrow;
+export { SvgDownArrow as ReactComponent };
+
+//# sourceMappingURL=down-arrow.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/down-arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/assets/down-arrow.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/assets/down-arrow.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgDownArrow = props => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" {...props}><path fill=\"currentColor\" d=\"m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z\" /></svg>;\nexport { SvgDownArrow as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/down-arrow.145c8d7d.svg\";"],"names":["SvgDownArrow","props"],"mappings":";;AACA,MAAMA,eAAeC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAe,GAAE;;AAEjI"}

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/down-arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z" fill="currentColor"/></svg>

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/link.js

@@ -0,0 +1,15 @@
+import __rslib_svgr_url__0__ from "../../../../../../../static/svg/link.3a8c598d.svg";
+import * as __rspack_external_react from "react";
+const SvgLink = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 48 48",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "currentColor",
+        d: "M22.5 34H14q-4.15 0-7.075-2.925T4 24t2.925-7.075T14 14h8.5v3H14q-2.9 0-4.95 2.05T7 24t2.05 4.95T14 31h8.5Zm-6.25-8.5v-3h15.5v3ZM25.5 34v-3H34q2.9 0 4.95-2.05T41 24t-2.05-4.95T34 17h-8.5v-3H34q4.15 0 7.075 2.925T44 24t-2.925 7.075T34 34Z"
+    }));
+const assets_link = __rslib_svgr_url__0__;
+export default assets_link;
+export { SvgLink as ReactComponent };
+
+//# sourceMappingURL=link.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/assets/link.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/assets/link.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgLink = props => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" {...props}><path fill=\"currentColor\" d=\"M22.5 34H14q-4.15 0-7.075-2.925T4 24t2.925-7.075T14 14h8.5v3H14q-2.9 0-4.95 2.05T7 24t2.05 4.95T14 31h8.5Zm-6.25-8.5v-3h15.5v3ZM25.5 34v-3H34q2.9 0 4.95-2.05T41 24t-2.05-4.95T34 17h-8.5v-3H34q4.15 0 7.075 2.925T44 24t-2.925 7.075T34 34Z\" /></svg>;\nexport { SvgLink as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/link.3a8c598d.svg\";"],"names":["SvgLink","props"],"mappings":";;AACA,MAAMA,UAAUC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAe,GAAE;;AAE5H"}

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M22.5 34H14q-4.15 0-7.075-2.925T4 24q0-4.15 2.925-7.075T14 14h8.5v3H14q-2.9 0-4.95 2.05Q7 21.1 7 24q0 2.9 2.05 4.95Q11.1 31 14 31h8.5Zm-6.25-8.5v-3h15.5v3ZM25.5 34v-3H34q2.9 0 4.95-2.05Q41 26.9 41 24q0-2.9-2.05-4.95Q36.9 17 34 17h-8.5v-3H34q4.15 0 7.075 2.925T44 24q0 4.15-2.925 7.075T34 34Z" fill="var(--mdc-theme-primary)" fill="currentColor"/></svg>

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/search.js

@@ -0,0 +1,16 @@
+import __rslib_svgr_url__0__ from "../../../../../../../static/svg/search.e8c000e9.svg";
+import * as __rspack_external_react from "react";
+const SvgSearch = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 48,
+        height: 48,
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "#666",
+        d: "M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025t-4.25.725q-5.4 0-9.15-3.75T6 18.75 9.75 9.7t9.1-3.75q5.3 0 9.025 3.75t3.725 9.05q0 2.15-.7 4.15t-2.1 3.75L42 39.75Zm-20.95-13.4q4.05 0 6.9-2.875t2.85-6.925-2.85-6.925-6.9-2.875q-4.1 0-6.975 2.875T9 18.75t2.875 6.925 6.975 2.875"
+    }));
+const search = __rslib_svgr_url__0__;
+export default search;
+export { SvgSearch as ReactComponent };
+
+//# sourceMappingURL=search.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/assets/search.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/assets/search.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={48} height={48} {...props}><path fill=\"#666\" d=\"M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025t-4.25.725q-5.4 0-9.15-3.75T6 18.75 9.75 9.7t9.1-3.75q5.3 0 9.025 3.75t3.725 9.05q0 2.15-.7 4.15t-2.1 3.75L42 39.75Zm-20.95-13.4q4.05 0 6.9-2.875t2.85-6.925-2.85-6.925-6.9-2.875q-4.1 0-6.975 2.875T9 18.75t2.875 6.925 6.975 2.875\" /></svg>;\nexport { SvgSearch as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/search.e8c000e9.svg\";"],"names":["SvgSearch","props"],"mappings":";;AACA,MAAMA,YAAYC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAK,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;;AAEzH"}

package/admin/plugins/fieldRenderers/ref/advanced/components/assets/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025-2 .725-4.25.725-5.4 0-9.15-3.75T6 18.75q0-5.3 3.75-9.05 3.75-3.75 9.1-3.75 5.3 0 9.025 3.75 3.725 3.75 3.725 9.05 0 2.15-.7 4.15-.7 2-2.1 3.75L42 39.75Zm-20.95-13.4q4.05 0 6.9-2.875Q28.6 22.8 28.6 18.75t-2.85-6.925Q22.9 8.95 18.85 8.95q-4.1 0-6.975 2.875T9 18.75q0 4.05 2.875 6.925t6.975 2.875Z" fill="#666"/></svg>

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface BoxProps {
+    icon: React.ReactElement | null;
+    name: string;
+    children?: React.ReactNode;
+}
+export declare const Box: ({ icon, name, children }: BoxProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.js

@@ -0,0 +1,39 @@
+import react from "react";
+import styled from "@emotion/styled";
+const Container = styled("div")({
+    display: "flex",
+    flexDirection: "row"
+});
+const Icon = styled("div")({
+    width: "32px",
+    height: "32px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+});
+const Content = styled("div")({
+    flex: "1",
+    paddingLeft: "10px"
+});
+const Name = styled("h4")({
+    fontWeight: 500,
+    fontSize: 11,
+    lineHeight: "16px",
+    letterSpacing: "0.5px",
+    color: "#938F99",
+    textTransform: "uppercase"
+});
+const Text = styled("h5")({
+    fontWeight: 500,
+    fontSize: 11,
+    lineHeight: "16px",
+    letterSpacing: "0.5px",
+    color: "#49454F"
+});
+const Box = ({ icon, name, children })=>{
+    if (!children) return /*#__PURE__*/ react.createElement(Container, null);
+    return /*#__PURE__*/ react.createElement(Container, null, /*#__PURE__*/ react.createElement(Icon, null, icon), /*#__PURE__*/ react.createElement(Content, null, /*#__PURE__*/ react.createElement(Name, null, name), /*#__PURE__*/ react.createElement(Text, null, children)));
+};
+export { Box };
+
+//# sourceMappingURL=Box.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/Box.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst Container = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\"\n});\n\nconst Icon = styled(\"div\")({\n    width: \"32px\",\n    height: \"32px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n});\nconst Content = styled(\"div\")({\n    flex: \"1\",\n    paddingLeft: \"10px\"\n});\nconst Name = styled(\"h4\")({\n    fontWeight: 500,\n    fontSize: 11,\n    lineHeight: \"16px\",\n    letterSpacing: \"0.5px\",\n    color: \"#938F99\",\n    textTransform: \"uppercase\"\n});\nconst Text = styled(\"h5\")({\n    fontWeight: 500,\n    fontSize: 11,\n    lineHeight: \"16px\",\n    letterSpacing: \"0.5px\",\n    color: \"#49454F\"\n});\n\ninterface BoxProps {\n    icon: React.ReactElement | null;\n    name: string;\n    children?: React.ReactNode;\n}\n\nexport const Box = ({ icon, name, children }: BoxProps) => {\n    if (!children) {\n        return <Container />;\n    }\n    return (\n        <Container>\n            <Icon>{icon}</Icon>\n            <Content>\n                <Name>{name}</Name>\n                <Text>{children}</Text>\n            </Content>\n        </Container>\n    );\n};\n"],"names":["Container","styled","Icon","Content","Name","Text","Box","icon","name","children"],"mappings":";;AAGA,MAAMA,YAAYC,OAAO,OAAO;IAC5B,SAAS;IACT,eAAe;AACnB;AAEA,MAAMC,OAAOD,OAAO,OAAO;IACvB,OAAO;IACP,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,gBAAgB;AACpB;AACA,MAAME,UAAUF,OAAO,OAAO;IAC1B,MAAM;IACN,aAAa;AACjB;AACA,MAAMG,OAAOH,OAAO,MAAM;IACtB,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,eAAe;IACf,OAAO;IACP,eAAe;AACnB;AACA,MAAMI,OAAOJ,OAAO,MAAM;IACtB,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,eAAe;IACf,OAAO;AACX;AAQO,MAAMK,MAAM,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAY;IAClD,IAAI,CAACA,UACD,OAAO,WAAP,GAAO,oBAACT,WAASA;IAErB,OAAO,WAAP,GACI,oBAACA,WAASA,MAAAA,WAAAA,GACN,oBAACE,MAAIA,MAAEK,OAAAA,WAAAA,GACP,oBAACJ,SAAOA,MAAAA,WAAAA,GACJ,oBAACC,MAAIA,MAAEI,OAAAA,WAAAA,GACP,oBAACH,MAAIA,MAAEI;AAIvB"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsIdentity } from "../../../../../../../types.js";
+interface CreatedByProps {
+    createdBy: CmsIdentity;
+    createdOn: Date;
+}
+export declare const CreatedBy: ({ createdBy, createdOn }: CreatedByProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.js

@@ -0,0 +1,12 @@
+import react from "react";
+import { Box } from "./Box.js";
+import { TimeAgo } from "@webiny/admin-ui";
+const CreatedBy = ({ createdBy, createdOn })=>/*#__PURE__*/ react.createElement(Box, {
+        icon: null,
+        name: "Created By"
+    }, createdBy.displayName, " ", /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: createdOn
+    }));
+export { CreatedBy };
+
+//# sourceMappingURL=CreatedBy.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsIdentity } from \"~/types.js\";\nimport { Box } from \"./Box.js\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\n\ninterface CreatedByProps {\n    createdBy: CmsIdentity;\n    createdOn: Date;\n}\nexport const CreatedBy = ({ createdBy, createdOn }: CreatedByProps) => {\n    return (\n        <Box icon={null} name={\"Created By\"}>\n            {createdBy.displayName} <TimeAgo datetime={createdOn} />\n        </Box>\n    );\n};\n"],"names":["CreatedBy","createdBy","createdOn","Box","TimeAgo"],"mappings":";;;AASO,MAAMA,YAAY,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAkB,GACvD,WAAP,GACI,oBAACC,KAAGA;QAAC,MAAM;QAAM,MAAM;OAClBF,UAAU,WAAW,EAAC,mBAAC,oBAACG,SAAOA;QAAC,UAAUF"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface DescriptionProps {
+    description?: string | null;
+}
+export declare const Description: ({ description }: DescriptionProps) => React.JSX.Element | null;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.js

@@ -0,0 +1,14 @@
+import react from "react";
+import { Text, cn } from "@webiny/admin-ui";
+const Description = ({ description })=>{
+    const MAX_LENGTH = 320;
+    if (!description) return null;
+    return /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: cn("truncate w-full text-neutral-muted")
+    }, description.length > MAX_LENGTH ? description.substring(0, MAX_LENGTH) + "..." : description);
+};
+export { Description };
+
+//# sourceMappingURL=Description.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/Description.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text } from \"@webiny/admin-ui\";\n\ninterface DescriptionProps {\n    description?: string | null;\n}\n\nexport const Description = ({ description }: DescriptionProps) => {\n    const MAX_LENGTH = 320;\n    if (!description) {\n        return null;\n    }\n\n    return (\n        <Text size=\"sm\" as=\"div\" className={cn(\"truncate w-full text-neutral-muted\")}>\n            {description.length > MAX_LENGTH\n                ? description.substring(0, MAX_LENGTH) + \"...\"\n                : description}\n        </Text>\n    );\n};\n"],"names":["Description","description","MAX_LENGTH","Text","cn"],"mappings":";;AAOO,MAAMA,cAAc,CAAC,EAAEC,WAAW,EAAoB;IACzD,MAAMC,aAAa;IACnB,IAAI,CAACD,aACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACE,MAAIA;QAAC,MAAK;QAAK,IAAG;QAAM,WAAWC,GAAG;OAClCH,YAAY,MAAM,GAAGC,aAChBD,YAAY,SAAS,CAAC,GAAGC,cAAc,QACvCD;AAGlB"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface ImageProps {
+    title: string;
+    src?: string | null;
+    width?: number;
+}
+export declare const Image: ({ src, width, title }: ImageProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/image.svg";
+const Image = ({ src, width, title })=>/*#__PURE__*/ react.createElement("div", {
+        className: "size-[96px] rounded-lg overflow-hidden relative"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "size-full flex justify-center items-center bg-neutral-base"
+    }, src ? /*#__PURE__*/ react.createElement("img", {
+        src: src,
+        width: width
+    }) : /*#__PURE__*/ react.createElement(Icon, {
+        label: title,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        className: "w-[32px] h-[32px]",
+        color: "neutral-light"
+    })));
+export { Image };
+
+//# sourceMappingURL=Image.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/Image.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as ImageIcon } from \"@webiny/icons/image.svg\";\n\ninterface ImageProps {\n    title: string;\n    src?: string | null;\n    width?: number;\n}\n\nexport const Image = ({ src, width, title }: ImageProps) => {\n    return (\n        <div className={\"size-[96px] rounded-lg overflow-hidden relative\"}>\n            <div className={\"size-full flex justify-center items-center bg-neutral-base\"}>\n                {src ? (\n                    <img src={src} width={width} />\n                ) : (\n                    <Icon\n                        label={title}\n                        icon={<ImageIcon />}\n                        className={\"w-[32px] h-[32px]\"}\n                        color={\"neutral-light\"}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["Image","src","width","title","Icon","ImageIcon"],"mappings":";;;AAUO,MAAMA,QAAQ,CAAC,EAAEC,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAc,GAC5C,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;OACXF,MAAM,WAANA,GACG,oBAAC;QAAI,KAAKA;QAAK,OAAOC;uBAEtB,oBAACE,MAAIA;QACD,OAAOD;QACP,oBAAM,oBAACE,gBAASA;QAChB,WAAW;QACX,OAAO"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ModelNameProps {
+    name: string;
+}
+export declare const ModelName: ({ name }: ModelNameProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.js

@@ -0,0 +1,10 @@
+import react from "react";
+import { Text, cn } from "@webiny/admin-ui";
+const ModelName = ({ name })=>/*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: cn("truncate w-full text-neutral-muted")
+    }, name);
+export { ModelName };
+
+//# sourceMappingURL=ModelName.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModelName.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text } from \"@webiny/admin-ui\";\n\ninterface ModelNameProps {\n    name: string;\n}\n\nexport const ModelName = ({ name }: ModelNameProps) => {\n    return (\n        <Text size=\"sm\" as=\"div\" className={cn(\"truncate w-full text-neutral-muted\")}>\n            {name}\n        </Text>\n    );\n};\n"],"names":["ModelName","name","Text","cn"],"mappings":";;AAOO,MAAMA,YAAY,CAAC,EAAEC,IAAI,EAAkB,GACvC,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAK;QAAK,IAAG;QAAM,WAAWC,GAAG;OAClCF"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsIdentity } from "../../../../../../../types.js";
+interface ModifiedByProps {
+    modifiedBy?: CmsIdentity | null;
+    savedOn: Date;
+}
+export declare const ModifiedBy: ({ modifiedBy, savedOn }: ModifiedByProps) => React.JSX.Element | null;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { Box } from "./Box.js";
+import { TimeAgo } from "@webiny/admin-ui";
+const ModifiedBy = ({ modifiedBy, savedOn })=>{
+    const showInformation = !!(modifiedBy?.displayName && savedOn);
+    if (!showInformation) return null;
+    return /*#__PURE__*/ react.createElement(Box, {
+        icon: null,
+        name: "Modified By"
+    }, showInformation && /*#__PURE__*/ react.createElement(react.Fragment, null, modifiedBy?.displayName, " ", /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: savedOn
+    })));
+};
+export { ModifiedBy };
+
+//# sourceMappingURL=ModifiedBy.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsIdentity } from \"~/types.js\";\nimport { Box } from \"./Box.js\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\n\ninterface ModifiedByProps {\n    modifiedBy?: CmsIdentity | null;\n    savedOn: Date;\n}\n\nexport const ModifiedBy = ({ modifiedBy, savedOn }: ModifiedByProps) => {\n    const showInformation = !!(modifiedBy?.displayName && savedOn);\n\n    if (!showInformation) {\n        return null;\n    }\n\n    return (\n        <Box icon={null} name={\"Modified By\"}>\n            {showInformation && (\n                <>\n                    {modifiedBy?.displayName} <TimeAgo datetime={savedOn} />\n                </>\n            )}\n        </Box>\n    );\n};\n"],"names":["ModifiedBy","modifiedBy","savedOn","showInformation","Box","TimeAgo"],"mappings":";;;AAUO,MAAMA,aAAa,CAAC,EAAEC,UAAU,EAAEC,OAAO,EAAmB;IAC/D,MAAMC,kBAAkB,CAAC,CAAEF,CAAAA,YAAY,eAAeC,OAAM;IAE5D,IAAI,CAACC,iBACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACC,KAAGA;QAAC,MAAM;QAAM,MAAM;OAClBD,mBAAmB,WAAnBA,GACG,0CACKF,YAAY,aAAY,mBAAC,oBAACI,SAAOA;QAAC,UAAUH;;AAKjE"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Select.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+interface SelectProps {
+    entry: CmsReferenceContentEntry;
+    selected?: boolean;
+    onChange: (value: CmsReferenceValue) => void;
+}
+export declare const Select: ({ entry, selected, onChange }: SelectProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Select.js

@@ -0,0 +1,29 @@
+import react, { useCallback } from "react";
+import { ReactComponent } from "@webiny/icons/check_box_outline_blank.svg";
+import { ReactComponent as check_box_svg_ReactComponent } from "@webiny/icons/check_box.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+const Select = ({ entry, selected, onChange })=>{
+    const onIconClick = useCallback(()=>{
+        onChange({
+            id: entry.id,
+            modelId: entry.model.modelId
+        });
+    }, [
+        entry,
+        onChange
+    ]);
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: selected ? "Unselect" : "Select",
+        side: "top",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            size: "sm",
+            iconSize: "lg",
+            onClick: onIconClick,
+            icon: selected ? /*#__PURE__*/ react.createElement(check_box_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null)
+        })
+    });
+};
+export { Select };
+
+//# sourceMappingURL=Select.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/Select.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/Select.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { ReactComponent as SelectIcon } from \"@webiny/icons/check_box_outline_blank.svg\";\nimport { ReactComponent as SelectedIcon } from \"@webiny/icons/check_box.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface SelectProps {\n    entry: CmsReferenceContentEntry;\n    selected?: boolean;\n    onChange: (value: CmsReferenceValue) => void;\n}\nexport const Select = ({ entry, selected, onChange }: SelectProps) => {\n    const onIconClick = useCallback(() => {\n        onChange({\n            id: entry.id,\n            modelId: entry.model.modelId\n        });\n    }, [entry, onChange]);\n\n    return (\n        <Tooltip\n            content={selected ? \"Unselect\" : \"Select\"}\n            side={\"top\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                    iconSize={\"lg\"}\n                    onClick={onIconClick}\n                    icon={selected ? <SelectedIcon /> : <SelectIcon />}\n                />\n            }\n        />\n    );\n};\n"],"names":["Select","entry","selected","onChange","onIconClick","useCallback","Tooltip","IconButton","SelectedIcon","SelectIcon"],"mappings":";;;;AAcO,MAAMA,SAAS,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAe;IAC7D,MAAMC,cAAcC,YAAY;QAC5BF,SAAS;YACL,IAAIF,MAAM,EAAE;YACZ,SAASA,MAAM,KAAK,CAAC,OAAO;QAChC;IACJ,GAAG;QAACA;QAAOE;KAAS;IAEpB,OAAO,WAAP,GACI,oBAACG,SAAOA;QACJ,SAASJ,WAAW,aAAa;QACjC,MAAM;QACN,uBACI,oBAACK,YAAUA;YACP,SAAS;YACT,MAAM;YACN,UAAU;YACV,SAASH;YACT,MAAMF,WAAW,WAAXA,GAAW,oBAACM,8BAAYA,QAAAA,WAAAA,GAAM,oBAACC,gBAAUA;;;AAKnE"}

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Status.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsContentEntryStatusType } from "../../../../../../../types.js";
+interface StatusProps {
+    status: CmsContentEntryStatusType;
+}
+export declare const Status: ({ status }: StatusProps) => React.JSX.Element;
+export {};

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Status.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/draw.svg";
+import { ReactComponent as visibility_svg_ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { Box } from "./Box.js";
+import { Icon } from "@webiny/admin-ui";
+const getIcon = (status)=>{
+    switch(status){
+        case "published":
+            return /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(visibility_svg_ReactComponent, null),
+                label: "Published",
+                size: "lg",
+                className: "fill-success-default"
+            });
+        case "unpublished":
+            return /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null),
+                label: "Unpublished",
+                size: "lg",
+                className: "fill-danger-default"
+            });
+        case "draft":
+            return /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "Draft",
+                size: "lg",
+                className: "fill-warning-default"
+            });
+        default:
+            return null;
+    }
+};
+const Status = ({ status })=>/*#__PURE__*/ react.createElement(Box, {
+        icon: getIcon(status),
+        name: "Status"
+    }, status.toUpperCase());
+export { Status };
+
+//# sourceMappingURL=Status.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/entry/Status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/entry/Status.js","sources":["../../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/entry/Status.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DraftIcon } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as PublishedIcon } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { Box } from \"./Box.js\";\nimport type { CmsContentEntryStatusType } from \"~/types.js\";\nimport { Icon } from \"@webiny/admin-ui\";\n\nconst getIcon = (status: CmsContentEntryStatusType) => {\n    switch (status) {\n        case \"published\":\n            return (\n                <Icon\n                    icon={<PublishedIcon />}\n                    label=\"Published\"\n                    size={\"lg\"}\n                    className={\"fill-success-default\"}\n                />\n            );\n        case \"unpublished\":\n            return (\n                <Icon\n                    icon={<UnpublishedIcon />}\n                    label=\"Unpublished\"\n                    size={\"lg\"}\n                    className={\"fill-danger-default\"}\n                />\n            );\n        case \"draft\":\n            return (\n                <Icon\n                    icon={<DraftIcon />}\n                    label=\"Draft\"\n                    size={\"lg\"}\n                    className={\"fill-warning-default\"}\n                />\n            );\n        default:\n            return null;\n    }\n};\n\ninterface StatusProps {\n    status: CmsContentEntryStatusType;\n}\nexport const Status = ({ status }: StatusProps) => {\n    return (\n        <Box icon={getIcon(status)} name={\"Status\"}>\n            {status.toUpperCase()}\n        </Box>\n    );\n};\n"],"names":["getIcon","status","Icon","PublishedIcon","UnpublishedIcon","DraftIcon","Status","Box"],"mappings":";;;;;;AAQA,MAAMA,UAAU,CAACC;IACb,OAAQA;QACJ,KAAK;YACD,OAAO,WAAP,GACI,oBAACC,MAAIA;gBACD,oBAAM,oBAACC,+BAAaA;gBACpB,OAAM;gBACN,MAAM;gBACN,WAAW;;QAGvB,KAAK;YACD,OAAO,WAAP,GACI,oBAACD,MAAIA;gBACD,oBAAM,oBAACE,mCAAeA;gBACtB,OAAM;gBACN,MAAM;gBACN,WAAW;;QAGvB,KAAK;YACD,OAAO,WAAP,GACI,oBAACF,MAAIA;gBACD,oBAAM,oBAACG,gBAASA;gBAChB,OAAM;gBACN,MAAM;gBACN,WAAW;;QAGvB;YACI,OAAO;IACf;AACJ;AAKO,MAAMC,SAAS,CAAC,EAAEL,MAAM,EAAe,GACnC,WAAP,GACI,oBAACM,KAAGA;QAAC,MAAMP,QAAQC;QAAS,MAAM;OAC7BA,OAAO,WAAW"}