@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -0,0 +1,147 @@
+import React, { useCallback, useEffect, useState } from "react";
+import { Search } from "./Search";
+import { Entry } from "./Entry";
+import { useSnackbar } from "@webiny/app-admin";
+import { parseIdentifier } from "@webiny/utils";
+import { useEntries } from "../hooks/useEntries";
+import { Entries } from "./Entries";
+import { Dialog, OverlayLoader } from "@webiny/admin-ui";
+const isSelected = (entryId, values) => {
+  if (!entryId) {
+    return false;
+  }
+  return values.some(value => {
+    const {
+      id: valueEntryId
+    } = parseIdentifier(value.id);
+    return entryId === valueEntryId;
+  });
+};
+const getSettings = field => {
+  if (typeof field.renderer === "function") {
+    return undefined;
+  }
+  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];
+        }
+        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, {
+    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, {
+      onClick: onDialogSave,
+      text: "Save"
+    }))
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__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
+    });
+  }))));
+};
+
+//# sourceMappingURL=ReferencesDialog.js.map

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

@@ -0,0 +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":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,MAAM;AACf,SAASC,KAAK;AAGd,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,UAAU;AACnB,SAASC,OAAO;AAEhB,SAASC,MAAM,EAAEC,aAAa,QAAQ,kBAAkB;AAExD,MAAMC,UAAU,GAAGA,CAACC,OAAe,EAAEC,MAA2B,KAAK;EACjE,IAAI,CAACD,OAAO,EAAE;IACV,OAAO,KAAK;EAChB;EACA,OAAOC,MAAM,CAACC,IAAI,CAACC,KAAK,IAAI;IACxB,MAAM;MAAEC,EAAE,EAAEC;IAAa,CAAC,GAAGX,eAAe,CAACS,KAAK,CAACC,EAAE,CAAC;IACtD,OAAOJ,OAAO,KAAKK,YAAY;EACnC,CAAC,CAAC;AACN,CAAC;AAUD,MAAMC,WAAW,GAAIC,KAAoB,IAAK;EAC1C,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtC,OAAOC,SAAS;EACpB;EAEA,OAAOF,KAAK,CAACC,QAAQ,CAACE,QAAQ;AAClC,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC;EAAa,CAAC,GAAGpB,WAAW,CAAC,CAAC;EAEtC,MAAM;IACFqB,YAAY;IACZC,aAAa;IACbC,WAAW;IACXf,MAAM,EAAEgB,aAAa;IACrBC,QAAQ;IACRX;EACJ,CAAC,GAAGK,KAAK;EAET,MAAM,CAACX,MAAM,EAAEkB,SAAS,CAAC,GAAG7B,QAAQ,CAAsB2B,aAAa,IAAI,EAAE,CAAC;EAC9E,MAAM,CAACG,WAAW,EAAEC,cAAc,CAAC,GAAG/B,QAAQ,CAAS,EAAE,CAAC;EAC1D,MAAMgC,gBAAgB,GAAGhB,WAAW,CAACC,KAAK,CAAC;EAC3C,MAAMgB,eAAe,GAAGD,gBAAgB,EAAEC,eAAe,IAAI,MAAM;;EAEnE;AACJ;AACA;AACA;AACA;EACI,MAAMC,QAAQ,GAAGpC,WAAW,CACvBqC,SAA4B,IAAK;IAC9B,MAAM;MAAErB,EAAE,EAAEsB;IAAiB,CAAC,GAAGhC,eAAe,CAAC+B,SAAS,CAACrB,EAAE,CAAC;IAC9D;AACZ;AACA;IACY,IAAI,CAACc,QAAQ,EAAE;MACX,MAAM,CAACf,KAAK,CAAC,GAAGF,MAAM;MACtB,IAAI,CAACE,KAAK,EAAEC,EAAE,EAAE;QACZe,SAAS,CAAC,CAACM,SAAS,CAAC,CAAC;QACtB;MACJ;MACA,MAAM;QAAErB,EAAE,EAAEC;MAAa,CAAC,GAAGX,eAAe,CAACS,KAAK,CAACC,EAAE,CAAC;MACtD,IAAIsB,gBAAgB,KAAKrB,YAAY,EAAE;QACnCc,SAAS,CAAC,EAAE,CAAC;QACb;MACJ;MACAA,SAAS,CAAC,CAACM,SAAS,CAAC,CAAC;MACtB;IACJ;IAEA,MAAME,SAAS,GAAG1B,MAAM,CAAC2B,MAAM,CAACzB,KAAK,IAAI;MACrC,IAAI,CAACA,KAAK,EAAEC,EAAE,EAAE;QACZ,OAAO,KAAK;MAChB;MACA,MAAM;QAAEA,EAAE,EAAEC;MAAa,CAAC,GAAGX,eAAe,CAACS,KAAK,CAACC,EAAE,CAAC;MACtD,OAAOsB,gBAAgB,KAAKrB,YAAY;IAC5C,CAAC,CAAC;IAEF,IAAIsB,SAAS,CAACE,MAAM,KAAK5B,MAAM,CAAC4B,MAAM,EAAE;MACpCV,SAAS,CAAClB,MAAM,IAAI;QAChB,IAAIsB,eAAe,KAAK,OAAO,EAAE;UAC7B,OAAO,CAACE,SAAS,EAAE,GAAGxB,MAAM,CAAC;QACjC;QACA,OAAO,CAAC,GAAGA,MAAM,EAAEwB,SAAS,CAAC;MACjC,CAAC,CAAC;MACF;IACJ;IACAN,SAAS,CAACQ,SAAS,CAAC;EACxB,CAAC,EACD,CAACR,SAAS,EAAElB,MAAM,CACtB,CAAC;EAED,MAAM6B,YAAY,GAAG1C,WAAW,CAAC,MAAM;IACnC4B,WAAW,CAACf,MAAM,CAAC;IACnBc,aAAa,CAAC,CAAC;EACnB,CAAC,EAAE,CAACd,MAAM,CAAC,CAAC;EACZ;AACJ;AACA;EACI,MAAM;IAAE8B,OAAO;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGxC,UAAU,CAAC;IAChEyC,KAAK,EAAEtB,YAAY;IACnBuB,KAAK,EAAE;EACX,CAAC,CAAC;EAEFhD,SAAS,CAAC,MAAM;IACZ6C,SAAS,CAAC,EAAE,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN7C,SAAS,CAAC,MAAM;IACZ,IAAI,CAAC4C,KAAK,EAAE;MACR;IACJ;IACApB,YAAY,CAACoB,KAAK,CAAC;EACvB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMK,OAAO,GAAGlD,WAAW,CAAEe,KAAa,IAAK;IAC3C+B,SAAS,CAAC/B,KAAK,CAAC;IAChBkB,cAAc,CAAClB,KAAK,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIhB,KAAA,CAAAoD,aAAA,CAAApD,KAAA,CAAAqD,QAAA,qBACIrD,KAAA,CAAAoD,aAAA,CAAC1C,MAAM;IACH4C,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE3B,aAAc;IACvB4B,KAAK,EAAE,2BAA4B;IACnCC,WAAW,EAAE,kBAAkB9B,YAAY,CAAC+B,IAAI,EAAG;IACnDC,OAAO,eACH3D,KAAA,CAAAoD,aAAA,CAAApD,KAAA,CAAAqD,QAAA,qBACIrD,KAAA,CAAAoD,aAAA,CAAC1C,MAAM,CAACkD,YAAY,MAAE,CAAC,eACvB5D,KAAA,CAAAoD,aAAA,CAAC1C,MAAM,CAACmD,aAAa;MAACC,OAAO,EAAEnB,YAAa;MAACoB,IAAI,EAAC;IAAM,CAAE,CAC5D;EACL,gBAED/D,KAAA,CAAAoD,aAAA,CAAApD,KAAA,CAAAqD,QAAA,QACKR,OAAO,iBAAI7C,KAAA,CAAAoD,aAAA,CAACzC,aAAa,MAAE,CAAC,eAC7BX,KAAA,CAAAoD,aAAA,CAAChD,MAAM;IAACiC,QAAQ,EAAEc,OAAQ;IAACnC,KAAK,EAAEiB;EAAY,CAAE,CAAC,eACjDjC,KAAA,CAAAoD,aAAA,CAAC3C,OAAO;IAACmC,OAAO,EAAEA,OAAQ;IAACI,QAAQ,EAAEA;EAAS,GACzCgB,KAAK,IAAI;IACN,oBACIhE,KAAA,CAAAoD,aAAA,CAAC/C,KAAK;MACF4C,KAAK,EAAEtB,YAAa;MACpBsC,GAAG,EAAE,mBAAmBD,KAAK,CAAC/C,EAAE,EAAG;MACnC+C,KAAK,EAAEA,KAAM;MACbE,QAAQ,EAAEtD,UAAU,CAACoD,KAAK,CAACnD,OAAO,EAAEC,MAAM,CAAE;MAC5CuB,QAAQ,EAAEA;IAAS,CACtB,CAAC;EAEV,CACK,CACX,CACE,CACV,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,29 @@
+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("div", {
+    className: "wby-mb-sm"
+  }, /*#__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)
+    }),
+    variant: "secondary"
+  })));
+};
+
+//# sourceMappingURL=Search.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,85 @@
+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",
+  map: "/*# 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" ? {
+  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",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIzMnB4XCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZsZXg6IFwiMVwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHhcIlxufSk7XG5jb25zdCBOYW1lID0gc3R5bGVkKFwiaDRcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM5MzhGOTlcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiXG59KTtcbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiAxMSxcbiAgICBsaW5lSGVpZ2h0OiBcIjE2cHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgY29sb3I6IFwiIzQ5NDU0RlwiXG59KTtcblxuaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJveCA9ICh7IGljb24sIG5hbWUsIGNoaWxkcmVuIH06IEJveFByb3BzKSA9PiB7XG4gICAgaWYgKCFjaGlsZHJlbikge1xuICAgICAgICByZXR1cm4gPENvbnRhaW5lciAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJY29uPntpY29ufTwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxOYW1lPntuYW1lfTwvTmFtZT5cbiAgICAgICAgICAgICAgICA8VGV4dD57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+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",
+  map: "/*# 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" ? {
+  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",
+  map: "/*# 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" ? {
+  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",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+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)));
+};
+
+//# sourceMappingURL=Box.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { CmsContentEntryStatusType, CmsIdentity } from "@webiny/app-headless-cms-common/types";
+interface ExcerptProps {
+    modelName: string;
+    createdBy: CmsIdentity;
+    createdOn: Date;
+    status: CmsContentEntryStatusType;
+}
+export declare const Excerpt: ({ modelName, createdOn, createdBy, status }: ExcerptProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { cn, Text, TimeAgo } from "@webiny/admin-ui";
+export const Excerpt = ({
+  modelName,
+  createdOn,
+  createdBy,
+  status
+}) => {
+  return /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: cn("wby-truncate wby-w-full wby-text-neutral-muted")
+  }, "Model: ", modelName, " - Status: ", status, " - Created by ", createdBy.displayName, " ", /*#__PURE__*/React.createElement(TimeAgo, {
+    datetime: createdOn
+  }));
+};
+
+//# sourceMappingURL=Excerpt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Text","TimeAgo","Excerpt","modelName","createdOn","createdBy","status","createElement","size","as","className","displayName","datetime"],"sources":["Excerpt.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport type { CmsContentEntryStatusType, CmsIdentity } from \"@webiny/app-headless-cms-common/types\";\n\ninterface ExcerptProps {\n    modelName: string;\n    createdBy: CmsIdentity;\n    createdOn: Date;\n    status: CmsContentEntryStatusType;\n}\n\nexport const Excerpt = ({ modelName, createdOn, createdBy, status }: ExcerptProps) => {\n    return (\n        <Text size=\"sm\" as=\"div\" className={cn(\"wby-truncate wby-w-full wby-text-neutral-muted\")}>\n            Model: {modelName} - Status: {status} - Created by {createdBy.displayName}{\" \"}\n            <TimeAgo datetime={createdOn} />\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAUpD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAqB,CAAC,KAAK;EAClF,oBACIR,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,IAAI,EAAC,IAAI;IAACC,EAAE,EAAC,KAAK;IAACC,SAAS,EAAEX,EAAE,CAAC,gDAAgD;EAAE,GAAC,SAC/E,EAACI,SAAS,EAAC,aAAW,EAACG,MAAM,EAAC,gBAAc,EAACD,SAAS,CAACM,WAAW,EAAE,GAAG,eAC9Eb,KAAA,CAAAS,aAAA,CAACN,OAAO;IAACW,QAAQ,EAAER;EAAU,CAAE,CAC7B,CAAC;AAEf,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,36 @@
+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"
+  });
+};
+export const Image = ({
+  src,
+  icon,
+  width
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-size-[56px] wby-m-xs wby-rounded-sm wby-overflow-hidden wby-relative"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-size-full wby-flex wby-justify-center wby-items-center wby-bg-neutral-base"
+  }, src ? /*#__PURE__*/React.createElement("img", {
+    src: src,
+    width: width
+  }) : /*#__PURE__*/React.createElement(DisplayIcon, {
+    icon: icon
+  })));
+};
+
+//# sourceMappingURL=Image.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface MoveDownProps {
+    onClick: (ev: React.MouseEvent) => void;
+    className?: string;
+}
+export declare const MoveDown: ({ onClick, className }: MoveDownProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { ReactComponent as MoveDownIcon } from "@webiny/icons/keyboard_arrow_down.svg";
+import { IconButton, Tooltip } from "@webiny/admin-ui";
+export const MoveDown = ({
+  onClick,
+  className
+}) => {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: "Shift+Click to move to bottom",
+    side: "top",
+    trigger: /*#__PURE__*/React.createElement(IconButton, {
+      variant: "ghost",
+      size: "sm",
+      iconSize: "lg",
+      onClick: onClick,
+      className: className,
+      icon: /*#__PURE__*/React.createElement(MoveDownIcon, null)
+    })
+  });
+};
+
+//# sourceMappingURL=MoveDown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","MoveDownIcon","IconButton","Tooltip","MoveDown","onClick","className","createElement","content","side","trigger","variant","size","iconSize","icon"],"sources":["MoveDown.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveDownIcon } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\ninterface MoveDownProps {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveDown = ({ onClick, className }: MoveDownProps) => {\n    return (\n        <Tooltip\n            content={\"Shift+Click to move to bottom\"}\n            side={\"top\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                    iconSize={\"lg\"}\n                    onClick={onClick}\n                    className={className}\n                    icon={<MoveDownIcon />}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,uCAAuC;AACtF,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAOtD,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAyB,CAAC,KAAK;EAC/D,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,OAAO;IACJK,OAAO,EAAE,+BAAgC;IACzCC,IAAI,EAAE,KAAM;IACZC,OAAO,eACHX,KAAA,CAAAQ,aAAA,CAACL,UAAU;MACPS,OAAO,EAAE,OAAQ;MACjBC,IAAI,EAAE,IAAK;MACXC,QAAQ,EAAE,IAAK;MACfR,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBQ,IAAI,eAAEf,KAAA,CAAAQ,aAAA,CAACN,YAAY,MAAE;IAAE,CAC1B;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface MoveUpProps {
+    onClick: (ev: React.MouseEvent) => void;
+    className?: string;
+}
+export declare const MoveUp: ({ onClick, className }: MoveUpProps) => React.JSX.Element;
+export {};