npm - @webiny/app-headless-cms - Versions diffs - 5.43.2 → 6.0.0-alpha.0 - Mend

@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1139) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_Search","_Entry","_Dialog","_Button","_appAdmin","_utils","_Loader","_useEntries2","_Entries","_Dialog2","_DialogHeader","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Content","DialogContent","BaseDialogContent","isSelected","entryId","values","some","value","_parseIdentifier","parseIdentifier","id","valueEntryId","getSettings","field","renderer","undefined","settings","ReferencesDialog","exports","props","_useSnackbar","useSnackbar","showSnackbar","contentModel","onDialogClose","storeValues","initialValues","multiple","_useState","useState","_useState2","_slicedToArray2","setValues","rendererSettings","newItemPosition","onChange","useCallback","reference","_parseIdentifier2","referenceEntryId","_values","_parseIdentifier3","newValues","filter","_parseIdentifier4","length","concat","_toConsumableArray2","onDialogSave","_useEntries","useEntries","model","limit","entries","loading","error","runSearch","loadMore","useEffect","debouncedSearch","useRef","onInput","ev","String","trim","current","clearTimeout","setTimeout","createElement","Fragment","Dialog","open","onClose","DialogHeader","Search","AbsoluteLoader","Entries","entry","Entry","key","selected","DialogActions","ButtonDefault","onClick","ButtonPrimary"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Search } from \"./Search\";\nimport { Entry } from \"./Entry\";\nimport { DialogActions, DialogContent as BaseDialogContent } from \"~/admin/components/Dialog\";\nimport { CmsModelField, CmsModelFieldRendererProps } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ButtonDefault, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { AbsoluteLoader } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/Loader\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries\";\nimport { Entries } from \"./Entries\";\nimport { Dialog } from \"~/admin/plugins/fieldRenderers/ref/components/dialog/Dialog\";\nimport { DialogHeader } from \"~/admin/plugins/fieldRenderers/ref/components/dialog/DialogHeader\";\nimport { MultiRefFieldSettings } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings\";\n\nconst Container = styled(\"div\")({\n width: \"100%\",\n boxSizing: \"border-box\",\n padding: \"20px\"\n});\n\nconst Content = styled(\"div\")({\n display: \"flex\",\n flex: \"1\",\n flexDirection: \"column\",\n position: \"relative\",\n width: \"100%\",\n minHeight: \"20px\",\n boxSizing: \"border-box\",\n padding: \"20px 0 20px 20px\",\n backgroundColor: \"var(--mdc-theme-background)\",\n border: \"1px solid var(--mdc-theme-on-background)\",\n overflowX: \"hidden\"\n});\n\nconst DialogContent = styled(BaseDialogContent)({\n padding: \"0 !important\"\n});\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 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 debouncedSearch = useRef<number \| null>(null);\n\n const onInput = useCallback((ev: React.BaseSyntheticEvent) => {\n const value = (String(ev.target.value) \|\| \"\").trim();\n if (debouncedSearch.current) {\n clearTimeout(debouncedSearch.current);\n debouncedSearch.current = null;\n }\n /\n We can safely cast as setTimeout really produces a number.\n * There is an error while coding because Storm thinks this is NodeJS timeout.\n */\n debouncedSearch.current = setTimeout(() => {\n runSearch(value);\n }, 200) as unknown as number;\n }, []);\n\n return (\n <>\n <Dialog open={true} onClose={onDialogClose}>\n <DialogHeader model={contentModel} onClose={onDialogClose} />\n <DialogContent>\n <Container>\n <Search onInput={onInput} />\n <Content>\n {loading && <AbsoluteLoader />}\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 </Content>\n </Container>\n </DialogContent>\n <DialogActions>\n <ButtonDefault onClick={onDialogClose}>Cancel</ButtonDefault>\n <ButtonPrimary onClick={onDialogSave}>Save</ButtonPrimary>\n </DialogActions>\n </Dialog>\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}
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 { CmsModelField, CmsModelFieldRendererProps } from \"~/types\";\nimport { 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 { 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 CHANGED Viewed

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

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

@@ -1,64 +1,29 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Search = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _search = _interopRequireDefault(require("./assets/search.svg"));
-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)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "el59n9e2"
-} : {
-  target: "el59n9e2",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "toji93",
-  styles: "display:flex;width:100%;position:relative;height:36px;margin-bottom:16px;padding:5px 0;border:1px solid var(--mdc-theme-on-background);background-color:var(--mdc-theme-background)"
-} : {
-  name: "toji93",
-  styles: "display:flex;width:100%;position:relative;height:36px;margin-bottom:16px;padding:5px 0;border:1px solid var(--mdc-theme-on-background);background-color:var(--mdc-theme-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWtCIiwiZmlsZSI6IlNlYXJjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzZWFyY2hJY29uIGZyb20gXCIuL2Fzc2V0cy9zZWFyY2guc3ZnXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgaGVpZ2h0OiBcIjM2cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IFwiMTZweFwiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDBcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIlxufSk7XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJpbWdcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiBcIjEycHhcIixcbiAgICBsZWZ0OiBcIjEwcHhcIixcbiAgICB3aWR0aDogXCIyNHB4XCIsXG4gICAgaGVpZ2h0OiBcIjI0cHhcIlxufSk7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZm9udFNpemU6IFwiMTRweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMzZweFwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjQ1cHhcIixcbiAgICBcIjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCJub25lXCJcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIFNlYXJjaFByb3BzIHtcbiAgICBvbklucHV0OiAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNlYXJjaCA9ICh7IG9uSW5wdXQgfTogU2VhcmNoUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgPEljb24gc3JjPXtzZWFyY2hJY29ufSAvPlxuICAgICAgICAgICAgPElucHV0IHBsYWNlaG9sZGVyPXtcIlNlYXJjaCBlbnRyaWVzXCJ9IG9uS2V5VXA9e29uSW5wdXR9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = /*#__PURE__*/(0, _base.default)("img", process.env.NODE_ENV === "production" ? {
-  target: "el59n9e1"
-} : {
-  target: "el59n9e1",
-  label: "Icon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cjxm34",
-  styles: "position:absolute;top:12px;left:10px;width:24px;height:24px"
-} : {
-  name: "1cjxm34",
-  styles: "position:absolute;top:12px;left:10px;width:24px;height:24px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWEiLCJmaWxlIjoiU2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHNlYXJjaEljb24gZnJvbSBcIi4vYXNzZXRzL3NlYXJjaC5zdmdcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBoZWlnaHQ6IFwiMzZweFwiLFxuICAgIG1hcmdpbkJvdHRvbTogXCIxNnB4XCIsXG4gICAgcGFkZGluZzogXCI1cHggMFwiLFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImltZ1wiKSh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB0b3A6IFwiMTJweFwiLFxuICAgIGxlZnQ6IFwiMTBweFwiLFxuICAgIHdpZHRoOiBcIjI0cHhcIixcbiAgICBoZWlnaHQ6IFwiMjRweFwiXG59KTtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQoXCJpbnB1dFwiKSh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBmb250U2l6ZTogXCIxNHB4XCIsXG4gICAgbGluZUhlaWdodDogXCIzNnB4XCIsXG4gICAgcGFkZGluZ0xlZnQ6IFwiNDVweFwiLFxuICAgIFwiOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgU2VhcmNoUHJvcHMge1xuICAgIG9uSW5wdXQ6IChlOiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgU2VhcmNoID0gKHsgb25JbnB1dCB9OiBTZWFyY2hQcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbiBzcmM9e3NlYXJjaEljb259IC8+XG4gICAgICAgICAgICA8SW5wdXQgcGxhY2Vob2xkZXI9e1wiU2VhcmNoIGVudHJpZXNcIn0gb25LZXlVcD17b25JbnB1dH0gLz5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Input = /*#__PURE__*/(0, _base.default)("input", process.env.NODE_ENV === "production" ? {
-  target: "el59n9e0"
-} : {
-  target: "el59n9e0",
-  label: "Input"
-})(process.env.NODE_ENV === "production" ? {
-  name: "w9glrb",
-  styles: "display:block;box-sizing:border-box;border:none;background-color:transparent;width:100%;height:100%;font-size:14px;line-height:36px;padding-left:45px;:focus-visible{outline:none;}"
-} : {
-  name: "w9glrb",
-  styles: "display:block;box-sizing:border-box;border:none;background-color:transparent;width:100%;height:100%;font-size:14px;line-height:36px;padding-left:45px;:focus-visible{outline:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6IlNlYXJjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBzZWFyY2hJY29uIGZyb20gXCIuL2Fzc2V0cy9zZWFyY2guc3ZnXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgaGVpZ2h0OiBcIjM2cHhcIixcbiAgICBtYXJnaW5Cb3R0b206IFwiMTZweFwiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDBcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIlxufSk7XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoXCJpbWdcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiBcIjEycHhcIixcbiAgICBsZWZ0OiBcIjEwcHhcIixcbiAgICB3aWR0aDogXCIyNHB4XCIsXG4gICAgaGVpZ2h0OiBcIjI0cHhcIlxufSk7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkKFwiaW5wdXRcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZm9udFNpemU6IFwiMTRweFwiLFxuICAgIGxpbmVIZWlnaHQ6IFwiMzZweFwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjQ1cHhcIixcbiAgICBcIjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCJub25lXCJcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIFNlYXJjaFByb3BzIHtcbiAgICBvbklucHV0OiAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNlYXJjaCA9ICh7IG9uSW5wdXQgfTogU2VhcmNoUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgPEljb24gc3JjPXtzZWFyY2hJY29ufSAvPlxuICAgICAgICAgICAgPElucHV0IHBsYWNlaG9sZGVyPXtcIlNlYXJjaCBlbnRyaWVzXCJ9IG9uS2V5VXA9e29uSW5wdXR9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Search = exports.Search = function Search(_ref) {
-  var onInput = _ref.onInput;
-  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Icon, {
-    src: _search.default
-  }), /*#__PURE__*/_react.default.createElement(Input, {
-    placeholder: "Search entries",
-    onKeyUp: onInput
-  }));
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault~~","~~require~~","~~_search~~","~~_EMOTION_STRINGIFIED_CSS_ERROR__~~","~~Container~~","~~_base~~","~~default~~","~~process~~","~~env~~","~~NODE_ENV~~","~~target~~","~~label~~","~~name~~","~~styles~~","~~map~~","~~toString~~"~~,"Icon","Input","Search","exports","_ref","onInput","createElement","src","searchIcon","placeholder","onKeyUp"~~],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport ~~styled~~ ~~from~~ ~~\"@emotion/styled\";\nimport~~ ~~searchIcon~~ from \"~~./assets~~/search.svg\";\~~n\nconst~~ ~~Container~~ = ~~styled(\"div\")({\n display:~~ ~~\"flex\",\n width:~~ ~~\"100%\",\n position:~~ ~~\"relative\",\n height:~~ \"~~36px~~\",\n ~~marginBottom:~~ \~~"16px\",\n padding:~~ ~~\"5px~~ 0\~~",\~~n ~~border~~: ~~\"1px~~ ~~solid~~ ~~var(--mdc-theme-on-background)\",\~~n ~~backgroundColor~~: ~~\"var(--mdc-theme-background)\"\~~n}~~);\~~n\~~nconst~~ ~~Icon~~ = ~~styled~~(~~\"img\")(~~{~~\n position:~~ ~~\"absolute\",\n top:~~ ~~\"12px\",\n left:~~ ~~\"10px\",\n width~~: ~~\"24px\",\n height: \"24px\"\n}~~)~~;\n\nconst~~ ~~Input~~ ~~= styled(\"input\")(~~{\n ~~display:~~ \~~"block\",\~~n ~~boxSizing:~~ \"~~border~~-~~box~~\",\n ~~border:~~ ~~\"none\",\n backgroundColor:~~ ~~\"transparent\",\~~n ~~width:~~ ~~\"100%\",\n height:~~ ~~\"100%\",\n fontSize:~~ ~~\"14px\",\n lineHeight:~~ \~~"36px\",\~~n ~~paddingLeft:~~ \~~"45px\",\~~n \"~~:focus-visible~~\"~~: {~~\n ~~outline:~~ \"~~none\~~"\n }\n~~});\n\ninterface SearchProps~~ {~~\n onInput: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n~~}\n~~\nexport const Search~~ = ({ ~~onInput~~ }~~: SearchProps) => {~~\n ~~return (\n~~ <~~Container>\n <~~Icon ~~src~~={~~searchIcon~~} ~~/>\~~n ~~<Input placeholder~~={\"~~Search entries~~\"} ~~onKeyUp={onInput}~~ />\n </~~Container~~>\n );\n};\n"],"mappings":"~~;;;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA,CAAAC,OAAA~~;~~AAEA~~,~~IAAAC~~,~~OAAA~~,~~GAAAF~~,~~sBAAA~~,~~CAAAC~~,~~OAAA~~;~~AAA6C~~,~~SAAAE~~,~~iCAAA;AAE7C,IAAMC,SAAS,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,~~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~~,~~EAAAZ~~;~~AAAA~~,~~CAS9B~~,~~CAAC~~;~~AAEF~~,~~IAAMa~~,~~IAAI,gBAAG,IAAAX,~~KAAA,~~CAAAC~~,~~OAAA~~,~~EAAO~~,~~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,EAAAZ;AAAA,CAMzB,~~CAAC~~;AAEF~~,~~IAAMc~~,~~KAAK,gBAAG,IAAAZ,~~KAAA,~~CAAAC~~,~~OAAA~~,~~EAAO~~,~~OAAO,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,EAAAZ~~;~~AAAA~~,~~CAa5B~~,~~CAAC;AAMK~~,~~IAAMe~~,~~MAAM~~,~~GAAAC~~,~~OAAA~~,~~CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAAiC~~;~~EAAA~~,~~IAA3BC~~,~~OAAO~~,~~GAAAD,IAAA,CAAPC,OAAO~~;~~EAC5B~~,~~oBACItB~~,~~MAAA~~,~~CAAAO~~,~~OAAA~~,~~CAAAgB,~~aAAA,~~CAAClB~~,~~SAAS~~,~~qBACNL,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACN,IAAI~~;~~IAACO~~,~~GAAG~~,~~EAAEC;EAAW,~~CAAE~~,CAAC,eACzBzB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACL,KAAK~~;~~IAACQ~~,~~WAAW~~,EAAE~~,gBAAiB~~;~~IAACC~~,~~OAAO~~,~~EAAEL;EAAQ~~,~~CAAE~~,~~CAClD,~~CAAC;~~AAEpB~~,CAAC","ignoreList":[]}
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/entry/Box.js CHANGED Viewed

@@ -1,14 +1,7 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Box = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
+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)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import React from "react";
+const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11zzake4"
 } : {
   target: "e11zzake4",
@@ -22,7 +15,7 @@ var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Icon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11zzake3"
 } : {
   target: "e11zzake3",
@@ -36,7 +29,7 @@ var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "prod
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWEiLCJmaWxlIjoiQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIzMnB4XCIsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiXG59KTtcbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGZsZXg6IFwiMVwiLFxuICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHhcIlxufSk7XG5jb25zdCBOYW1lID0gc3R5bGVkKFwiaDRcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM5MzhGOTlcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiXG59KTtcbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZm9udFdlaWdodDogNTAwLFxuICAgIGZvbnRTaXplOiAxMSxcbiAgICBsaW5lSGVpZ2h0OiBcIjE2cHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gICAgY29sb3I6IFwiIzQ5NDU0RlwiXG59KTtcblxuaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBpY29uOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEJveCA9ICh7IGljb24sIG5hbWUsIGNoaWxkcmVuIH06IEJveFByb3BzKSA9PiB7XG4gICAgaWYgKCFjaGlsZHJlbikge1xuICAgICAgICByZXR1cm4gPENvbnRhaW5lciAvPjtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxJY29uPntpY29ufTwvSWNvbj5cbiAgICAgICAgICAgIDxDb250ZW50PlxuICAgICAgICAgICAgICAgIDxOYW1lPntuYW1lfTwvTmFtZT5cbiAgICAgICAgICAgICAgICA8VGV4dD57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgICAgPC9Db250ZW50PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e11zzake2"
 } : {
   target: "e11zzake2",
@@ -50,7 +43,7 @@ var Content = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "p
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Name = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "production" ? {
+const Name = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ? {
   target: "e11zzake1"
 } : {
   target: "e11zzake1",
@@ -64,7 +57,7 @@ var Name = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "produ
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Text = /*#__PURE__*/(0, _base.default)("h5", process.env.NODE_ENV === "production" ? {
+const Text = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ? {
   target: "e11zzake0"
 } : {
   target: "e11zzake0",
@@ -78,14 +71,15 @@ var Text = /*#__PURE__*/(0, _base.default)("h5", process.env.NODE_ENV === "produ
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiXG59KTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIlxufSk7XG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjFcIixcbiAgICBwYWRkaW5nTGVmdDogXCIxMHB4XCJcbn0pO1xuY29uc3QgTmFtZSA9IHN0eWxlZChcImg0XCIpKHtcbiAgICBmb250V2VpZ2h0OiA1MDAsXG4gICAgZm9udFNpemU6IDExLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTZweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgICBjb2xvcjogXCIjOTM4Rjk5XCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIlxufSk7XG5jb25zdCBUZXh0ID0gc3R5bGVkKFwiaDVcIikoe1xuICAgIGZvbnRXZWlnaHQ6IDUwMCxcbiAgICBmb250U2l6ZTogMTEsXG4gICAgbGluZUhlaWdodDogXCIxNnB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogXCIwLjVweFwiLFxuICAgIGNvbG9yOiBcIiM0OTQ1NEZcIlxufSk7XG5cbmludGVyZmFjZSBCb3hQcm9wcyB7XG4gICAgaWNvbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBCb3ggPSAoeyBpY29uLCBuYW1lLCBjaGlsZHJlbiB9OiBCb3hQcm9wcykgPT4ge1xuICAgIGlmICghY2hpbGRyZW4pIHtcbiAgICAgICAgcmV0dXJuIDxDb250YWluZXIgLz47XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250YWluZXI+XG4gICAgICAgICAgICA8SWNvbj57aWNvbn08L0ljb24+XG4gICAgICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgICAgICA8TmFtZT57bmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Box = exports.Box = function Box(_ref) {
-  var icon = _ref.icon,
-    name = _ref.name,
-    children = _ref.children;
+export const Box = ({
+  icon,
+  name,
+  children
+}) => {
   if (!children) {
-    return /*#__PURE__*/_react.default.createElement(Container, null);
+    return /*#__PURE__*/React.createElement(Container, null);
   }
-  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Icon, null, icon), /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(Name, null, name), /*#__PURE__*/_react.default.createElement(Text, null, children)));
+  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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault","require","_EMOTION_STRINGIFIED_CSS_ERROR__","~~Container","~~_base~~","~~default","~~process","env","NODE_ENV","target","label","name","styles","map","toString","Icon","Content","Name","Text","Box","~~exports","_ref","~~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,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA,CAAAC,OAAA~~;~~AAA0B~~,~~SAAAC~~,~~iCAAA;AAG1B,IAAMC,~~SAAS,~~gBAAG~~,~~IAAAC,KAAA,CAAAC,~~OAAA,~~EAAO~~,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,~~EAAAZ~~;AAAA,CAG9B,CAAC;AAEF,~~IAAMa~~,IAAI,~~gBAAG~~,~~IAAAX,KAAA,CAAAC,~~OAAA,~~EAAO~~,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,~~EAAAZ~~;AAAA,CAMzB,CAAC;AACF,~~IAAMc~~,OAAO,~~gBAAG~~,~~IAAAZ,KAAA,CAAAC,~~OAAA,~~EAAO~~,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,~~EAAAZ~~;AAAA,CAG5B,CAAC;AACF,~~IAAMe~~,IAAI,~~gBAAG~~,~~IAAAb,KAAA,CAAAC,~~OAAA,~~EAAO~~,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,~~EAAAZ~~;AAAA,CAOxB,CAAC;AACF,~~IAAMgB~~,IAAI,~~gBAAG~~,~~IAAAd,KAAA,CAAAC,~~OAAA,~~EAAO~~,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,~~EAAAZ~~;AAAA,CAMxB,CAAC;~~AAQK~~,~~IAAMiB~~,~~GAAG~~,~~GAAAC,OAAA,CAAAD,GAAA,~~GAAG,~~SAANA,~~GAAGA,~~CAAAE,IAAA,EAA2C~~;~~EAAA~~,~~IAArCC,~~IAAI~~,GAAAD,IAAA,CAAJC,IAAI~~;~~IAAEX~~,IAAI~~,GAAAU,IAAA,CAAJV,IAAI~~;~~IAAEY~~,~~QAAQ~~,~~GAAAF,IAAA,CAARE,QAAQ~~;~~EACtC~~,IAAI,CAACA,QAAQ,EAAE;IACX,~~oBAAOxB~~,~~MAAA~~,~~CAAAM~~,~~OAAA,CAAAmB,~~aAAA,~~CAACrB~~,SAAS,MAAE,CAAC;EACxB;EACA,~~oBACIJ~~,~~MAAA~~,~~CAAAM~~,~~OAAA,CAAAmB,~~aAAA,~~CAACrB~~,SAAS,~~qBACNJ~~,~~MAAA~~,~~CAAAM~~,~~OAAA,CAAAmB,~~aAAA,~~CAACT~~,IAAI,~~QAAEO~~,IAAW,CAAC,~~eACnBvB~~,~~MAAA~~,~~CAAAM~~,~~OAAA,CAAAmB,~~aAAA,~~CAACR~~,OAAO,~~qBACJjB~~,~~MAAA~~,~~CAAAM~~,~~OAAA,CAAAmB,~~aAAA,~~CAACP~~,IAAI,~~QAAEN~~,IAAW,CAAC,~~eACnBZ~~,~~MAAA~~,~~CAAAM~~,~~OAAA,CAAAmB,~~aAAA,~~CAACN~~,IAAI,~~QAAEK~~,QAAe,CACjB,CACF,CAAC;AAEpB,CAAC","ignoreList":[]}
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.js CHANGED Viewed

@@ -1,20 +1,14 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CreatedBy = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Box = require("./Box");
-var _TimeAgo = require("@webiny/ui/TimeAgo");
-var CreatedBy = exports.CreatedBy = function CreatedBy(_ref) {
-  var createdBy = _ref.createdBy,
-    createdOn = _ref.createdOn;
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+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.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_TimeAgo.TimeAgo, {
+  }, createdBy.displayName, " ", /*#__PURE__*/React.createElement(TimeAgo, {
     datetime: createdOn
   }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault~~","~~require~~","~~_Box","_TimeAgo","~~CreatedBy","~~exports","_ref","~~createdBy","createdOn","~~default","~~createElement","~~Box","~~icon","name","displayName","~~TimeAgo","~~datetime"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { 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} <~~br />\n <~~TimeAgo datetime={createdOn} />\n </Box>\n );\n};\n"],"mappings":"~~;;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA~~,~~CAAAC~~,~~OAAA~~;~~AAEA~~,~~IAAAC~~,~~IAAA~~,~~GAAAD~~,~~OAAA~~;~~AACA~~,~~IAAAE~~,~~QAAA~~,~~GAAAF,OAAA;AAMO,IAAMG,~~SAAS,~~GAAAC~~,~~OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAAE,IAAA,EAAiD~~;~~EAAA~~,~~IAA3CC,~~SAAS~~,GAAAD,IAAA,CAATC,SAAS~~;~~IAAEC~~,~~SAAS~~,~~GAAAF,IAAA,CAATE,SAAS~~;~~EAC5C~~,~~oBACIT~~,~~MAAA~~,~~CAAAU~~,~~OAAA,CAAAC,~~aAAA,~~CAACR~~,~~IAAA,CAAAS,~~GAAG;~~IAACC~~,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAa,GAC/BN,SAAS,~~CAACO~~,WAAW,EAAC,GAAC,~~eAAAf~~,~~MAAA~~,~~CAAAU~~,~~OAAA,CAAAC,~~aAAA,~~WAAK~~,~~CAAC,eAC9BX,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAY,~~OAAO;~~IAACC~~,QAAQ,~~EAAER~~;EAAU,CAAE,~~CAC9B~~,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Box","TimeAgo","CreatedBy","createdBy","createdOn","createElement","icon","name","displayName","datetime"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { 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 CHANGED Viewed

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

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

@@ -1,34 +1,17 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Description = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-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)."; }
-var Content = /*#__PURE__*/(0, _base.default)("p", process.env.NODE_ENV === "production" ? {
-  target: "e9zatxd0"
-} : {
-  target: "e9zatxd0",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "18fqgoc",
-  styles: "font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0.25px;box-sizing:border-box;padding-right:20px;padding-bottom:10px"
-} : {
-  name: "18fqgoc",
-  styles: "font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0.25px;box-sizing:border-box;padding-right:20px;padding-bottom:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlc2NyaXB0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0IiLCJmaWxlIjoiRGVzY3JpcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoXCJwXCIpKHtcbiAgICBmb250U3R5bGU6IFwibm9ybWFsXCIsXG4gICAgZm9udFdlaWdodDogNDAwLFxuICAgIGZvbnRTaXplOiAxNCxcbiAgICBsaW5lSGVpZ2h0OiBcIjIwcHhcIixcbiAgICBsZXR0ZXJTcGFjaW5nOiBcIjAuMjVweFwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZ1JpZ2h0OiAyMCxcbiAgICBwYWRkaW5nQm90dG9tOiAxMFxufSk7XG5pbnRlcmZhY2UgRGVzY3JpcHRpb25Qcm9wcyB7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5leHBvcnQgY29uc3QgRGVzY3JpcHRpb24gPSAoeyBkZXNjcmlwdGlvbiB9OiBEZXNjcmlwdGlvblByb3BzKSA9PiB7XG4gICAgY29uc3QgTUFYX0xFTkdUSCA9IDMyMDtcbiAgICBpZiAoIWRlc2NyaXB0aW9uKSB7XG4gICAgICAgIHJldHVybiA8Q29udGVudCAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29udGVudD5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbi5sZW5ndGggPiBNQVhfTEVOR1RIXG4gICAgICAgICAgICAgICAgPyBkZXNjcmlwdGlvbi5zdWJzdHJpbmcoMCwgTUFYX0xFTkdUSCkgKyBcIi4uLlwiXG4gICAgICAgICAgICAgICAgOiBkZXNjcmlwdGlvbn1cbiAgICAgICAgPC9Db250ZW50PlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Description = exports.Description = function Description(_ref) {
-  var description = _ref.description;
-  var MAX_LENGTH = 320;
+import React from "react";
+import { cn, Text } from "@webiny/admin-ui";
+export const Description = ({
+  description
+}) => {
+  const MAX_LENGTH = 320;
   if (!description) {
-    return /*#__PURE__*/_react.default.createElement(Content, null);
+    return null;
   }
-  return /*#__PURE__*/_react.default.createElement(Content, null, description.length > MAX_LENGTH ? description.substring(0, MAX_LENGTH) + "..." : description);
+  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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_react~~","~~_interopRequireDefault~~","~~require~~","~~_EMOTION_STRINGIFIED_CSS_ERROR__~~","~~Content~~","~~_base~~","~~default~~","~~process~~","~~env~~","~~NODE_ENV~~","~~target","label","name","styles","map","toString","Description","exports","_ref","description","MAX_LENGTH","createElement","~~length","substring"],"sources":["Description.tsx"],"sourcesContent":["import ~~styled from \"@emotion/styled\";\nimport~~ React from \"react\";\~~n\nconst~~ ~~Content = styled(\"p\")(~~{~~\n fontStyle:~~ ~~\"normal\",\n fontWeight:~~ ~~400,\n fontSize:~~ ~~14,\n lineHeight:~~ ~~\"20px\",\n letterSpacing:~~ \"~~0.25px\",\n boxSizing: \"border~~-~~box~~\",\n ~~paddingRight: 20,\n paddingBottom: 10~~\~~n});\~~ninterface DescriptionProps {\n description?: string \| null;\n}\n\nexport const Description = ({ description }: DescriptionProps) => {\n const MAX_LENGTH = 320;\n if (!description) {\n return ~~<Content />;\~~n }\n\n return (\n <~~Content~~>\n {description.length > MAX_LENGTH\n ? description.substring(0, MAX_LENGTH) + \"...\"\n : description}\n </~~Content~~>\n );\n};\n"],"mappings":"~~;;;;;;;;AACA~~,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~sBAAA,CAAAC,OAAA;AAA0B,SAAAC,iCAAA;AAE1B,IAAMC,~~OAAO~~,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,GAAG,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,EAAAZ~~;~~AAAA~~,~~CAS1B,~~CAAC~~;AAKK~~,~~IAAMa,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAA0C~~;~~EAAA~~,~~IAApCC~~,~~WAAW,GAAAD,IAAA,CAAXC,WAAW;EACrC,IAAMC,~~UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,~~oBAAOnB~~,~~MAAA~~,~~CAAAM~~,~~OAAA~~,~~CAAAe~~,aAAA,~~CAACjB~~,~~OAAO~~,~~MAAE~~,~~CAAC~~;~~EACtB;EAEA~~,~~oBACIJ~~,~~MAAA~~,~~CAAAM~~,~~OAAA~~,~~CAAAe~~,~~aAAA~~,~~CAACjB~~,~~OAAO~~,~~QACHe~~,WAAW,~~CAACG~~,MAAM,~~GAAGF~~,UAAU,GAC1BD,WAAW,~~CAACI~~,SAAS,CAAC,CAAC,~~EAAEH~~,UAAU,CAAC,GAAG,KAAK,GAC5CD,~~WACD~~,CAAC;~~AAElB~~,CAAC","ignoreList":[]}
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 ADDED Viewed

@@ -0,0 +1,10 @@
+import React from "react";
+import { 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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 { 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.js CHANGED Viewed

@@ -1,66 +1,36 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Image = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-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)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1bca2ud1"
-} : {
-  target: "e1bca2ud1",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "12pohl",
-  styles: "width:100%;background-color:var(--mdc-theme-on-background);border-right:1px solid var(--mdc-theme-on-background);border-bottom:1px solid var(--mdc-theme-on-background);background-repeat:no-repeat;background-size:contain;background-origin:content-box;background-position:center;padding:5px;min-height:140px;display:flex;justify-content:center;align-items:center;box-sizing:border-box"
-} : {
-  name: "12pohl",
-  styles: "width:100%;background-color:var(--mdc-theme-on-background);border-right:1px solid var(--mdc-theme-on-background);border-bottom:1px solid var(--mdc-theme-on-background);background-repeat:no-repeat;background-size:contain;background-origin:content-box;background-position:center;padding:5px;min-height:140px;display:flex;justify-content:center;align-items:center;box-sizing:border-box",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLa0IiLCJmaWxlIjoiSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBGb250QXdlc29tZUljb24gfSBmcm9tIFwiQGZvcnRhd2Vzb21lL3JlYWN0LWZvbnRhd2Vzb21lXCI7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmVcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJpZ2h0OiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gICAgYmFja2dyb3VuZFNpemU6IFwiY29udGFpblwiLFxuICAgIGJhY2tncm91bmRPcmlnaW46IFwiY29udGVudC1ib3hcIixcbiAgICBiYWNrZ3JvdW5kUG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogNSxcbiAgICBtaW5IZWlnaHQ6IDE0MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjAgMCAxMDBweFwiLFxuICAgIHN2Zzoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWxpZ2h0KVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICAgIG1heFdpZHRoOiAxMDAsXG4gICAgICAgIG1heEhlaWdodDogMTAwLFxuICAgICAgICBvcGFjaXR5OiAwLjNcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEljb25Qcm9wcyB7XG4gICAgaWNvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBzcmM/OiBzdHJpbmcgfCBudWxsO1xuICAgIHdpZHRoPzogbnVtYmVyO1xuICAgIGljb246IHN0cmluZyB8IHVuZGVmaW5lZDtcbn1cblxuY29uc3QgRGlzcGxheUljb24gPSAoeyBpY29uIH06IEljb25Qcm9wcykgPT4ge1xuICAgIGlmICghaWNvbikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIDxGb250QXdlc29tZUljb24gaWNvbj17KGljb24gfHwgXCJcIikuc3BsaXQoXCIvXCIpIGFzIEljb25Qcm9wfSAvPjtcbn07XG5cbmV4cG9ydCBjb25zdCBJbWFnZSA9ICh7IHNyYywgaWNvbiwgd2lkdGggPSAxNjYgfTogSW1hZ2VQcm9wcykgPT4ge1xuICAgIGlmICghc3JjKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgICAgICA8RGlzcGxheUljb24gaWNvbj17aWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIDxDb250YWluZXIgc3R5bGU9e3sgYmFja2dyb3VuZEltYWdlOiBcInVybChcIiArIHNyYyArIFwiP3dpZHRoPVwiICsgd2lkdGggKyBcIilcIiB9fSAvPjtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Icon = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1bca2ud0"
-} : {
-  target: "e1bca2ud0",
-  label: "Icon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cc3ux3",
-  styles: "flex:0 0 100px;svg{color:var(--mdc-theme-text-icon-on-light);width:100%;height:auto;max-width:100px;max-height:100px;opacity:0.3;}"
-} : {
-  name: "1cc3ux3",
-  styles: "flex:0 0 100px;svg{color:var(--mdc-theme-text-icon-on-light);width:100%;height:auto;max-width:100px;max-height:100px;opacity:0.3;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmEiLCJmaWxlIjoiSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBGb250QXdlc29tZUljb24gfSBmcm9tIFwiQGZvcnRhd2Vzb21lL3JlYWN0LWZvbnRhd2Vzb21lXCI7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmVcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJpZ2h0OiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gICAgYmFja2dyb3VuZFNpemU6IFwiY29udGFpblwiLFxuICAgIGJhY2tncm91bmRPcmlnaW46IFwiY29udGVudC1ib3hcIixcbiAgICBiYWNrZ3JvdW5kUG9zaXRpb246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogNSxcbiAgICBtaW5IZWlnaHQ6IDE0MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCJcbn0pO1xuXG5jb25zdCBJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBmbGV4OiBcIjAgMCAxMDBweFwiLFxuICAgIHN2Zzoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1pY29uLW9uLWxpZ2h0KVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICAgIG1heFdpZHRoOiAxMDAsXG4gICAgICAgIG1heEhlaWdodDogMTAwLFxuICAgICAgICBvcGFjaXR5OiAwLjNcbiAgICB9XG59KTtcblxuaW50ZXJmYWNlIEljb25Qcm9wcyB7XG4gICAgaWNvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBzcmM/OiBzdHJpbmcgfCBudWxsO1xuICAgIHdpZHRoPzogbnVtYmVyO1xuICAgIGljb246IHN0cmluZyB8IHVuZGVmaW5lZDtcbn1cblxuY29uc3QgRGlzcGxheUljb24gPSAoeyBpY29uIH06IEljb25Qcm9wcykgPT4ge1xuICAgIGlmICghaWNvbikge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIDxGb250QXdlc29tZUljb24gaWNvbj17KGljb24gfHwgXCJcIikuc3BsaXQoXCIvXCIpIGFzIEljb25Qcm9wfSAvPjtcbn07XG5cbmV4cG9ydCBjb25zdCBJbWFnZSA9ICh7IHNyYywgaWNvbiwgd2lkdGggPSAxNjYgfTogSW1hZ2VQcm9wcykgPT4ge1xuICAgIGlmICghc3JjKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgICAgICA8RGlzcGxheUljb24gaWNvbj17aWNvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICB9XG4gICAgcmV0dXJuIDxDb250YWluZXIgc3R5bGU9e3sgYmFja2dyb3VuZEltYWdlOiBcInVybChcIiArIHNyYyArIFwiP3dpZHRoPVwiICsgd2lkdGggKyBcIilcIiB9fSAvPjtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var DisplayIcon = function DisplayIcon(_ref) {
-  var icon = _ref.icon;
+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.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: (icon || "").split("/")
+  return /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: (icon || "").split("/")
+    }),
+    label: "Model icon",
+    size: "lg",
+    className: "wby-text-neutral-muted"
   });
 };
-var Image = exports.Image = function Image(_ref2) {
-  var src = _ref2.src,
-    icon = _ref2.icon,
-    _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? 166 : _ref2$width;
-  if (!src) {
-    return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(DisplayIcon, {
-      icon: icon
-    })));
-  }
-  return /*#__PURE__*/_react.default.createElement(Container, {
-    style: {
-      backgroundImage: "url(" + src + "?width=" + width + ")"
-    }
-  });
+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