@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","NoEntries","text","createElement","className","size"],"sources":["NoEntries.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface NoEntriesProps {\n    text?: React.ReactNode;\n}\n\nconst NoEntries = ({ text = \"No records found.\" }: NoEntriesProps) => {\n    return (\n        <div\n            className={\n                \"wby-flex wby-justify-center wby-px-xl wby-py-md-extra wby-bg-neutral-subtle\"\n            }\n        >\n            <Text size={\"sm\"}>{text}</Text>\n        </div>\n    );\n};\n\nexport { NoEntries, type NoEntriesProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAMvC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,GAAG;AAAoC,CAAC,KAAK;EAClE,oBACIH,KAAA,CAAAI,aAAA;IACIC,SAAS,EACL;EACH,gBAEDL,KAAA,CAAAI,aAAA,CAACH,IAAI;IAACK,IAAI,EAAE;EAAK,GAAEH,IAAW,CAC7B,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Text","NoEntries","text","createElement","className","size"],"sources":["NoEntries.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface NoEntriesProps {\n    text?: React.ReactNode;\n}\n\nconst NoEntries = ({ text = \"No records found.\" }: NoEntriesProps) => {\n    return (\n        <div className={\"flex justify-center px-xl py-md-extra bg-neutral-subtle\"}>\n            <Text size={\"sm\"}>{text}</Text>\n        </div>\n    );\n};\n\nexport { NoEntries, type NoEntriesProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAMvC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,GAAG;AAAoC,CAAC,KAAK;EAClE,oBACIH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAE;EAA0D,gBACtEL,KAAA,CAAAI,aAAA,CAACH,IAAI;IAACK,IAAI,EAAE;EAAK,GAAEH,IAAW,CAC7B,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModel } from "../../../../../../types";
+import type { CmsModel } from "../../../../../../types.js";
 interface OptionsProps {
     models: CmsModel[];
     onNewRecord: (modelId: string) => void;

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

@@ -1,5 +1,5 @@
 import React, { useCallback } from "react";
-import { OptionsModelList } from "./options/OptionsModelList";
+import { OptionsModelList } from "./options/OptionsModelList.js";
 import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
 import { ReactComponent as LinkIcon } from "@webiny/icons/link.svg";
 import { Button, DropdownMenu } from "@webiny/admin-ui";
@@ -13,7 +13,7 @@ const CreateNewRecordButton = props => {
 const LinkExistingRecordButton = props => {
   return /*#__PURE__*/React.createElement(Button, Object.assign({}, props, {
     variant: "tertiary",
-    text: "Link an existing record",
+    text: "Select an existing record",
     icon: /*#__PURE__*/React.createElement(LinkIcon, null)
   }));
 };
@@ -37,7 +37,7 @@ export const Options = ({
   }, [models]);
   if (hasMultipleModels) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-gap-sm wby-mt-md"
+      className: "flex gap-sm"
     }, /*#__PURE__*/React.createElement(DropdownMenu, {
       trigger: /*#__PURE__*/React.createElement(Button, {
         variant: "tertiary",
@@ -50,7 +50,7 @@ export const Options = ({
     })), /*#__PURE__*/React.createElement(DropdownMenu, {
       trigger: /*#__PURE__*/React.createElement(Button, {
         variant: "tertiary",
-        text: "Link an existing record",
+        text: "Select an existing record",
         icon: /*#__PURE__*/React.createElement(LinkIcon, null)
       })
     }, /*#__PURE__*/React.createElement(OptionsModelList, {
@@ -58,11 +58,9 @@ export const Options = ({
       models: models
     })));
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-sm wby-mt-md"
-  }, /*#__PURE__*/React.createElement(CreateNewRecordButton, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CreateNewRecordButton, {
     onClick: onSingleNewRecord
-  }), /*#__PURE__*/React.createElement(LinkExistingRecordButton, {
+  }), "\xA0", /*#__PURE__*/React.createElement(LinkExistingRecordButton, {
     onClick: onSingleExistingRecord
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","OptionsModelList","ReactComponent","AddIcon","LinkIcon","Button","DropdownMenu","CreateNewRecordButton","props","createElement","Object","assign","variant","text","icon","LinkExistingRecordButton","Options","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","length","onSingleNewRecord","modelId","onSingleExistingRecord","className","trigger","onClick"],"sources":["Options.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types\";\nimport { OptionsModelList } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Button, type ButtonProps, DropdownMenu } from \"@webiny/admin-ui\";\n\nconst CreateNewRecordButton = (props: ButtonProps) => {\n    return <Button {...props} variant={\"tertiary\"} text=\"Create a new record\" icon={<AddIcon />} />;\n};\n\nconst LinkExistingRecordButton = (props: ButtonProps) => {\n    return (\n        <Button\n            {...props}\n            variant={\"tertiary\"}\n            text=\"Link an existing record\"\n            icon={<LinkIcon />}\n        />\n    );\n};\n\ninterface OptionsProps {\n    models: CmsModel[];\n    onNewRecord: (modelId: string) => void;\n    onLinkExistingRecord: (modelId: string) => void;\n}\nexport const Options = ({ models, onNewRecord, onLinkExistingRecord }: OptionsProps) => {\n    const hasMultipleModels = models.length > 1;\n    const onSingleNewRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onNewRecord(models[0].modelId);\n    }, [models]);\n\n    const onSingleExistingRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onLinkExistingRecord(models[0].modelId);\n    }, [models]);\n\n    if (hasMultipleModels) {\n        return (\n            <div className={\"wby-flex wby-gap-sm wby-mt-md\"}>\n                <DropdownMenu\n                    trigger={\n                        <Button\n                            variant={\"tertiary\"}\n                            text=\"Create a new record\"\n                            icon={<AddIcon />}\n                        />\n                    }\n                >\n                    <OptionsModelList onClick={onNewRecord} models={models} />\n                </DropdownMenu>\n                <DropdownMenu\n                    trigger={\n                        <Button\n                            variant={\"tertiary\"}\n                            text=\"Link an existing record\"\n                            icon={<LinkIcon />}\n                        />\n                    }\n                >\n                    <OptionsModelList onClick={onLinkExistingRecord} models={models} />\n                </DropdownMenu>\n            </div>\n        );\n    }\n\n    return (\n        <div className={\"wby-flex wby-gap-sm wby-mt-md\"}>\n            <CreateNewRecordButton onClick={onSingleNewRecord} />\n            <LinkExistingRecordButton onClick={onSingleExistingRecord} />\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","OptionsModelList","ReactComponent","AddIcon","LinkIcon","Button","DropdownMenu","CreateNewRecordButton","props","createElement","Object","assign","variant","text","icon","LinkExistingRecordButton","Options","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","length","onSingleNewRecord","modelId","onSingleExistingRecord","className","trigger","onClick"],"sources":["Options.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types.js\";\nimport { OptionsModelList } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as LinkIcon } from \"@webiny/icons/link.svg\";\nimport { Button, type ButtonProps, DropdownMenu } from \"@webiny/admin-ui\";\n\nconst CreateNewRecordButton = (props: ButtonProps) => {\n    return <Button {...props} variant={\"tertiary\"} text=\"Create a new record\" icon={<AddIcon />} />;\n};\n\nconst LinkExistingRecordButton = (props: ButtonProps) => {\n    return (\n        <Button\n            {...props}\n            variant={\"tertiary\"}\n            text=\"Select an existing record\"\n            icon={<LinkIcon />}\n        />\n    );\n};\n\ninterface OptionsProps {\n    models: CmsModel[];\n    onNewRecord: (modelId: string) => void;\n    onLinkExistingRecord: (modelId: string) => void;\n}\nexport const Options = ({ models, onNewRecord, onLinkExistingRecord }: OptionsProps) => {\n    const hasMultipleModels = models.length > 1;\n    const onSingleNewRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onNewRecord(models[0].modelId);\n    }, [models]);\n\n    const onSingleExistingRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onLinkExistingRecord(models[0].modelId);\n    }, [models]);\n\n    if (hasMultipleModels) {\n        return (\n            <div className={\"flex gap-sm\"}>\n                <DropdownMenu\n                    trigger={\n                        <Button\n                            variant={\"tertiary\"}\n                            text=\"Create a new record\"\n                            icon={<AddIcon />}\n                        />\n                    }\n                >\n                    <OptionsModelList onClick={onNewRecord} models={models} />\n                </DropdownMenu>\n                <DropdownMenu\n                    trigger={\n                        <Button\n                            variant={\"tertiary\"}\n                            text=\"Select an existing record\"\n                            icon={<LinkIcon />}\n                        />\n                    }\n                >\n                    <OptionsModelList onClick={onLinkExistingRecord} models={models} />\n                </DropdownMenu>\n            </div>\n        );\n    }\n\n    return (\n        <div>\n            <CreateNewRecordButton onClick={onSingleNewRecord} />\n            &nbsp;\n            <LinkExistingRecordButton onClick={onSingleExistingRecord} />\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CmsModelField, CmsModelFieldRendererProps } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { CmsModelField, CmsModelFieldRendererProps } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface ReferencesDialogProps extends CmsModelFieldRendererProps {
     values?: CmsReferenceValue[] | null;
     field: CmsModelField;

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

@@ -1,10 +1,10 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { Search } from "./Search";
-import { Entry } from "./Entry";
+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";
-import { Entries } from "./Entries";
+import { useEntries } from "../hooks/useEntries.js";
+import { Entries } from "./Entries.js";
 import { Dialog, OverlayLoader } from "@webiny/admin-ui";
 const isSelected = (entryId, values) => {
   if (!entryId) {
@@ -119,15 +119,23 @@ export const ReferencesDialog = props => {
     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: `Content model: ${contentModel.name}`,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, null), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+    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(React.Fragment, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(Search, {
+  }, /*#__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, {
@@ -141,7 +149,7 @@ export const ReferencesDialog = props => {
       selected: isSelected(entry.entryId, values),
       onChange: onChange
     });
-  }))));
+  })))));
 };
 
 //# sourceMappingURL=ReferencesDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","Search","Entry","useSnackbar","parseIdentifier","useEntries","Entries","Dialog","OverlayLoader","isSelected","entryId","values","some","value","id","valueEntryId","getSettings","field","renderer","undefined","settings","ReferencesDialog","props","showSnackbar","contentModel","onDialogClose","storeValues","initialValues","multiple","setValues","searchValue","setSearchValue","rendererSettings","newItemPosition","onChange","reference","referenceEntryId","newValues","filter","length","onDialogSave","entries","loading","error","runSearch","loadMore","model","limit","onInput","createElement","Fragment","open","onClose","title","description","name","actions","CancelButton","ConfirmButton","onClick","text","entry","key","selected"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Search } from \"./Search\";\nimport { Entry } from \"./Entry\";\nimport type { CmsModelField, CmsModelFieldRendererProps } from \"~/types\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries\";\nimport { Entries } from \"./Entries\";\nimport type { MultiRefFieldSettings } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings\";\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                open={true}\n                onClose={onDialogClose}\n                title={\"Select an existing record\"}\n                description={`Content model: ${contentModel.name}`}\n                actions={\n                    <>\n                        <Dialog.CancelButton />\n                        <Dialog.ConfirmButton onClick={onDialogSave} text=\"Save\" />\n                    </>\n                }\n            >\n                <>\n                    {loading && <OverlayLoader />}\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                </>\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","Search","Entry","useSnackbar","parseIdentifier","useEntries","Entries","Dialog","OverlayLoader","isSelected","entryId","values","some","value","id","valueEntryId","getSettings","field","renderer","undefined","settings","ReferencesDialog","props","showSnackbar","contentModel","onDialogClose","storeValues","initialValues","multiple","setValues","searchValue","setSearchValue","rendererSettings","newItemPosition","onChange","reference","referenceEntryId","newValues","filter","length","onDialogSave","entries","loading","error","runSearch","loadMore","model","limit","onInput","createElement","Fragment","className","size","open","onClose","title","description","name","actions","CancelAction","ConfirmAction","onClick","text","entry","key","selected"],"sources":["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"],"mappings":"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","ignoreList":[]}

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

@@ -5,9 +5,7 @@ export const Search = ({
   onChange,
   value
 }) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-sm"
-  }, /*#__PURE__*/React.createElement(DelayedOnChange, {
+  return /*#__PURE__*/React.createElement(DelayedOnChange, {
     value: value,
     onChange: onChange
   }, ({
@@ -21,9 +19,8 @@ export const Search = ({
     startIcon: /*#__PURE__*/React.createElement(Icon, {
       label: "Search",
       icon: /*#__PURE__*/React.createElement(SearchIcon, null)
-    }),
-    variant: "secondary"
-  })));
+    })
+  }));
 };
 
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SearchIcon","Input","DelayedOnChange","Icon","Search","onChange","value","createElement","className","size","placeholder","startIcon","label","icon","variant"],"sources":["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        <div className={\"wby-mb-sm\"}>\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                        variant={\"secondary\"}\n                    />\n                )}\n            </DelayedOnChange>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,KAAK,EAAEC,eAAe,EAAEC,IAAI,QAAQ,kBAAkB;AAO/D,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAmB,CAAC,KAAK;EACxD,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBV,KAAA,CAAAS,aAAA,CAACL,eAAe;IAACI,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,GAC7C,CAAC;IAAEC,KAAK;IAAED;EAAS,CAAC,kBACjBP,KAAA,CAAAS,aAAA,CAACN,KAAK;IACFQ,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,mBAAoB;IACjCL,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbK,SAAS,eAAEb,KAAA,CAAAS,aAAA,CAACJ,IAAI;MAACS,KAAK,EAAC,QAAQ;MAACC,IAAI,eAAEf,KAAA,CAAAS,aAAA,CAACP,UAAU,MAAE;IAAE,CAAE,CAAE;IACzDc,OAAO,EAAE;EAAY,CACxB,CAEQ,CAChB,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SearchIcon","Input","DelayedOnChange","Icon","Search","onChange","value","createElement","size","placeholder","startIcon","label","icon"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,KAAK,EAAEC,eAAe,EAAEC,IAAI,QAAQ,kBAAkB;AAO/D,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAmB,CAAC,KAAK;EACxD,oBACIR,KAAA,CAAAS,aAAA,CAACL,eAAe;IAACI,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,GAC7C,CAAC;IAAEC,KAAK;IAAED;EAAS,CAAC,kBACjBP,KAAA,CAAAS,aAAA,CAACN,KAAK;IACFO,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,mBAAoB;IACjCJ,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbI,SAAS,eAAEZ,KAAA,CAAAS,aAAA,CAACJ,IAAI;MAACQ,KAAK,EAAC,QAAQ;MAACC,IAAI,eAAEd,KAAA,CAAAS,aAAA,CAACP,UAAU,MAAE;IAAE,CAAE;EAAE,CAC5D,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}

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

@@ -11,8 +11,7 @@ const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
   styles: "display:flex;flex-direction:row"
 } : {
   name: "ho1qnd",
-  styles: "display:flex;flex-direction:row",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;flex-direction:row/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Icon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -25,8 +24,7 @@ const Icon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ?
   styles: "width:32px;height:32px;display:flex;align-items:center;justify-content:center"
 } : {
   name: "1953rds",
-  styles: "width:32px;height:32px;display:flex;align-items:center;justify-content:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIzMnB4XCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZsZXg6IFwiMVwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHhcIlxufSk7XG5jb25zdCBOYW1lID0gc3R5bGVkKFwiaDRcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM5MzhGOTlcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiXG59KTtcbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiAxMSxcbiAgICBsaW5lSGVpZ2h0OiBcIjE2cHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgY29sb3I6IFwiIzQ5NDU0RlwiXG59KTtcblxuaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJveCA9ICh7IGljb24sIG5hbWUsIGNoaWxkcmVuIH06IEJveFByb3BzKSA9PiB7XG4gICAgaWYgKCFjaGlsZHJlbikge1xuICAgICAgICByZXR1cm4gPENvbnRhaW5lciAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJY29uPntpY29ufTwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxOYW1lPntuYW1lfTwvTmFtZT5cbiAgICAgICAgICAgICAgICA8VGV4dD57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  styles: "width:32px;height:32px;display:flex;align-items:center;justify-content:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIzMnB4XCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZsZXg6IFwiMVwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHhcIlxufSk7XG5jb25zdCBOYW1lID0gc3R5bGVkKFwiaDRcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM5MzhGOTlcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiXG59KTtcbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiAxMSxcbiAgICBsaW5lSGVpZ2h0OiBcIjE2cHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgY29sb3I6IFwiIzQ5NDU0RlwiXG59KTtcblxuaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJveCA9ICh7IGljb24sIG5hbWUsIGNoaWxkcmVuIH06IEJveFByb3BzKSA9PiB7XG4gICAgaWYgKCFjaGlsZHJlbikge1xuICAgICAgICByZXR1cm4gPENvbnRhaW5lciAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJY29uPntpY29ufTwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxOYW1lPntuYW1lfTwvTmFtZT5cbiAgICAgICAgICAgICAgICA8VGV4dD57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -39,8 +37,7 @@ const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
   styles: "flex:1;padding-left:10px"
 } : {
   name: "1u6cn1e",
-  styles: "flex:1;padding-left:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "flex:1;padding-left:10px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Name = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ? {
@@ -53,8 +50,7 @@ const Name = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ?
   styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#938F99;text-transform:uppercase"
 } : {
   name: "81ky1a",
-  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#938F99;text-transform:uppercase",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#938F99;text-transform:uppercase/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Text = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ? {
@@ -67,8 +63,7 @@ const Text = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ?
   styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#49454F"
 } : {
   name: "1w0nsat",
-  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#49454F",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "font-weight:500;font-size:11px;line-height:16px;letter-spacing:0.5px;color:#49454F/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const Box = ({

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

@@ -1 +1 @@
-{"version":3,"names":["React","Container","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Icon","Content","Name","Text","Box","icon","children","createElement"],"sources":["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"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAG9B,CAAC;AAEF,MAAMC,IAAI,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAMzB,CAAC;AACF,MAAME,OAAO,gBAAGZ,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAG5B,CAAC;AACF,MAAMG,IAAI,gBAAGb,OAAA,CAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAOxB,CAAC;AACF,MAAMI,IAAI,gBAAGd,OAAA,CAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAMxB,CAAC;AAQF,OAAO,MAAMK,GAAG,GAAGA,CAAC;EAAEC,IAAI;EAAEV,IAAI;EAAEW;AAAmB,CAAC,KAAK;EACvD,IAAI,CAACA,QAAQ,EAAE;IACX,oBAAOnB,KAAA,CAAAoB,aAAA,CAACnB,SAAS,MAAE,CAAC;EACxB;EACA,oBACID,KAAA,CAAAoB,aAAA,CAACnB,SAAS,qBACND,KAAA,CAAAoB,aAAA,CAACP,IAAI,QAAEK,IAAW,CAAC,eACnBlB,KAAA,CAAAoB,aAAA,CAACN,OAAO,qBACJd,KAAA,CAAAoB,aAAA,CAACL,IAAI,QAAEP,IAAW,CAAC,eACnBR,KAAA,CAAAoB,aAAA,CAACJ,IAAI,QAAEG,QAAe,CACjB,CACF,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Icon","Content","Name","Text","Box","icon","children","createElement"],"sources":["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"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAG9B,CAAC;AAEF,MAAMC,IAAI,gBAAGV,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAMzB,CAAC;AACF,MAAME,OAAO,gBAAGX,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAG5B,CAAC;AACF,MAAMG,IAAI,gBAAGZ,OAAA,CAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAOxB,CAAC;AACF,MAAMI,IAAI,gBAAGb,OAAA,CAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAMxB,CAAC;AAQF,OAAO,MAAMK,GAAG,GAAGA,CAAC;EAAEC,IAAI;EAAET,IAAI;EAAEU;AAAmB,CAAC,KAAK;EACvD,IAAI,CAACA,QAAQ,EAAE;IACX,oBAAOlB,KAAA,CAAAmB,aAAA,CAAClB,SAAS,MAAE,CAAC;EACxB;EACA,oBACID,KAAA,CAAAmB,aAAA,CAAClB,SAAS,qBACND,KAAA,CAAAmB,aAAA,CAACP,IAAI,QAAEK,IAAW,CAAC,eACnBjB,KAAA,CAAAmB,aAAA,CAACN,OAAO,qBACJb,KAAA,CAAAmB,aAAA,CAACL,IAAI,QAAEN,IAAW,CAAC,eACnBR,KAAA,CAAAmB,aAAA,CAACJ,IAAI,QAAEG,QAAe,CACjB,CACF,CAAC;AAEpB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsIdentity } from "../../../../../../../types";
+import type { CmsIdentity } from "../../../../../../../types.js";
 interface CreatedByProps {
     createdBy: CmsIdentity;
     createdOn: Date;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { Box } from "./Box";
-import { TimeAgo } from "@webiny/ui/TimeAgo";
+import { Box } from "./Box.js";
+import { TimeAgo } from "@webiny/ui/TimeAgo/index.js";
 export const CreatedBy = ({
   createdBy,
   createdOn

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

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TimeAgo","CreatedBy","createdBy","createdOn","createElement","icon","name","displayName","datetime"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG;AACZ,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAA0B,CAAC,KAAK;EACnE,oBACIL,KAAA,CAAAM,aAAA,CAACL,GAAG;IAACM,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAa,GAC/BJ,SAAS,CAACK,WAAW,EAAC,GAAC,eAAAT,KAAA,CAAAM,aAAA,CAACJ,OAAO;IAACQ,QAAQ,EAAEL;EAAU,CAAE,CACtD,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Box","TimeAgo","CreatedBy","createdBy","createdOn","createElement","icon","name","displayName","datetime"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsIdentity } from \"~/types.js\";\nimport { Box } from \"./Box.js\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo/index.js\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG;AACZ,SAASC,OAAO,QAAQ,6BAA6B;AAMrD,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAA0B,CAAC,KAAK;EACnE,oBACIL,KAAA,CAAAM,aAAA,CAACL,GAAG;IAACM,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAa,GAC/BJ,SAAS,CAACK,WAAW,EAAC,GAAC,eAAAT,KAAA,CAAAM,aAAA,CAACJ,OAAO;IAACQ,QAAQ,EAAEL;EAAU,CAAE,CACtD,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -10,7 +10,7 @@ export const Description = ({
   return /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     as: "div",
-    className: cn("wby-truncate wby-w-full wby-text-neutral-muted")
+    className: cn("truncate w-full text-neutral-muted")
   }, description.length > MAX_LENGTH ? description.substring(0, MAX_LENGTH) + "..." : description);
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Text","Description","description","MAX_LENGTH","createElement","size","as","className","length","substring"],"sources":["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(\"wby-truncate wby-w-full wby-text-neutral-muted\")}>\n            {description.length > MAX_LENGTH\n                ? description.substring(0, MAX_LENGTH) + \"...\"\n                : description}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EAC9D,MAAMC,UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACIJ,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAC,IAAI;IAACC,EAAE,EAAC,KAAK;IAACC,SAAS,EAAER,EAAE,CAAC,gDAAgD;EAAE,GACpFG,WAAW,CAACM,MAAM,GAAGL,UAAU,GAC1BD,WAAW,CAACO,SAAS,CAAC,CAAC,EAAEN,UAAU,CAAC,GAAG,KAAK,GAC5CD,WACJ,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","Text","Description","description","MAX_LENGTH","createElement","size","as","className","length","substring"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EAC9D,MAAMC,UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACIJ,KAAA,CAAAM,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAC,IAAI;IAACC,EAAE,EAAC,KAAK;IAACC,SAAS,EAAER,EAAE,CAAC,oCAAoC;EAAE,GACxEG,WAAW,CAACM,MAAM,GAAGL,UAAU,GAC1BD,WAAW,CAACO,SAAS,CAAC,CAAC,EAAEN,UAAU,CAAC,GAAG,KAAK,GAC5CD,WACJ,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -3,7 +3,6 @@ interface ImageProps {
     title: string;
     src?: string | null;
     width?: number;
-    icon: string | undefined;
 }
-export declare const Image: ({ src, icon, width }: ImageProps) => React.JSX.Element;
+export declare const Image: ({ src, width, title }: ImageProps) => React.JSX.Element;
 export {};

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

@@ -1,35 +1,23 @@
 import React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Icon } from "@webiny/admin-ui";
-const DisplayIcon = ({
-  icon
-}) => {
-  if (!icon) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: (icon || "").split("/")
-    }),
-    label: "Model icon",
-    size: "lg",
-    className: "wby-text-neutral-muted"
-  });
-};
+import { ReactComponent as ImageIcon } from "@webiny/icons/image.svg";
 export const Image = ({
   src,
-  icon,
-  width
+  width,
+  title
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-size-[56px] wby-m-xs wby-rounded-sm wby-overflow-hidden wby-relative"
+    className: "size-[96px] rounded-lg overflow-hidden relative"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-size-full wby-flex wby-justify-center wby-items-center wby-bg-neutral-base"
+    className: "size-full flex justify-center items-center bg-neutral-base"
   }, src ? /*#__PURE__*/React.createElement("img", {
     src: src,
     width: width
-  }) : /*#__PURE__*/React.createElement(DisplayIcon, {
-    icon: icon
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    label: title,
+    icon: /*#__PURE__*/React.createElement(ImageIcon, null),
+    className: "w-[32px] h-[32px]",
+    color: "neutral-light"
   })));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","FontAwesomeIcon","Icon","DisplayIcon","icon","createElement","split","label","size","className","Image","src","width"],"sources":["Image.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { Icon } from \"@webiny/admin-ui\";\n\ninterface IconProps {\n    icon: string | undefined;\n}\n\ninterface ImageProps {\n    title: string;\n    src?: string | null;\n    width?: number;\n    icon: string | undefined;\n}\n\nconst DisplayIcon = ({ icon }: IconProps) => {\n    if (!icon) {\n        return null;\n    }\n    return (\n        <Icon\n            icon={<FontAwesomeIcon icon={(icon || \"\").split(\"/\") as IconProp} />}\n            label={\"Model icon\"}\n            size={\"lg\"}\n            className={\"wby-text-neutral-muted\"}\n        />\n    );\n};\n\nexport const Image = ({ src, icon, width }: ImageProps) => {\n    return (\n        <div className={\"wby-size-[56px] wby-m-xs wby-rounded-sm wby-overflow-hidden wby-relative\"}>\n            <div\n                className={\n                    \"wby-size-full wby-flex wby-justify-center wby-items-center wby-bg-neutral-base\"\n                }\n            >\n                {src ? <img src={src} width={width} /> : <DisplayIcon icon={icon} />}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,IAAI,QAAQ,kBAAkB;AAavC,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAgB,CAAC,KAAK;EACzC,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EACA,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IACDE,IAAI,eAAEJ,KAAA,CAAAK,aAAA,CAACJ,eAAe;MAACG,IAAI,EAAE,CAACA,IAAI,IAAI,EAAE,EAAEE,KAAK,CAAC,GAAG;IAAc,CAAE,CAAE;IACrEC,KAAK,EAAE,YAAa;IACpBC,IAAI,EAAE,IAAK;IACXC,SAAS,EAAE;EAAyB,CACvC,CAAC;AAEV,CAAC;AAED,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,GAAG;EAAEP,IAAI;EAAEQ;AAAkB,CAAC,KAAK;EACvD,oBACIZ,KAAA,CAAAK,aAAA;IAAKI,SAAS,EAAE;EAA2E,gBACvFT,KAAA,CAAAK,aAAA;IACII,SAAS,EACL;EACH,GAEAE,GAAG,gBAAGX,KAAA,CAAAK,aAAA;IAAKM,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,gBAAGZ,KAAA,CAAAK,aAAA,CAACF,WAAW;IAACC,IAAI,EAAEA;EAAK,CAAE,CAClE,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Icon","ReactComponent","ImageIcon","Image","src","width","title","createElement","className","label","icon","color"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AAQrE,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,GAAG;EAAEC,KAAK;EAAEC;AAAkB,CAAC,KAAK;EACxD,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAkD,gBAC9DT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAA6D,GACxEJ,GAAG,gBACAL,KAAA,CAAAQ,aAAA;IAAKH,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,gBAE/BN,KAAA,CAAAQ,aAAA,CAACP,IAAI;IACDS,KAAK,EAAEH,KAAM;IACbI,IAAI,eAAEX,KAAA,CAAAQ,aAAA,CAACL,SAAS,MAAE,CAAE;IACpBM,SAAS,EAAE,mBAAoB;IAC/BG,KAAK,EAAE;EAAgB,CAC1B,CAEJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -6,7 +6,7 @@ export const ModelName = ({
   return /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     as: "div",
-    className: cn("wby-truncate wby-w-full wby-text-neutral-muted")
+    className: cn("truncate w-full text-neutral-muted")
   }, name);
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Text","ModelName","name","createElement","size","as","className"],"sources":["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(\"wby-truncate wby-w-full wby-text-neutral-muted\")}>\n            {name}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAqB,CAAC,KAAK;EACnD,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,IAAI,EAAC,IAAI;IAACC,EAAE,EAAC,KAAK;IAACC,SAAS,EAAEP,EAAE,CAAC,gDAAgD;EAAE,GACpFG,IACC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","Text","ModelName","name","createElement","size","as","className"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAM3C,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAqB,CAAC,KAAK;EACnD,oBACIJ,KAAA,CAAAK,aAAA,CAACH,IAAI;IAACI,IAAI,EAAC,IAAI;IAACC,EAAE,EAAC,KAAK;IAACC,SAAS,EAAEP,EAAE,CAAC,oCAAoC;EAAE,GACxEG,IACC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsIdentity } from "../../../../../../../types";
+import type { CmsIdentity } from "../../../../../../../types.js";
 interface ModifiedByProps {
     modifiedBy?: CmsIdentity | null;
     savedOn: Date;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { Box } from "./Box";
-import { TimeAgo } from "@webiny/ui/TimeAgo";
+import { Box } from "./Box.js";
+import { TimeAgo } from "@webiny/ui/TimeAgo/index.js";
 export const ModifiedBy = ({
   modifiedBy,
   savedOn

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

@@ -1 +1 @@
-{"version":3,"names":["React","Box","TimeAgo","ModifiedBy","modifiedBy","savedOn","showInformation","displayName","createElement","icon","name","Fragment","datetime"],"sources":["ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG;AACZ,SAASC,OAAO,QAAQ,oBAAoB;AAO5C,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAyB,CAAC,KAAK;EACpE,MAAMC,eAAe,GAAG,CAAC,EAAEF,UAAU,EAAEG,WAAW,IAAIF,OAAO,CAAC;EAE9D,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACIN,KAAA,CAAAQ,aAAA,CAACP,GAAG;IAACQ,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAc,GAChCJ,eAAe,iBACZN,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAW,QAAA,QACKP,UAAU,EAAEG,WAAW,EAAC,GAAC,eAAAP,KAAA,CAAAQ,aAAA,CAACN,OAAO;IAACU,QAAQ,EAAEP;EAAQ,CAAE,CACzD,CAEL,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Box","TimeAgo","ModifiedBy","modifiedBy","savedOn","showInformation","displayName","createElement","icon","name","Fragment","datetime"],"sources":["ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsIdentity } from \"~/types.js\";\nimport { Box } from \"./Box.js\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo/index.js\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,GAAG;AACZ,SAASC,OAAO,QAAQ,6BAA6B;AAOrD,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,UAAU;EAAEC;AAAyB,CAAC,KAAK;EACpE,MAAMC,eAAe,GAAG,CAAC,EAAEF,UAAU,EAAEG,WAAW,IAAIF,OAAO,CAAC;EAE9D,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACIN,KAAA,CAAAQ,aAAA,CAACP,GAAG;IAACQ,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAc,GAChCJ,eAAe,iBACZN,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAW,QAAA,QACKP,UAAU,EAAEG,WAAW,EAAC,GAAC,eAAAP,KAAA,CAAAQ,aAAA,CAACN,OAAO;IAACU,QAAQ,EAAEP;EAAQ,CAAE,CACzD,CAEL,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../../components/types";
+import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface SelectProps {
     entry: CmsReferenceContentEntry;
     selected?: boolean;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ReactComponent","SelectIcon","SelectedIcon","IconButton","Tooltip","Select","entry","selected","onChange","onIconClick","id","modelId","model","createElement","content","side","trigger","variant","size","iconSize","onClick","icon"],"sources":["Select.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAK1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,2CAA2C;AACxF,SAASD,cAAc,IAAIE,YAAY,QAAQ,6BAA6B;AAC5E,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAOtD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EAClE,MAAMC,WAAW,GAAGV,WAAW,CAAC,MAAM;IAClCS,QAAQ,CAAC;MACLE,EAAE,EAAEJ,KAAK,CAACI,EAAE;MACZC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAACD;IACzB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEE,QAAQ,CAAC,CAAC;EAErB,oBACIV,KAAA,CAAAe,aAAA,CAACT,OAAO;IACJU,OAAO,EAAEP,QAAQ,GAAG,UAAU,GAAG,QAAS;IAC1CQ,IAAI,EAAE,KAAM;IACZC,OAAO,eACHlB,KAAA,CAAAe,aAAA,CAACV,UAAU;MACPc,OAAO,EAAE,OAAQ;MACjBC,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEX,WAAY;MACrBY,IAAI,EAAEd,QAAQ,gBAAGT,KAAA,CAAAe,aAAA,CAACX,YAAY,MAAE,CAAC,gBAAGJ,KAAA,CAAAe,aAAA,CAACZ,UAAU,MAAE;IAAE,CACtD;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","SelectIcon","SelectedIcon","IconButton","Tooltip","Select","entry","selected","onChange","onIconClick","id","modelId","model","createElement","content","side","trigger","variant","size","iconSize","onClick","icon"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAK1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,2CAA2C;AACxF,SAASD,cAAc,IAAIE,YAAY,QAAQ,6BAA6B;AAC5E,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAOtD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,KAAK;EAClE,MAAMC,WAAW,GAAGV,WAAW,CAAC,MAAM;IAClCS,QAAQ,CAAC;MACLE,EAAE,EAAEJ,KAAK,CAACI,EAAE;MACZC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAACD;IACzB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEE,QAAQ,CAAC,CAAC;EAErB,oBACIV,KAAA,CAAAe,aAAA,CAACT,OAAO;IACJU,OAAO,EAAEP,QAAQ,GAAG,UAAU,GAAG,QAAS;IAC1CQ,IAAI,EAAE,KAAM;IACZC,OAAO,eACHlB,KAAA,CAAAe,aAAA,CAACV,UAAU;MACPc,OAAO,EAAE,OAAQ;MACjBC,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAEX,WAAY;MACrBY,IAAI,EAAEd,QAAQ,gBAAGT,KAAA,CAAAe,aAAA,CAACX,YAAY,MAAE,CAAC,gBAAGJ,KAAA,CAAAe,aAAA,CAACZ,UAAU,MAAE;IAAE,CACtD;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsContentEntryStatusType } from "../../../../../../../types";
+import type { CmsContentEntryStatusType } from "../../../../../../../types.js";
 interface StatusProps {
     status: CmsContentEntryStatusType;
 }

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

@@ -2,7 +2,7 @@ import React from "react";
 import { ReactComponent as DraftIcon } from "@webiny/icons/draw.svg";
 import { ReactComponent as PublishedIcon } from "@webiny/icons/visibility.svg";
 import { ReactComponent as UnpublishedIcon } from "@webiny/icons/visibility_off.svg";
-import { Box } from "./Box";
+import { Box } from "./Box.js";
 import { Icon } from "@webiny/admin-ui";
 const getIcon = status => {
   switch (status) {
@@ -11,21 +11,21 @@ const getIcon = status => {
         icon: /*#__PURE__*/React.createElement(PublishedIcon, null),
         label: "Published",
         size: "lg",
-        className: "wby-fill-success-default"
+        className: "fill-success-default"
       });
     case "unpublished":
       return /*#__PURE__*/React.createElement(Icon, {
         icon: /*#__PURE__*/React.createElement(UnpublishedIcon, null),
         label: "Unpublished",
         size: "lg",
-        className: "wby-fill-danger-default"
+        className: "fill-danger-default"
       });
     case "draft":
       return /*#__PURE__*/React.createElement(Icon, {
         icon: /*#__PURE__*/React.createElement(DraftIcon, null),
         label: "Draft",
         size: "lg",
-        className: "wby-fill-warning-default"
+        className: "fill-warning-default"
       });
     default:
       return null;