@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import react, { useCallback, useEffect, useState } from "react";
 import { Search } from "./Search.js";
 import { Entry } from "./Entry.js";
 import { useSnackbar } from "@webiny/app-admin";
@@ -6,150 +6,112 @@ 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 isSelected = (entryId, values)=>{
+    if (!entryId) return false;
+    return values.some((value)=>{
+        const { id: valueEntryId } = parseIdentifier(value.id);
+        return entryId === valueEntryId;
+    });
 };
-const getSettings = field => {
-  if (typeof field.renderer === "function") {
-    return undefined;
-  }
-  return field.renderer.settings;
+const getSettings = (field)=>{
+    if ("function" == typeof field.renderer) return;
+    return field.renderer.settings;
 };
-export 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";
-
-  /**
-   * On change needs to handle the adding or removing of a reference.
-   *
-   * This is for both single and multiple reference fields.
-   */
-  const onChange = useCallback(reference => {
-    const {
-      id: referenceEntryId
-    } = parseIdentifier(reference.id);
-    /**
-     * Let's handle the single usage first as it is quite simple.
-     */
-    if (!multiple) {
-      const [value] = values;
-      if (!value?.id) {
-        setValues([reference]);
-        return;
-      }
-      const {
-        id: valueEntryId
-      } = parseIdentifier(value.id);
-      if (referenceEntryId === valueEntryId) {
-        setValues([]);
-        return;
-      }
-      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) {
-      setValues(values => {
-        if (newItemPosition === "first") {
-          return [reference, ...values];
+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;
         }
-        return [...values, reference];
-      });
-      return;
-    }
-    setValues(newValues);
-  }, [setValues, values]);
-  const onDialogSave = useCallback(() => {
-    storeValues(values);
-    onDialogClose();
-  }, [values]);
-  /**
-   * Searching and list of reference entries.
-   */
-  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 => {
-    return /*#__PURE__*/React.createElement(Entry, {
-      model: contentModel,
-      key: `reference-entry-${entry.id}`,
-      entry: entry,
-      selected: isSelected(entry.entryId, values),
-      onChange: onChange
+        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

@@ -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","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":[]}
+{"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.js

@@ -1,26 +1,19 @@
-import React from "react";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
-import { Input, DelayedOnChange, Icon } from "@webiny/admin-ui";
-export const Search = ({
-  onChange,
-  value
-}) => {
-  return /*#__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(SearchIcon, null)
-    })
-  }));
-};
+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

@@ -1 +1 @@
-{"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":[]}
+{"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/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/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/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/entry/Box.js

@@ -1,80 +1,39 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e11zzake4"
-} : {
-  target: "e11zzake4",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ho1qnd",
-  styles: "display:flex;flex-direction:row"
-} : {
-  name: "ho1qnd",
-  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__
+import react from "react";
+import styled from "@emotion/styled";
+const Container = styled("div")({
+    display: "flex",
+    flexDirection: "row"
 });
-const Icon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e11zzake3"
-} : {
-  target: "e11zzake3",
-  label: "Icon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1953rds",
-  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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIzMnB4XCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZsZXg6IFwiMVwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHhcIlxufSk7XG5jb25zdCBOYW1lID0gc3R5bGVkKFwiaDRcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM5MzhGOTlcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiXG59KTtcbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiAxMSxcbiAgICBsaW5lSGVpZ2h0OiBcIjE2cHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgY29sb3I6IFwiIzQ5NDU0RlwiXG59KTtcblxuaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJveCA9ICh7IGljb24sIG5hbWUsIGNoaWxkcmVuIH06IEJveFByb3BzKSA9PiB7XG4gICAgaWYgKCFjaGlsZHJlbikge1xuICAgICAgICByZXR1cm4gPENvbnRhaW5lciAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJY29uPntpY29ufTwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxOYW1lPntuYW1lfTwvTmFtZT5cbiAgICAgICAgICAgICAgICA8VGV4dD57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const Icon = styled("div")({
+    width: "32px",
+    height: "32px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
 });
-const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e11zzake2"
-} : {
-  target: "e11zzake2",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1u6cn1e",
-  styles: "flex:1;padding-left:10px"
-} : {
-  name: "1u6cn1e",
-  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 Content = styled("div")({
+    flex: "1",
+    paddingLeft: "10px"
 });
-const Name = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ? {
-  target: "e11zzake1"
-} : {
-  target: "e11zzake1",
-  label: "Name"
-})(process.env.NODE_ENV === "production" ? {
-  name: "81ky1a",
-  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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const Name = styled("h4")({
+    fontWeight: 500,
+    fontSize: 11,
+    lineHeight: "16px",
+    letterSpacing: "0.5px",
+    color: "#938F99",
+    textTransform: "uppercase"
 });
-const Text = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ? {
-  target: "e11zzake0"
-} : {
-  target: "e11zzake0",
-  label: "Text"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1w0nsat",
-  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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const Text = styled("h5")({
+    fontWeight: 500,
+    fontSize: 11,
+    lineHeight: "16px",
+    letterSpacing: "0.5px",
+    color: "#49454F"
 });
-export 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)));
+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

@@ -1 +1 @@
-{"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":[]}
+{"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"}