@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","onClick","useCallback","ev","current","submit","NewReferencedEntryDialog","baseModel","model","onClose","onChange","useCms","apolloClient","useState","undefined","setModel","useEffect","query","GET_CONTENT_MODEL","variables","modelId","response","getContentModel","entry","published","meta","status","modelName","name"],"sources":["NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsContentEntry, CmsModel } from \"~/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useCms } from \"~/admin/hooks\";\nimport { FullWidthDialog } from \"./dialog/Dialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n}\n\nconst EntryForm: React.VFC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.VFC = () => {\n    const { form } = useContentEntry();\n\n    const onClick = useCallback(\n        (ev: React.MouseEvent) => {\n            (async () => {\n                await form.current.submit(ev);\n            })();\n        },\n        [form.current]\n    );\n\n    return <ButtonPrimary onClick={onClick}>{t`Create Entry`}</ButtonPrimary>;\n};\n\ninterface Props {\n    model: Pick<CmsModel, \"modelId\">;\n    onClose: () => void;\n    onChange: (entry: any) => void;\n}\n\nexport const NewReferencedEntryDialog: React.VFC<Props> = ({\n    model: baseModel,\n    onClose,\n    onChange\n}) => {\n    const { apolloClient } = useCms();\n    const [model, setModel] = useState<CmsModel | undefined>(undefined);\n\n    useEffect(() => {\n        (async () => {\n            const response = await apolloClient.query<\n                GetCmsModelQueryResponse,\n                GetCmsModelQueryVariables\n            >({\n                query: GET_CONTENT_MODEL,\n                variables: {\n                    modelId: baseModel.modelId\n                }\n            });\n            setModel(response.data.getContentModel.data);\n        })();\n    }, [baseModel.modelId]);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!model) {\n                onClose();\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: entry.meta?.status === \"published\",\n                modelId: model.modelId,\n                modelName: model.name\n            });\n            onClose();\n        },\n        [onChange, model]\n    );\n    if (!model) {\n        return null;\n    }\n\n    return (\n        <ContentEntriesProvider contentModel={model} key={model.modelId} insideDialog={true}>\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <FullWidthDialog open={true} onClose={onClose}>\n                    <DialogTitle>{t`New {modelName} Entry`({ modelName: model.name })}</DialogTitle>\n                    <DialogContent>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </FullWidthDialog>\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ContentEntryContext","_Dialog","_ContentEntriesContext","_i18n","_useContentEntry3","_ModelProvider","_ContentEntryForm","_Button","_contentModels","_hooks","_Dialog2","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","EntryForm","_ref","onCreate","_useContentEntry","useContentEntry","setFormRef","contentModel","default","createElement","ModelProvider","model","ContentEntryForm","onSubmit","data","onForm","form","entry","addEntryToListCache","DialogSaveButton","_useContentEntry2","onClick","useCallback","ev","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","wrap","_callee$","_context","prev","next","current","submit","stop","ButtonPrimary","_taggedTemplateLiteral2","NewReferencedEntryDialog","_ref3","baseModel","onClose","onChange","_useCms","useCms","apolloClient","_useState","useState","undefined","_useState2","_slicedToArray2","setModel","useEffect","_callee2","response","_callee2$","_context2","query","GET_CONTENT_MODEL","variables","modelId","sent","getContentModel","_entry$meta","_objectSpread2","published","meta","status","modelName","name","ContentEntriesProvider","key","insideDialog","ContentEntryProvider","isNewEntry","getContentId","FullWidthDialog","open","DialogTitle","DialogContent","DialogActions","DialogCancel","exports"],"sources":["NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { DialogActions, DialogCancel, DialogContent, DialogTitle } from \"@webiny/ui/Dialog\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsContentEntry, CmsModel } from \"~/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useCms } from \"~/admin/hooks\";\nimport { FullWidthDialog } from \"./dialog/Dialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n}\n\nconst EntryForm: React.VFC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntryForm\n                onSubmit={data => {\n                    /**\n                     * We know that data is CmsContentEntry.\n                     */\n                    return onCreate(data as unknown as CmsContentEntry);\n                }}\n                onForm={form => setFormRef(form)}\n                entry={{}}\n                addEntryToListCache={false}\n            />\n        </ModelProvider>\n    );\n};\n\nconst DialogSaveButton: React.VFC = () => {\n    const { form } = useContentEntry();\n\n    const onClick = useCallback(\n        (ev: React.MouseEvent) => {\n            (async () => {\n                await form.current.submit(ev);\n            })();\n        },\n        [form.current]\n    );\n\n    return <ButtonPrimary onClick={onClick}>{t`Create Entry`}</ButtonPrimary>;\n};\n\ninterface Props {\n    model: Pick<CmsModel, \"modelId\">;\n    onClose: () => void;\n    onChange: (entry: any) => void;\n}\n\nexport const NewReferencedEntryDialog: React.VFC<Props> = ({\n    model: baseModel,\n    onClose,\n    onChange\n}) => {\n    const { apolloClient } = useCms();\n    const [model, setModel] = useState<CmsModel | undefined>(undefined);\n\n    useEffect(() => {\n        (async () => {\n            const response = await apolloClient.query<\n                GetCmsModelQueryResponse,\n                GetCmsModelQueryVariables\n            >({\n                query: GET_CONTENT_MODEL,\n                variables: {\n                    modelId: baseModel.modelId\n                }\n            });\n            setModel(response.data.getContentModel.data);\n        })();\n    }, [baseModel.modelId]);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!model) {\n                onClose();\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: entry.meta?.status === \"published\",\n                modelId: model.modelId,\n                modelName: model.name\n            });\n            onClose();\n        },\n        [onChange, model]\n    );\n    if (!model) {\n        return null;\n    }\n\n    return (\n        <ContentEntriesProvider contentModel={model} key={model.modelId} insideDialog={true}>\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <FullWidthDialog open={true} onClose={onClose}>\n                    <DialogTitle>{t`New {modelName} Entry`({ modelName: model.name })}</DialogTitle>\n                    <DialogContent>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </FullWidthDialog>\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","display","flexDirection","width","NewRecord","borderRight","padding","position","alignItems","NewRecordButton","background","border","color","cursor","height","marginRight","LinkExistingRecord","LinkExistingRecordButton","Options","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","length","onSingleNewRecord","useCallback","modelId","onSingleExistingRecord"],"sources":["Options.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsModel } from \"~/types\";\nimport { OptionsModelList } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList\";\nimport { ReactComponent as LinkIcon } from \"./assets/link.svg\";\nimport { ReactComponent as AddIcon } from \"./assets/add-circle.svg\";\n\nconst Container = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    width: \"100%\"\n});\nconst NewRecord = styled(\"div\")({\n    borderRight: \"2px solid var(--mdc-theme-background)\",\n    padding: \"10px 15px\",\n    display: \"flex\",\n    position: \"relative\",\n    alignItems: \"center\",\n    \" > div \": {\n        display: \"none\"\n    },\n    \":hover > div\": {\n        display: \"block\"\n    }\n});\nconst NewRecordButton = styled(\"button\")({\n    background: \"transparent\",\n    border: \"none\",\n    color: \"var(--mdc-theme-primary)\",\n    padding: \"2px 2px\",\n    cursor: \"pointer\",\n    alignItems: \"center\",\n    display: \"flex\",\n    \"> svg\": {\n        color: \"var(--mdc-theme-primary)\",\n        width: \"16px\",\n        height: \"16px\",\n        marginRight: 10\n    }\n});\nconst LinkExistingRecord = styled(\"div\")({\n    padding: \"10px 15px\",\n    alignItems: \"center\",\n    display: \"flex\",\n    position: \"relative\",\n    \" > div \": {\n        display: \"none\"\n    },\n    \":hover > div\": {\n        display: \"block\"\n    }\n});\nconst LinkExistingRecordButton = styled(\"button\")({\n    background: \"transparent\",\n    border: \"none\",\n    color: \"var(--mdc-theme-primary)\",\n    padding: \"2px 5px\",\n    cursor: \"pointer\",\n    alignItems: \"center\",\n    display: \"flex\",\n    \"> svg\": {\n        color: \"var(--mdc-theme-primary)\",\n        width: \"16px\",\n        height: \"16px\",\n        marginRight: 10\n    }\n});\n\ninterface Props {\n    models: CmsModel[];\n    onNewRecord: (modelId: string) => void;\n    onLinkExistingRecord: (modelId: string) => void;\n}\nexport const Options: React.VFC<Props> = ({ models, onNewRecord, onLinkExistingRecord }) => {\n    const hasMultipleModels = models.length > 1;\n    const onSingleNewRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onNewRecord(models[0].modelId);\n    }, [models]);\n\n    const onSingleExistingRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onLinkExistingRecord(models[0].modelId);\n    }, [models]);\n    return (\n        <Container>\n            <NewRecord>\n                <NewRecordButton onClick={onSingleNewRecord}>\n                    <AddIcon /> create a new record\n                </NewRecordButton>\n                <OptionsModelList onClick={onNewRecord} models={models} />\n            </NewRecord>\n            <LinkExistingRecord>\n                <LinkExistingRecordButton onClick={onSingleExistingRecord}>\n                    <LinkIcon /> link an existing record\n                </LinkExistingRecordButton>\n                <OptionsModelList onClick={onLinkExistingRecord} models={models} />\n            </LinkExistingRecord>\n        </Container>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_OptionsModelList","_link","_addCircle","Container","styled","target","label","display","flexDirection","width","NewRecord","borderRight","padding","position","alignItems","NewRecordButton","background","border","color","cursor","height","marginRight","LinkExistingRecord","LinkExistingRecordButton","Options","_ref","models","onNewRecord","onLinkExistingRecord","hasMultipleModels","length","onSingleNewRecord","useCallback","modelId","onSingleExistingRecord","default","createElement","onClick","ReactComponent","OptionsModelList","exports"],"sources":["Options.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsModel } from \"~/types\";\nimport { OptionsModelList } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList\";\nimport { ReactComponent as LinkIcon } from \"./assets/link.svg\";\nimport { ReactComponent as AddIcon } from \"./assets/add-circle.svg\";\n\nconst Container = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    width: \"100%\"\n});\nconst NewRecord = styled(\"div\")({\n    borderRight: \"2px solid var(--mdc-theme-background)\",\n    padding: \"10px 15px\",\n    display: \"flex\",\n    position: \"relative\",\n    alignItems: \"center\",\n    \" > div \": {\n        display: \"none\"\n    },\n    \":hover > div\": {\n        display: \"block\"\n    }\n});\nconst NewRecordButton = styled(\"button\")({\n    background: \"transparent\",\n    border: \"none\",\n    color: \"var(--mdc-theme-primary)\",\n    padding: \"2px 2px\",\n    cursor: \"pointer\",\n    alignItems: \"center\",\n    display: \"flex\",\n    \"> svg\": {\n        color: \"var(--mdc-theme-primary)\",\n        width: \"16px\",\n        height: \"16px\",\n        marginRight: 10\n    }\n});\nconst LinkExistingRecord = styled(\"div\")({\n    padding: \"10px 15px\",\n    alignItems: \"center\",\n    display: \"flex\",\n    position: \"relative\",\n    \" > div \": {\n        display: \"none\"\n    },\n    \":hover > div\": {\n        display: \"block\"\n    }\n});\nconst LinkExistingRecordButton = styled(\"button\")({\n    background: \"transparent\",\n    border: \"none\",\n    color: \"var(--mdc-theme-primary)\",\n    padding: \"2px 5px\",\n    cursor: \"pointer\",\n    alignItems: \"center\",\n    display: \"flex\",\n    \"> svg\": {\n        color: \"var(--mdc-theme-primary)\",\n        width: \"16px\",\n        height: \"16px\",\n        marginRight: 10\n    }\n});\n\ninterface Props {\n    models: CmsModel[];\n    onNewRecord: (modelId: string) => void;\n    onLinkExistingRecord: (modelId: string) => void;\n}\nexport const Options: React.VFC<Props> = ({ models, onNewRecord, onLinkExistingRecord }) => {\n    const hasMultipleModels = models.length > 1;\n    const onSingleNewRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onNewRecord(models[0].modelId);\n    }, [models]);\n\n    const onSingleExistingRecord = useCallback(() => {\n        if (models.length === 0 || hasMultipleModels) {\n            return;\n        }\n        onLinkExistingRecord(models[0].modelId);\n    }, [models]);\n    return (\n        <Container>\n            <NewRecord>\n                <NewRecordButton onClick={onSingleNewRecord}>\n                    <AddIcon /> create a new record\n                </NewRecordButton>\n                <OptionsModelList onClick={onNewRecord} models={models} />\n            </NewRecord>\n            <LinkExistingRecord>\n                <LinkExistingRecordButton onClick={onSingleExistingRecord}>\n                    <LinkIcon /> link an existing record\n                </LinkExistingRecordButton>\n                <OptionsModelList onClick={onLinkExistingRecord} models={models} />\n            </LinkExistingRecord>\n        </Container>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","width","boxSizing","padding","Content","display","flex","flexDirection","position","minHeight","backgroundColor","border","overflowX","DialogContent","BaseDialogContent","isSelected","entryId","values","some","value","parseIdentifier","id","valueEntryId","ReferencesDialog","props","contentModel","onDialogClose","storeValues","initialValues","multiple","useSnackbar","showSnackbar","useState","setValues","onChange","useCallback","reference","referenceEntryId","newValues","filter","length","onDialogSave","useEntries","model","limit","entries","loading","error","runSearch","loadMore","useEffect","debouncedSearch","useRef","onInput","ev","String","target","trim","current","clearTimeout","setTimeout","entry"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DialogHeader } from \"./dialog/DialogHeader\";\nimport { Search } from \"./Search\";\nimport { Entry } from \"./Entry\";\nimport { DialogActions, DialogContent as BaseDialogContent } from \"~/admin/components/Dialog\";\nimport { 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 { Dialog } from \"./dialog/Dialog\";\nimport { AbsoluteLoader } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/Loader\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries\";\nimport { Entries } from \"./Entries\";\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 Props extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nexport const ReferencesDialog: React.VFC<Props> = props => {\n    const { contentModel, onDialogClose, storeValues, values: initialValues, multiple } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\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            if (newValues.length === values.length) {\n                setValues([...values, reference]);\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 => {\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":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,MAAM;EACbC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,OAAO,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BK,OAAO,EAAE,MAAM;EACfC,IAAI,EAAE,GAAG;EACTC,aAAa,EAAE,QAAQ;EACvBC,QAAQ,EAAE,UAAU;EACpBP,KAAK,EAAE,MAAM;EACbQ,SAAS,EAAE,MAAM;EACjBP,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,kBAAkB;EAC3BO,eAAe,EAAE,6BAA6B;EAC9CC,MAAM,EAAE,0CAA0C;EAClDC,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,aAAa,oBAAGb,eAAM,EAACc,qBAAiB;EAAA;EAAA;AAAA,GAAE;EAC5CX,OAAO,EAAE;AACb,CAAC,CAAC;AAEF,IAAMY,UAAU,GAAG,SAAbA,UAAU,CAAIC,OAAe,EAAEC,MAA2B,EAAK;EACjE,IAAI,CAACD,OAAO,EAAE;IACV,OAAO,KAAK;EAChB;EACA,OAAOC,MAAM,CAACC,IAAI,CAAC,UAAAC,KAAK,EAAI;IACxB,uBAA6B,IAAAC,sBAAe,EAACD,KAAK,CAACE,EAAE,CAAC;MAA1CC,YAAY,oBAAhBD,EAAE;IACV,OAAOL,OAAO,KAAKM,YAAY;EACnC,CAAC,CAAC;AACN,CAAC;AASM,IAAMC,gBAAkC,GAAG,SAArCA,gBAAkC,CAAGC,KAAK,EAAI;EACvD,IAAQC,YAAY,GAAkED,KAAK,CAAnFC,YAAY;IAAEC,aAAa,GAAmDF,KAAK,CAArEE,aAAa;IAAEC,WAAW,GAAsCH,KAAK,CAAtDG,WAAW;IAAUC,aAAa,GAAeJ,KAAK,CAAzCP,MAAM;IAAiBY,QAAQ,GAAKL,KAAK,CAAlBK,QAAQ;EACjF,mBAAyB,IAAAC,qBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,gBAA4B,IAAAC,eAAQ,EAAsBJ,aAAa,IAAI,EAAE,CAAC;IAAA;IAAvEX,MAAM;IAAEgB,SAAS;;EAExB;AACJ;AACA;AACA;AACA;EACI,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,SAA4B,EAAK;IAC9B,wBAAiC,IAAAhB,sBAAe,EAACgB,SAAS,CAACf,EAAE,CAAC;MAAlDgB,gBAAgB,qBAApBhB,EAAE;IACV;AACZ;AACA;IACY,IAAI,CAACQ,QAAQ,EAAE;MACX,2CAAgBZ,MAAM;QAAfE,KAAK;MACZ,IAAI,EAACA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEE,EAAE,GAAE;QACZY,SAAS,CAAC,CAACG,SAAS,CAAC,CAAC;QACtB;MACJ;MACA,wBAA6B,IAAAhB,sBAAe,EAACD,KAAK,CAACE,EAAE,CAAC;QAA1CC,YAAY,qBAAhBD,EAAE;MACV,IAAIgB,gBAAgB,KAAKf,YAAY,EAAE;QACnCW,SAAS,CAAC,EAAE,CAAC;QACb;MACJ;MACAA,SAAS,CAAC,CAACG,SAAS,CAAC,CAAC;MACtB;IACJ;IAEA,IAAME,SAAS,GAAGrB,MAAM,CAACsB,MAAM,CAAC,UAAApB,KAAK,EAAI;MACrC,IAAI,EAACA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEE,EAAE,GAAE;QACZ,OAAO,KAAK;MAChB;MACA,wBAA6B,IAAAD,sBAAe,EAACD,KAAK,CAACE,EAAE,CAAC;QAA1CC,YAAY,qBAAhBD,EAAE;MACV,OAAOgB,gBAAgB,KAAKf,YAAY;IAC5C,CAAC,CAAC;IACF,IAAIgB,SAAS,CAACE,MAAM,KAAKvB,MAAM,CAACuB,MAAM,EAAE;MACpCP,SAAS,4CAAKhB,MAAM,IAAEmB,SAAS,GAAE;MACjC;IACJ;IACAH,SAAS,CAACK,SAAS,CAAC;EACxB,CAAC,EACD,CAACL,SAAS,EAAEhB,MAAM,CAAC,CACtB;EAED,IAAMwB,YAAY,GAAG,IAAAN,kBAAW,EAAC,YAAM;IACnCR,WAAW,CAACV,MAAM,CAAC;IACnBS,aAAa,EAAE;EACnB,CAAC,EAAE,CAACT,MAAM,CAAC,CAAC;EACZ;AACJ;AACA;EACI,kBAAyD,IAAAyB,uBAAU,EAAC;MAChEC,KAAK,EAAElB,YAAY;MACnBmB,KAAK,EAAE;IACX,CAAC,CAAC;IAHMC,OAAO,eAAPA,OAAO;IAAEC,OAAO,eAAPA,OAAO;IAAEC,KAAK,eAALA,KAAK;IAAEC,SAAS,eAATA,SAAS;IAAEC,QAAQ,eAARA,QAAQ;EAKpD,IAAAC,gBAAS,EAAC,YAAM;IACZF,SAAS,CAAC,EAAE,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAE,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACH,KAAK,EAAE;MACR;IACJ;IACAhB,YAAY,CAACgB,KAAK,CAAC;EACvB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMI,eAAe,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EAEnD,IAAMC,OAAO,GAAG,IAAAlB,kBAAW,EAAC,UAAAmB,EAAE,EAAI;IAC9B,IAAMnC,KAAK,GAAG,CAACoC,MAAM,CAACD,EAAE,CAACE,MAAM,CAACrC,KAAK,CAAC,IAAI,EAAE,EAAEsC,IAAI,EAAE;IACpD,IAAIN,eAAe,CAACO,OAAO,EAAE;MACzBC,YAAY,CAACR,eAAe,CAACO,OAAO,CAAC;MACrCP,eAAe,CAACO,OAAO,GAAG,IAAI;IAClC;IACA;AACR;AACA;AACA;IACQP,eAAe,CAACO,OAAO,GAAGE,UAAU,CAAC,YAAM;MACvCZ,SAAS,CAAC7B,KAAK,CAAC;IACpB,CAAC,EAAE,GAAG,CAAsB;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,yEACI,6BAAC,eAAM;IAAC,IAAI,EAAE,IAAK;IAAC,OAAO,EAAEO;EAAc,gBACvC,6BAAC,0BAAY;IAAC,KAAK,EAAED,YAAa;IAAC,OAAO,EAAEC;EAAc,EAAG,eAC7D,6BAAC,aAAa,qBACV,6BAAC,SAAS,qBACN,6BAAC,cAAM;IAAC,OAAO,EAAE2B;EAAQ,EAAG,eAC5B,6BAAC,OAAO,QACHP,OAAO,iBAAI,6BAAC,sBAAc,OAAG,eAC9B,6BAAC,gBAAO;IAAC,OAAO,EAAED,OAAQ;IAAC,QAAQ,EAAEI;EAAS,GACzC,UAAAY,KAAK,EAAI;IACN,oBACI,6BAAC,YAAK;MACF,KAAK,EAAEpC,YAAa;MACpB,GAAG,4BAAqBoC,KAAK,CAACxC,EAAE,CAAG;MACnC,KAAK,EAAEwC,KAAM;MACb,QAAQ,EAAE9C,UAAU,CAAC8C,KAAK,CAAC7C,OAAO,EAAEC,MAAM,CAAE;MAC5C,QAAQ,EAAEiB;IAAS,EACrB;EAEV,CAAC,CACK,CACJ,CACF,CACA,eAChB,6BAAC,qBAAa,qBACV,6BAAC,qBAAa;IAAC,OAAO,EAAER;EAAc,GAAC,QAAM,CAAgB,eAC7D,6BAAC,qBAAa;IAAC,OAAO,EAAEe;EAAa,GAAC,MAAI,CAAgB,CAC9C,CACX,CACV;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_DialogHeader","_Search","_Entry","_Dialog","_Button","_appAdmin","_utils","_Dialog2","_Loader","_useEntries2","_Entries","Container","styled","target","label","width","boxSizing","padding","Content","display","flex","flexDirection","position","minHeight","backgroundColor","border","overflowX","DialogContent","BaseDialogContent","isSelected","entryId","values","some","value","_parseIdentifier","parseIdentifier","id","valueEntryId","ReferencesDialog","props","contentModel","onDialogClose","storeValues","initialValues","multiple","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","default","setValues","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","exports"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DialogHeader } from \"./dialog/DialogHeader\";\nimport { Search } from \"./Search\";\nimport { Entry } from \"./Entry\";\nimport { DialogActions, DialogContent as BaseDialogContent } from \"~/admin/components/Dialog\";\nimport { 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 { Dialog } from \"./dialog/Dialog\";\nimport { AbsoluteLoader } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/Loader\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries\";\nimport { Entries } from \"./Entries\";\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 Props extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nexport const ReferencesDialog: React.VFC<Props> = props => {\n    const { contentModel, onDialogClose, storeValues, values: initialValues, multiple } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\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            if (newValues.length === values.length) {\n                setValues([...values, reference]);\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 => {\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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"}

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

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","display","width","position","height","marginBottom","padding","border","backgroundColor","Icon","top","left","Input","boxSizing","fontSize","lineHeight","paddingLeft","outline","Search","onInput","searchIcon"],"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 Props {\n    onInput: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const Search: React.VFC<Props> = ({ onInput }) => {\n    return (\n        <Container>\n            <Icon src={searchIcon} />\n            <Input placeholder={\"Search entries\"} onKeyUp={onInput} />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,OAAO,EAAE,MAAM;EACfC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACdC,YAAY,EAAE,MAAM;EACpBC,OAAO,EAAE,OAAO;EAChBC,MAAM,EAAE,0CAA0C;EAClDC,eAAe,EAAE;AACrB,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBG,QAAQ,EAAE,UAAU;EACpBO,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,MAAM;EACZT,KAAK,EAAE,MAAM;EACbE,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMQ,KAAK,oBAAGZ,eAAM,EAAC,OAAO;EAAA;EAAA;AAAA,GAAE;EAC1BC,OAAO,EAAE,OAAO;EAChBY,SAAS,EAAE,YAAY;EACvBN,MAAM,EAAE,MAAM;EACdC,eAAe,EAAE,aAAa;EAC9BN,KAAK,EAAE,MAAM;EACbE,MAAM,EAAE,MAAM;EACdU,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,WAAW,EAAE,MAAM;EACnB,gBAAgB,EAAE;IACdC,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAMK,IAAMC,MAAwB,GAAG,SAA3BA,MAAwB,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC9C,oBACI,6BAAC,SAAS,qBACN,6BAAC,IAAI;IAAC,GAAG,EAAEC;EAAW,EAAG,eACzB,6BAAC,KAAK;IAAC,WAAW,EAAE,gBAAiB;IAAC,OAAO,EAAED;EAAQ,EAAG,CAClD;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_search","Container","styled","target","label","display","width","position","height","marginBottom","padding","border","backgroundColor","Icon","top","left","Input","boxSizing","fontSize","lineHeight","paddingLeft","outline","Search","_ref","onInput","default","createElement","src","searchIcon","placeholder","onKeyUp","exports"],"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 Props {\n    onInput: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const Search: React.VFC<Props> = ({ onInput }) => {\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;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC5BC,OAAO,EAAE,MAAM;EACfC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACdC,YAAY,EAAE,MAAM;EACpBC,OAAO,EAAE,OAAO;EAChBC,MAAM,EAAE,0CAA0C;EAClDC,eAAe,EAAE;AACrB,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGX,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACvBG,QAAQ,EAAE,UAAU;EACpBO,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,MAAM;EACZT,KAAK,EAAE,MAAM;EACbE,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMQ,KAAK,oBAAGd,eAAM,EAAC,OAAO;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC1BC,OAAO,EAAE,OAAO;EAChBY,SAAS,EAAE,YAAY;EACvBN,MAAM,EAAE,MAAM;EACdC,eAAe,EAAE,aAAa;EAC9BN,KAAK,EAAE,MAAM;EACbE,MAAM,EAAE,MAAM;EACdU,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,WAAW,EAAE,MAAM;EACnB,gBAAgB,EAAE;IACdC,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAMK,IAAMC,MAAwB,GAAG,SAA3BA,MAAwBA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC9C,oBACI5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACzB,SAAS,qBACNL,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACb,IAAI;IAACc,GAAG,EAAEC;EAAW,CAAE,CAAC,eACzBhC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACV,KAAK;IAACa,WAAW,EAAE,gBAAiB;IAACC,OAAO,EAAEN;EAAQ,CAAE,CAClD,CAAC;AAEpB,CAAC;AAACO,OAAA,CAAAT,MAAA,GAAAA,MAAA"}

package/admin/plugins/fieldRenderers/ref/advanced/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dialog","styled","BaseDialog","minWidth","width","maxHeight","FullWidthDialog","maxWidth"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"~/admin/components/Dialog\";\n\nexport const Dialog = styled(BaseDialog)({\n    minWidth: \"800px\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        minWidth: \"800px\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n\nexport const FullWidthDialog = styled(BaseDialog)({\n    maxWidth: \"100%\",\n    minWidth: \"90%\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        maxWidth: \"100%\",\n        minWidth: \"90%\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,MAAM,oBAAGC,eAAM,EAACC,cAAU;EAAA;EAAA;AAAA,GAAE;EACrCC,QAAQ,EAAE,OAAO;EACjB,sBAAsB,EAAE;IACpBC,KAAK,EAAE,MAAM;IACbD,QAAQ,EAAE,OAAO;IACjBE,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,eAAe,oBAAGL,eAAM,EAACC,cAAU;EAAA;EAAA;AAAA,GAAE;EAC9CK,QAAQ,EAAE,MAAM;EAChBJ,QAAQ,EAAE,KAAK;EACf,sBAAsB,EAAE;IACpBC,KAAK,EAAE,MAAM;IACbG,QAAQ,EAAE,MAAM;IAChBJ,QAAQ,EAAE,KAAK;IACfE,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Dialog","Dialog","styled","BaseDialog","target","label","minWidth","width","maxHeight","exports","FullWidthDialog","maxWidth"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"~/admin/components/Dialog\";\n\nexport const Dialog = styled(BaseDialog)({\n    minWidth: \"800px\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        minWidth: \"800px\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n\nexport const FullWidthDialog = styled(BaseDialog)({\n    maxWidth: \"100%\",\n    minWidth: \"90%\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        maxWidth: \"100%\",\n        minWidth: \"90%\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,MAAM,oBAAGC,eAAM,EAACC,cAAU;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACrCC,QAAQ,EAAE,OAAO;EACjB,sBAAsB,EAAE;IACpBC,KAAK,EAAE,MAAM;IACbD,QAAQ,EAAE,OAAO;IACjBE,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAACC,OAAA,CAAAR,MAAA,GAAAA,MAAA;AAEI,IAAMS,eAAe,oBAAGR,eAAM,EAACC,cAAU;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC9CM,QAAQ,EAAE,MAAM;EAChBL,QAAQ,EAAE,KAAK;EACf,sBAAsB,EAAE;IACpBC,KAAK,EAAE,MAAM;IACbI,QAAQ,EAAE,MAAM;IAChBL,QAAQ,EAAE,KAAK;IACfE,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAACC,OAAA,CAAAC,eAAA,GAAAA,eAAA"}

package/admin/plugins/fieldRenderers/ref/advanced/components/dialog/DialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","width","boxSizing","padding","display","flexDirection","backgroundColor","color","Content","flex","Title","fontSize","lineHeight","Model","fontWeight","CloseContainer","height","paddingTop","CloseButton","background","border","outline","cursor","margin","Close","onClick","DialogHeader","model","onClose","name"],"sources":["DialogHeader.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { ReactComponent as CloseIcon } from \"./assets/close.svg\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    padding: \"20px\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    color: \"#FFF\"\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flex: \"1\",\n    flexDirection: \"column\"\n});\n\nconst Title = styled(\"h2\")({\n    display: \"block\",\n    fontSize: \"24px\",\n    lineHeight: \"34px\"\n});\n\nconst Model = styled(\"h3\")({\n    display: \"block\",\n    fontSize: \"14px\",\n    fontWeight: \"normal\",\n    \" > strong\": {\n        fontWeight: \"bold\"\n    }\n});\n\nconst CloseContainer = styled(\"div\")({\n    width: \"20px\",\n    height: \"20px\",\n    paddingTop: \"5px\"\n});\n\nconst CloseButton = styled(\"button\")({\n    background: \"transparent\",\n    border: \"0 none\",\n    outline: \"none\",\n    cursor: \"pointer\",\n    display: \"block\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"0\",\n    margin: \"0\",\n    \" > svg\": {\n        display: \"block\",\n        width: \"100%\",\n        height: \"100%\"\n    }\n});\n\ninterface CloseProps {\n    onClick: () => void;\n}\n\nconst Close: React.VFC<CloseProps> = ({ onClick }) => {\n    return (\n        <CloseContainer>\n            <CloseButton onClick={onClick}>\n                <CloseIcon />\n            </CloseButton>\n        </CloseContainer>\n    );\n};\n\ninterface Props {\n    model: CmsModel;\n    onClose: () => void;\n}\n\nexport const DialogHeader: React.VFC<Props> = ({ model, onClose }) => {\n    return (\n        <Container>\n            <Content>\n                <Title>Select an existing record</Title>\n                <Model>\n                    Content model: <strong>{model.name}</strong>\n                </Model>\n            </Content>\n            <Close onClick={onClose} />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,MAAM;EACbC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,4BAA4B;EAC7CC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,OAAO,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BI,OAAO,EAAE,MAAM;EACfK,IAAI,EAAE,GAAG;EACTJ,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMK,KAAK,oBAAGV,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACvBI,OAAO,EAAE,OAAO;EAChBO,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,KAAK,oBAAGb,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACvBI,OAAO,EAAE,OAAO;EAChBO,QAAQ,EAAE,MAAM;EAChBG,UAAU,EAAE,QAAQ;EACpB,WAAW,EAAE;IACTA,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,IAAMC,cAAc,oBAAGf,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbe,MAAM,EAAE,MAAM;EACdC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,WAAW,oBAAGlB,eAAM,EAAC,QAAQ;EAAA;EAAA;AAAA,GAAE;EACjCmB,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,SAAS;EACjBlB,OAAO,EAAE,OAAO;EAChBH,KAAK,EAAE,MAAM;EACbe,MAAM,EAAE,MAAM;EACdb,OAAO,EAAE,GAAG;EACZoB,MAAM,EAAE,GAAG;EACX,QAAQ,EAAE;IACNnB,OAAO,EAAE,OAAO;IAChBH,KAAK,EAAE,MAAM;IACbe,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AAMF,IAAMQ,KAA4B,GAAG,SAA/BA,KAA4B,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC3C,oBACI,6BAAC,cAAc,qBACX,6BAAC,WAAW;IAAC,OAAO,EAAEA;EAAQ,gBAC1B,6BAAC,qBAAS,OAAG,CACH,CACD;AAEzB,CAAC;AAOM,IAAMC,YAA8B,GAAG,SAAjCA,YAA8B,QAA2B;EAAA,IAArBC,KAAK,SAALA,KAAK;IAAEC,OAAO,SAAPA,OAAO;EAC3D,oBACI,6BAAC,SAAS,qBACN,6BAAC,OAAO,qBACJ,6BAAC,KAAK,QAAC,2BAAyB,CAAQ,eACxC,6BAAC,KAAK,QAAC,iBACY,4DAASD,KAAK,CAACE,IAAI,CAAU,CACxC,CACF,eACV,6BAAC,KAAK;IAAC,OAAO,EAAED;EAAQ,EAAG,CACnB;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","_close","Container","styled","target","label","width","boxSizing","padding","display","flexDirection","backgroundColor","color","Content","flex","Title","fontSize","lineHeight","Model","fontWeight","CloseContainer","height","paddingTop","CloseButton","background","border","outline","cursor","margin","Close","_ref","onClick","default","createElement","ReactComponent","DialogHeader","_ref2","model","onClose","name","exports"],"sources":["DialogHeader.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { ReactComponent as CloseIcon } from \"./assets/close.svg\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    padding: \"20px\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    color: \"#FFF\"\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flex: \"1\",\n    flexDirection: \"column\"\n});\n\nconst Title = styled(\"h2\")({\n    display: \"block\",\n    fontSize: \"24px\",\n    lineHeight: \"34px\"\n});\n\nconst Model = styled(\"h3\")({\n    display: \"block\",\n    fontSize: \"14px\",\n    fontWeight: \"normal\",\n    \" > strong\": {\n        fontWeight: \"bold\"\n    }\n});\n\nconst CloseContainer = styled(\"div\")({\n    width: \"20px\",\n    height: \"20px\",\n    paddingTop: \"5px\"\n});\n\nconst CloseButton = styled(\"button\")({\n    background: \"transparent\",\n    border: \"0 none\",\n    outline: \"none\",\n    cursor: \"pointer\",\n    display: \"block\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: \"0\",\n    margin: \"0\",\n    \" > svg\": {\n        display: \"block\",\n        width: \"100%\",\n        height: \"100%\"\n    }\n});\n\ninterface CloseProps {\n    onClick: () => void;\n}\n\nconst Close: React.VFC<CloseProps> = ({ onClick }) => {\n    return (\n        <CloseContainer>\n            <CloseButton onClick={onClick}>\n                <CloseIcon />\n            </CloseButton>\n        </CloseContainer>\n    );\n};\n\ninterface Props {\n    model: CmsModel;\n    onClose: () => void;\n}\n\nexport const DialogHeader: React.VFC<Props> = ({ model, onClose }) => {\n    return (\n        <Container>\n            <Content>\n                <Title>Select an existing record</Title>\n                <Model>\n                    Content model: <strong>{model.name}</strong>\n                </Model>\n            </Content>\n            <Close onClick={onClose} />\n        </Container>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","display","flexDirection","Icon","width","height","alignItems","justifyContent","Content","flex","paddingLeft","Name","fontWeight","fontSize","lineHeight","letterSpacing","color","textTransform","Text","Box","icon","name","children"],"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 Props {\n    icon: React.ReactElement | null;\n    name: string;\n    children?: React.ReactNode;\n}\n\nexport const Box: React.VFC<Props> = ({ icon, name, children }) => {\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;AACA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGH,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBI,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdJ,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AACpB,CAAC,CAAC;AACF,IAAMC,OAAO,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BS,IAAI,EAAE,GAAG;EACTC,WAAW,EAAE;AACjB,CAAC,CAAC;AACF,IAAMC,IAAI,oBAAGX,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACtBY,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,KAAK,EAAE,SAAS;EAChBC,aAAa,EAAE;AACnB,CAAC,CAAC;AACF,IAAMC,IAAI,oBAAGlB,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACtBY,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,KAAK,EAAE;AACX,CAAC,CAAC;AAQK,IAAMG,GAAqB,GAAG,SAAxBA,GAAqB,OAAiC;EAAA,IAA3BC,IAAI,QAAJA,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;EACxD,IAAI,CAACA,QAAQ,EAAE;IACX,oBAAO,6BAAC,SAAS,OAAG;EACxB;EACA,oBACI,6BAAC,SAAS,qBACN,6BAAC,IAAI,QAAEF,IAAI,CAAQ,eACnB,6BAAC,OAAO,qBACJ,6BAAC,IAAI,QAAEC,IAAI,CAAQ,eACnB,6BAAC,IAAI,QAAEC,QAAQ,CAAQ,CACjB,CACF;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","Container","styled","target","label","display","flexDirection","Icon","width","height","alignItems","justifyContent","Content","flex","paddingLeft","Name","fontWeight","fontSize","lineHeight","letterSpacing","color","textTransform","Text","Box","_ref","icon","name","children","default","createElement","exports"],"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 Props {\n    icon: React.ReactElement | null;\n    name: string;\n    children?: React.ReactNode;\n}\n\nexport const Box: React.VFC<Props> = ({ icon, name, children }) => {\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;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC5BC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGL,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACvBI,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdJ,OAAO,EAAE,MAAM;EACfK,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AACpB,CAAC,CAAC;AACF,IAAMC,OAAO,oBAAGV,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC1BS,IAAI,EAAE,GAAG;EACTC,WAAW,EAAE;AACjB,CAAC,CAAC;AACF,IAAMC,IAAI,oBAAGb,eAAM,EAAC,IAAI;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACtBY,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,KAAK,EAAE,SAAS;EAChBC,aAAa,EAAE;AACnB,CAAC,CAAC;AACF,IAAMC,IAAI,oBAAGpB,eAAM,EAAC,IAAI;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACtBY,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,KAAK,EAAE;AACX,CAAC,CAAC;AAQK,IAAMG,GAAqB,GAAG,SAAxBA,GAAqBA,CAAAC,IAAA,EAAiC;EAAA,IAA3BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACxD,IAAI,CAACA,QAAQ,EAAE;IACX,oBAAO9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC5B,SAAS,MAAE,CAAC;EACxB;EACA,oBACIJ,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC5B,SAAS,qBACNJ,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACtB,IAAI,QAAEkB,IAAW,CAAC,eACnB5B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACjB,OAAO,qBACJf,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACd,IAAI,QAAEW,IAAW,CAAC,eACnB7B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACP,IAAI,QAAEK,QAAe,CACjB,CACF,CAAC;AAEpB,CAAC;AAACG,OAAA,CAAAP,GAAA,GAAAA,GAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["CreatedBy","createdBy","createdOn","displayName"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\n\ninterface Props {\n    createdBy: CmsIdentity;\n    createdOn: Date;\n}\nexport const CreatedBy: React.VFC<Props> = ({ createdBy, createdOn }) => {\n    return (\n        <Box icon={null} name={\"Created By\"}>\n            {createdBy.displayName} <br />\n            <TimeAgo datetime={createdOn} />\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAKA;AAJA;AACA;AACA;AACA;;AAOO,IAAMA,SAA2B,GAAG,SAA9BA,SAA2B,OAAiC;EAAA,IAA3BC,SAAS,QAATA,SAAS;IAAEC,SAAS,QAATA,SAAS;EAC9D,oBACI,6BAAC,QAAG;IAAC,IAAI,EAAE,IAAK;IAAC,IAAI,EAAE;EAAa,GAC/BD,SAAS,CAACE,WAAW,EAAC,GAAC,uDAAM,eAC9B,6BAAC,qBAAO;IAAC,QAAQ,EAAED;EAAU,EAAG,CAC9B;AAEd,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_timeagoReact","CreatedBy","_ref","createdBy","createdOn","default","createElement","Box","icon","name","displayName","datetime","exports"],"sources":["CreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\n\ninterface Props {\n    createdBy: CmsIdentity;\n    createdOn: Date;\n}\nexport const CreatedBy: React.VFC<Props> = ({ createdBy, createdOn }) => {\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;AAKA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;AACA;;AAOO,IAAMG,SAA2B,GAAG,SAA9BA,SAA2BA,CAAAC,IAAA,EAAiC;EAAA,IAA3BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAC9D,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,IAAA,CAAAQ,GAAG;IAACC,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAa,GAC/BN,SAAS,CAACO,WAAW,EAAC,GAAC,eAAAd,MAAA,CAAAS,OAAA,CAAAC,aAAA,WAAK,CAAC,eAC9BV,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAK,OAAO;IAACM,QAAQ,EAAEP;EAAU,CAAE,CAC9B,CAAC;AAEd,CAAC;AAACQ,OAAA,CAAAX,SAAA,GAAAA,SAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Content","styled","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","boxSizing","paddingRight","paddingBottom","Description","description","MAX_LENGTH","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 Props {\n    description?: string | null;\n}\n\nexport const Description: React.VFC<Props> = ({ description }) => {\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":";;;;;;;AAAA;AACA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,GAAG;EAAA;EAAA;AAAA,GAAE;EACxBC,SAAS,EAAE,QAAQ;EACnBC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,QAAQ;EACvBC,SAAS,EAAE,YAAY;EACvBC,YAAY,EAAE,EAAE;EAChBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAKK,IAAMC,WAA6B,GAAG,SAAhCA,WAA6B,OAAwB;EAAA,IAAlBC,WAAW,QAAXA,WAAW;EACvD,IAAMC,UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,oBAAO,6BAAC,OAAO,OAAG;EACtB;EAEA,oBACI,6BAAC,OAAO,QACHA,WAAW,CAACE,MAAM,GAAGD,UAAU,GAC1BD,WAAW,CAACG,SAAS,CAAC,CAAC,EAAEF,UAAU,CAAC,GAAG,KAAK,GAC5CD,WAAW,CACX;AAElB,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","Content","styled","target","label","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","boxSizing","paddingRight","paddingBottom","Description","_ref","description","MAX_LENGTH","default","createElement","length","substring","exports"],"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 Props {\n    description?: string | null;\n}\n\nexport const Description: React.VFC<Props> = ({ description }) => {\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":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,OAAO,oBAAGC,eAAM,EAAC,GAAG;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACxBC,SAAS,EAAE,QAAQ;EACnBC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,QAAQ;EACvBC,SAAS,EAAE,YAAY;EACvBC,YAAY,EAAE,EAAE;EAChBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAKK,IAAMC,WAA6B,GAAG,SAAhCA,WAA6BA,CAAAC,IAAA,EAAwB;EAAA,IAAlBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EACvD,IAAMC,UAAU,GAAG,GAAG;EACtB,IAAI,CAACD,WAAW,EAAE;IACd,oBAAOf,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACjB,OAAO,MAAE,CAAC;EACtB;EAEA,oBACID,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACjB,OAAO,QACHc,WAAW,CAACI,MAAM,GAAGH,UAAU,GAC1BD,WAAW,CAACK,SAAS,CAAC,CAAC,EAAEJ,UAAU,CAAC,GAAG,KAAK,GAC5CD,WACD,CAAC;AAElB,CAAC;AAACM,OAAA,CAAAR,WAAA,GAAAA,WAAA"}

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

@@ -17,11 +17,15 @@ var Container = /*#__PURE__*/(0, _styled.default)("div", {
   borderRight: "1px solid var(--mdc-theme-on-background)",
   borderBottom: "1px solid var(--mdc-theme-on-background)",
   backgroundRepeat: "no-repeat",
-  backgroundSize: "cover",
+  backgroundSize: "contain",
+  backgroundOrigin: "content-box",
+  backgroundPosition: "center",
+  padding: 5,
   minHeight: 140,
   display: "flex",
   justifyContent: "center",
-  alignItems: "center"
+  alignItems: "center",
+  boxSizing: "border-box"
 });
 var Icon = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1bca2ud1",

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

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","width","backgroundColor","borderRight","borderBottom","backgroundRepeat","backgroundSize","minHeight","display","justifyContent","alignItems","Icon","flex","svg","color","height","maxWidth","maxHeight","opacity","DisplayIcon","icon","split","Image","src","backgroundImage"],"sources":["Image.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRight: \"1px solid var(--mdc-theme-on-background)\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    backgroundRepeat: \"no-repeat\",\n    backgroundSize: \"cover\",\n    minHeight: 140,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\"\n});\n\nconst Icon = styled(\"div\")({\n    flex: \"0 0 100px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 100,\n        maxHeight: 100,\n        opacity: 0.3\n    }\n});\n\ninterface IconProps {\n    icon: string | undefined;\n}\n\ninterface Props {\n    title: string;\n    src?: string | null;\n    width?: number;\n    icon: string | undefined;\n}\n\nconst DisplayIcon: React.VFC<IconProps> = ({ icon }) => {\n    if (!icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(icon || \"\").split(\"/\") as IconProp} />;\n};\n\nexport const Image: React.VFC<Props> = ({ src, icon, width = 166 }) => {\n    if (!src) {\n        return (\n            <Container>\n                <Icon>\n                    <DisplayIcon icon={icon} />\n                </Icon>\n            </Container>\n        );\n    }\n    return <Container style={{ backgroundImage: \"url(\" + src + \"?width=\" + width + \")\" }} />;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAGA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,MAAM;EACbC,eAAe,EAAE,gCAAgC;EACjDC,WAAW,EAAE,0CAA0C;EACvDC,YAAY,EAAE,0CAA0C;EACxDC,gBAAgB,EAAE,WAAW;EAC7BC,cAAc,EAAE,OAAO;EACvBC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBY,IAAI,EAAE,WAAW;EACjBC,GAAG,EAAE;IACDC,KAAK,EAAE,qCAAqC;IAC5Cb,KAAK,EAAE,MAAM;IACbc,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,GAAG;IACdC,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAaF,IAAMC,WAAiC,GAAG,SAApCA,WAAiC,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAC7C,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EACA,oBAAO,6BAAC,iCAAe;IAAC,IAAI,EAAE,CAACA,IAAI,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG;EAAc,EAAG;AACzE,CAAC;AAEM,IAAMC,KAAuB,GAAG,SAA1BA,KAAuB,QAAmC;EAAA,IAA7BC,GAAG,SAAHA,GAAG;IAAEH,IAAI,SAAJA,IAAI;IAAA,oBAAEnB,KAAK;IAALA,KAAK,4BAAG,GAAG;EAC5D,IAAI,CAACsB,GAAG,EAAE;IACN,oBACI,6BAAC,SAAS,qBACN,6BAAC,IAAI,qBACD,6BAAC,WAAW;MAAC,IAAI,EAAEH;IAAK,EAAG,CACxB,CACC;EAEpB;EACA,oBAAO,6BAAC,SAAS;IAAC,KAAK,EAAE;MAAEI,eAAe,EAAE,MAAM,GAAGD,GAAG,GAAG,SAAS,GAAGtB,KAAK,GAAG;IAAI;EAAE,EAAG;AAC5F,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","_reactFontawesome","Container","styled","target","label","width","backgroundColor","borderRight","borderBottom","backgroundRepeat","backgroundSize","backgroundOrigin","backgroundPosition","padding","minHeight","display","justifyContent","alignItems","boxSizing","Icon","flex","svg","color","height","maxWidth","maxHeight","opacity","DisplayIcon","_ref","icon","default","createElement","FontAwesomeIcon","split","Image","_ref2","src","_ref2$width","style","backgroundImage","exports"],"sources":["Image.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRight: \"1px solid var(--mdc-theme-on-background)\",\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    backgroundRepeat: \"no-repeat\",\n    backgroundSize: \"contain\",\n    backgroundOrigin: \"content-box\",\n    backgroundPosition: \"center\",\n    padding: 5,\n    minHeight: 140,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    boxSizing: \"border-box\"\n});\n\nconst Icon = styled(\"div\")({\n    flex: \"0 0 100px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 100,\n        maxHeight: 100,\n        opacity: 0.3\n    }\n});\n\ninterface IconProps {\n    icon: string | undefined;\n}\n\ninterface Props {\n    title: string;\n    src?: string | null;\n    width?: number;\n    icon: string | undefined;\n}\n\nconst DisplayIcon: React.VFC<IconProps> = ({ icon }) => {\n    if (!icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(icon || \"\").split(\"/\") as IconProp} />;\n};\n\nexport const Image: React.VFC<Props> = ({ src, icon, width = 166 }) => {\n    if (!src) {\n        return (\n            <Container>\n                <Icon>\n                    <DisplayIcon icon={icon} />\n                </Icon>\n            </Container>\n        );\n    }\n    return <Container style={{ backgroundImage: \"url(\" + src + \"?width=\" + width + \")\" }} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAMG,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,MAAM;EACbC,eAAe,EAAE,gCAAgC;EACjDC,WAAW,EAAE,0CAA0C;EACvDC,YAAY,EAAE,0CAA0C;EACxDC,gBAAgB,EAAE,WAAW;EAC7BC,cAAc,EAAE,SAAS;EACzBC,gBAAgB,EAAE,aAAa;EAC/BC,kBAAkB,EAAE,QAAQ;EAC5BC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,IAAI,oBAAGjB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACvBgB,IAAI,EAAE,WAAW;EACjBC,GAAG,EAAE;IACDC,KAAK,EAAE,qCAAqC;IAC5CjB,KAAK,EAAE,MAAM;IACbkB,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE,GAAG;IACdC,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAaF,IAAMC,WAAiC,GAAG,SAApCA,WAAiCA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC7C,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EACA,oBAAO9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC/B,iBAAA,CAAAgC,eAAe;IAACH,IAAI,EAAE,CAACA,IAAI,IAAI,EAAE,EAAEI,KAAK,CAAC,GAAG;EAAc,CAAE,CAAC;AACzE,CAAC;AAEM,IAAMC,KAAuB,GAAG,SAA1BA,KAAuBA,CAAAC,KAAA,EAAmC;EAAA,IAA7BC,GAAG,GAAAD,KAAA,CAAHC,GAAG;IAAEP,IAAI,GAAAM,KAAA,CAAJN,IAAI;IAAAQ,WAAA,GAAAF,KAAA,CAAE9B,KAAK;IAALA,KAAK,GAAAgC,WAAA,cAAG,GAAG,GAAAA,WAAA;EAC5D,IAAI,CAACD,GAAG,EAAE;IACN,oBACIrC,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC9B,SAAS,qBACNF,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACZ,IAAI,qBACDpB,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAACJ,WAAW;MAACE,IAAI,EAAEA;IAAK,CAAE,CACxB,CACC,CAAC;EAEpB;EACA,oBAAO9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC9B,SAAS;IAACqC,KAAK,EAAE;MAAEC,eAAe,EAAE,MAAM,GAAGH,GAAG,GAAG,SAAS,GAAG/B,KAAK,GAAG;IAAI;EAAE,CAAE,CAAC;AAC5F,CAAC;AAACmC,OAAA,CAAAN,KAAA,GAAAA,KAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Content","styled","color","fontSize","lineHeight","fontWeight","letterSpacing","textTransform","ModelName","name"],"sources":["ModelName.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Content = styled(\"h4\")({\n    color: \"#938F99\",\n    fontSize: 11,\n    lineHeight: \"16px\",\n    fontWeight: 500,\n    letterSpacing: \"0.5px\",\n    textTransform: \"uppercase\"\n});\n\ninterface Props {\n    name: string;\n}\nexport const ModelName: React.VFC<Props> = ({ name }) => {\n    return <Content>{name}</Content>;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACzBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,UAAU,EAAE,GAAG;EACfC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAKK,IAAMC,SAA2B,GAAG,SAA9BA,SAA2B,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAC9C,oBAAO,6BAAC,OAAO,QAAEA,IAAI,CAAW;AACpC,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","Content","styled","target","label","color","fontSize","lineHeight","fontWeight","letterSpacing","textTransform","ModelName","_ref","name","default","createElement","exports"],"sources":["ModelName.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Content = styled(\"h4\")({\n    color: \"#938F99\",\n    fontSize: 11,\n    lineHeight: \"16px\",\n    fontWeight: 500,\n    letterSpacing: \"0.5px\",\n    textTransform: \"uppercase\"\n});\n\ninterface Props {\n    name: string;\n}\nexport const ModelName: React.VFC<Props> = ({ name }) => {\n    return <Content>{name}</Content>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,OAAO,oBAAGC,eAAM,EAAC,IAAI;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACzBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,UAAU,EAAE,GAAG;EACfC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAKK,IAAMC,SAA2B,GAAG,SAA9BA,SAA2BA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC9C,oBAAOb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACd,OAAO,QAAEY,IAAc,CAAC;AACpC,CAAC;AAACG,OAAA,CAAAL,SAAA,GAAAA,SAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["ModifiedBy","modifiedBy","savedOn","showInformation","displayName"],"sources":["ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\n\ninterface Props {\n    modifiedBy?: CmsIdentity | null;\n    savedOn: Date;\n}\n\nexport const ModifiedBy: React.VFC<Props> = ({ modifiedBy, savedOn }) => {\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} <br />\n                    <TimeAgo datetime={savedOn} />\n                </>\n            )}\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAKA;AAJA;AACA;AACA;AACA;;AAQO,IAAMA,UAA4B,GAAG,SAA/BA,UAA4B,OAAgC;EAAA,IAA1BC,UAAU,QAAVA,UAAU;IAAEC,OAAO,QAAPA,OAAO;EAC9D,IAAMC,eAAe,GAAG,CAAC,EAAEF,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEG,WAAW,IAAIF,OAAO,CAAC;EAE9D,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,QAAG;IAAC,IAAI,EAAE,IAAK;IAAC,IAAI,EAAE;EAAc,GAChCA,eAAe,iBACZ,4DACKF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEG,WAAW,EAAC,GAAC,uDAAM,eAChC,6BAAC,qBAAO;IAAC,QAAQ,EAAEF;EAAQ,EAAG,CAErC,CACC;AAEd,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Box","_timeagoReact","ModifiedBy","_ref","modifiedBy","savedOn","showInformation","displayName","default","createElement","Box","icon","name","Fragment","datetime","exports"],"sources":["ModifiedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsIdentity } from \"~/types\";\nimport { Box } from \"./Box\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\n\ninterface Props {\n    modifiedBy?: CmsIdentity | null;\n    savedOn: Date;\n}\n\nexport const ModifiedBy: React.VFC<Props> = ({ modifiedBy, savedOn }) => {\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} <br />\n                    <TimeAgo datetime={savedOn} />\n                </>\n            )}\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;AACA;;AAQO,IAAMG,UAA4B,GAAG,SAA/BA,UAA4BA,CAAAC,IAAA,EAAgC;EAAA,IAA1BC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC9D,IAAMC,eAAe,GAAG,CAAC,EAAEF,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEG,WAAW,IAAIF,OAAO,CAAC;EAE9D,IAAI,CAACC,eAAe,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACIT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,IAAA,CAAAU,GAAG;IAACC,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAc,GAChCN,eAAe,iBACZT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAK,QAAA,QACKT,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEG,WAAW,EAAC,GAAC,eAAAV,MAAA,CAAAW,OAAA,CAAAC,aAAA,WAAK,CAAC,eAChCZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAO,OAAO;IAACM,QAAQ,EAAET;EAAQ,CAAE,CAC/B,CAEL,CAAC;AAEd,CAAC;AAACU,OAAA,CAAAb,UAAA,GAAAA,UAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["MoveDown","onClick","className"],"sources":["MoveDown.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { ReactComponent as MoveDownIcon } from \"./assets/move-down.svg\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\ninterface Props {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveDown: React.VFC<Props> = ({ onClick, className }) => {\n    return (\n        <ButtonLink className={\"has-tooltip \" + className} onClick={onClick} maxWidth={\"100px\"}>\n            <Tooltip content={\"Shift+Click to move to bottom\"} placement={\"top\"}>\n                <MoveDownIcon /> <span>Move Down</span>\n            </Tooltip>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAOO,IAAMA,QAA0B,GAAG,SAA7BA,QAA0B,OAA+B;EAAA,IAAzBC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;EAC3D,oBACI,6BAAC,sBAAU;IAAC,SAAS,EAAE,cAAc,GAAGA,SAAU;IAAC,OAAO,EAAED,OAAQ;IAAC,QAAQ,EAAE;EAAQ,gBACnF,6BAAC,gBAAO;IAAC,OAAO,EAAE,+BAAgC;IAAC,SAAS,EAAE;EAAM,gBAChE,6BAAC,wBAAY,OAAG,KAAC,0DAAM,WAAS,CAAO,CACjC,CACD;AAErB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ButtonLink","_moveDown","_Tooltip","MoveDown","_ref","onClick","className","default","createElement","ButtonLink","maxWidth","Tooltip","content","placement","ReactComponent","exports"],"sources":["MoveDown.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { ReactComponent as MoveDownIcon } from \"./assets/move-down.svg\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\ninterface Props {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveDown: React.VFC<Props> = ({ onClick, className }) => {\n    return (\n        <ButtonLink className={\"has-tooltip \" + className} onClick={onClick} maxWidth={\"100px\"}>\n            <Tooltip content={\"Shift+Click to move to bottom\"} placement={\"top\"}>\n                <MoveDownIcon /> <span>Move Down</span>\n            </Tooltip>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOO,IAAMI,QAA0B,GAAG,SAA7BA,QAA0BA,CAAAC,IAAA,EAA+B;EAAA,IAAzBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EAC3D,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAAS,UAAU;IAACH,SAAS,EAAE,cAAc,GAAGA,SAAU;IAACD,OAAO,EAAEA,OAAQ;IAACK,QAAQ,EAAE;EAAQ,gBACnFb,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAS,OAAO;IAACC,OAAO,EAAE,+BAAgC;IAACC,SAAS,EAAE;EAAM,gBAChEhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAa,cAAY,MAAE,CAAC,KAAC,eAAAjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,eAAM,WAAe,CACjC,CACD,CAAC;AAErB,CAAC;AAACO,OAAA,CAAAZ,QAAA,GAAAA,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["MoveUp","onClick","className"],"sources":["MoveUp.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { ReactComponent as MoveUpIcon } from \"./assets/move-up.svg\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\ninterface Props {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveUp: React.VFC<Props> = ({ onClick, className }) => {\n    return (\n        <ButtonLink className={\"has-tooltip \" + className} onClick={onClick} maxWidth={\"100px\"}>\n            <Tooltip content={\"Shift+Click to move to top\"} placement={\"top\"}>\n                <MoveUpIcon /> Move Up\n            </Tooltip>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAOO,IAAMA,MAAwB,GAAG,SAA3BA,MAAwB,OAA+B;EAAA,IAAzBC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;EACzD,oBACI,6BAAC,sBAAU;IAAC,SAAS,EAAE,cAAc,GAAGA,SAAU;IAAC,OAAO,EAAED,OAAQ;IAAC,QAAQ,EAAE;EAAQ,gBACnF,6BAAC,gBAAO;IAAC,OAAO,EAAE,4BAA6B;IAAC,SAAS,EAAE;EAAM,gBAC7D,6BAAC,sBAAU,OAAG,YAClB,CAAU,CACD;AAErB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ButtonLink","_moveUp","_Tooltip","MoveUp","_ref","onClick","className","default","createElement","ButtonLink","maxWidth","Tooltip","content","placement","ReactComponent","exports"],"sources":["MoveUp.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\nimport { ReactComponent as MoveUpIcon } from \"./assets/move-up.svg\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\ninterface Props {\n    onClick: (ev: React.MouseEvent) => void;\n    className?: string;\n}\n\nexport const MoveUp: React.VFC<Props> = ({ onClick, className }) => {\n    return (\n        <ButtonLink className={\"has-tooltip \" + className} onClick={onClick} maxWidth={\"100px\"}>\n            <Tooltip content={\"Shift+Click to move to top\"} placement={\"top\"}>\n                <MoveUpIcon /> Move Up\n            </Tooltip>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOO,IAAMI,MAAwB,GAAG,SAA3BA,MAAwBA,CAAAC,IAAA,EAA+B;EAAA,IAAzBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACzD,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,WAAA,CAAAS,UAAU;IAACH,SAAS,EAAE,cAAc,GAAGA,SAAU;IAACD,OAAO,EAAEA,OAAQ;IAACK,QAAQ,EAAE;EAAQ,gBACnFb,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAS,OAAO;IAACC,OAAO,EAAE,4BAA6B;IAACC,SAAS,EAAE;EAAM,gBAC7DhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAa,cAAU,MAAE,CAAC,YACT,CACD,CAAC;AAErB,CAAC;AAACC,OAAA,CAAAZ,MAAA,GAAAA,MAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Text","styled","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","Remove","entry","onRemove","useConfirmationDialog","title","message","acceptLabel","showConfirmation","onRemoveClick","useCallback","entryId"],"sources":["Remove.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as RemoveIcon } from \"./assets/remove.svg\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\"\n});\n\ninterface Props {\n    entry: CmsReferenceContentEntry;\n    onRemove: (entryId: string) => void;\n}\n\nexport const Remove: React.VFC<Props> = ({ entry, onRemove }) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Remove referenced entry\",\n        message: `Are you sure you want to remove the referenced entry \"${entry.title}\"?`,\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const onRemoveClick = useCallback(() => {\n        showConfirmation(() => {\n            onRemove(entry.entryId);\n        });\n    }, [entry, onRemove]);\n\n    return (\n        <ButtonLink onClick={onRemoveClick} maxWidth={\"100px\"}>\n            <RemoveIcon />\n            <Text>Remove</Text>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAEA,IAAMA,IAAI,oBAAGC,eAAM,EAAC,MAAM;EAAA;EAAA;AAAA,GAAE;EACxBC,UAAU,EAAE,iBAAiB;EAC7BC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAOK,IAAMC,MAAwB,GAAG,SAA3BA,MAAwB,OAA4B;EAAA,IAAtBC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EACtD,4BAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE,yBAAyB;MAChCC,OAAO,mEAA2DJ,KAAK,CAACG,KAAK,QAAI;MACjFE,WAAW,EAAE;IACjB,CAAC,CAAC;IAJMC,gBAAgB,yBAAhBA,gBAAgB;EAMxB,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCF,gBAAgB,CAAC,YAAM;MACnBL,QAAQ,CAACD,KAAK,CAACS,OAAO,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC,EAAE,CAACT,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,oBACI,6BAAC,sBAAU;IAAC,OAAO,EAAEM,aAAc;IAAC,QAAQ,EAAE;EAAQ,gBAClD,6BAAC,sBAAU,OAAG,eACd,6BAAC,IAAI,QAAC,QAAM,CAAO,CACV;AAErB,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","_interopRequireWildcard","_remove","_appAdmin","_ButtonLink","Text","styled","target","label","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","Remove","_ref","entry","onRemove","_useConfirmationDialo","useConfirmationDialog","title","message","concat","acceptLabel","showConfirmation","onRemoveClick","useCallback","entryId","default","createElement","ButtonLink","onClick","maxWidth","ReactComponent","exports"],"sources":["Remove.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as RemoveIcon } from \"./assets/remove.svg\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\"\n});\n\ninterface Props {\n    entry: CmsReferenceContentEntry;\n    onRemove: (entryId: string) => void;\n}\n\nexport const Remove: React.VFC<Props> = ({ entry, onRemove }) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Remove referenced entry\",\n        message: `Are you sure you want to remove the referenced entry \"${entry.title}\"?`,\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const onRemoveClick = useCallback(() => {\n        showConfirmation(() => {\n            onRemove(entry.entryId);\n        });\n    }, [entry, onRemove]);\n\n    return (\n        <ButtonLink onClick={onRemoveClick} maxWidth={\"100px\"}>\n            <RemoveIcon />\n            <Text>Remove</Text>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAEA,IAAMM,IAAI,oBAAGC,eAAM,EAAC,MAAM;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACxBC,UAAU,EAAE,iBAAiB;EAC7BC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE;AACnB,CAAC,CAAC;AAOK,IAAMC,MAAwB,GAAG,SAA3BA,MAAwBA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACtD,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE,yBAAyB;MAChCC,OAAO,4DAAAC,MAAA,CAA2DN,KAAK,CAACI,KAAK,QAAI;MACjFG,WAAW,EAAE;IACjB,CAAC,CAAC;IAJMC,gBAAgB,GAAAN,qBAAA,CAAhBM,gBAAgB;EAMxB,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCF,gBAAgB,CAAC,YAAM;MACnBP,QAAQ,CAACD,KAAK,CAACW,OAAO,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC,EAAE,CAACX,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,oBACIlB,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC1B,WAAA,CAAA2B,UAAU;IAACC,OAAO,EAAEN,aAAc;IAACO,QAAQ,EAAE;EAAQ,gBAClDjC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC5B,OAAA,CAAAgC,cAAU,MAAE,CAAC,eACdlC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACzB,IAAI,QAAC,QAAY,CACV,CAAC;AAErB,CAAC;AAAC8B,OAAA,CAAApB,MAAA,GAAAA,MAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","width","display","flexDirection","alignItems","justifyContent","SelectButton","border","background","color","cursor","textDecoration","Icon","selected","backgroundColor","borderRadius","height","Text","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","marginLeft","Select","entry","onChange","onIconClick","useCallback","id","modelId","model"],"sources":["Select.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as SelectedIcon } from \"./assets/selected.svg\";\n\nconst Container = styled(\"div\")({\n    width: \"140px\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"end\"\n});\n\nconst SelectButton = styled(\"button\")({\n    border: 0,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    background: \"transparent\",\n    color: \"var(--mdc-theme-primary)\",\n    cursor: \"pointer\",\n    \"&:hover\": {\n        textDecoration: \"underline\"\n    }\n});\n\ninterface IconProps {\n    selected?: boolean;\n}\nconst Icon = styled(\"div\")(({ selected }: IconProps) => {\n    return {\n        backgroundColor: selected ? \"var(--mdc-theme-primary)\" : \"transparent\",\n        border: \"1px solid var(--mdc-theme-primary)\",\n        borderRadius: \"3px\",\n        width: \"16px\",\n        height: \"16px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        cursor: \"pointer\"\n    };\n});\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\",\n    marginLeft: \"10px\"\n});\n\ninterface Props {\n    entry: CmsReferenceContentEntry;\n    selected?: boolean;\n    onChange: (value: CmsReferenceValue) => void;\n}\nexport const Select: React.VFC<Props> = ({ entry, selected, onChange }) => {\n    const onIconClick = useCallback(() => {\n        onChange({\n            id: entry.id,\n            modelId: entry.model.modelId\n        });\n    }, [entry, onChange]);\n    return (\n        <Container>\n            <SelectButton onClick={onIconClick}>\n                <Icon selected={selected}>{selected && <SelectedIcon />}</Icon>\n                <Text>{selected ? \"Selected\" : \"Select\"}</Text>\n            </SelectButton>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAKA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AACpB,CAAC,CAAC;AAEF,IAAMC,YAAY,oBAAGN,eAAM,EAAC,QAAQ;EAAA;EAAA;AAAA,GAAE;EAClCO,MAAM,EAAE,CAAC;EACTL,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBI,UAAU,EAAE,aAAa;EACzBC,KAAK,EAAE,0BAA0B;EACjCC,MAAM,EAAE,SAAS;EACjB,SAAS,EAAE;IACPC,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAKF,IAAMC,IAAI,oBAAGZ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE,gBAA6B;EAAA,IAA1Ba,QAAQ,QAARA,QAAQ;EAClC,OAAO;IACHC,eAAe,EAAED,QAAQ,GAAG,0BAA0B,GAAG,aAAa;IACtEN,MAAM,EAAE,oCAAoC;IAC5CQ,YAAY,EAAE,KAAK;IACnBd,KAAK,EAAE,MAAM;IACbe,MAAM,EAAE,MAAM;IACdd,OAAO,EAAE,MAAM;IACfE,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBK,MAAM,EAAE;EACZ,CAAC;AACL,CAAC,CAAC;AAEF,IAAMO,IAAI,oBAAGjB,eAAM,EAAC,MAAM;EAAA;EAAA;AAAA,GAAE;EACxBkB,UAAU,EAAE,iBAAiB;EAC7BC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE,WAAW;EAC1BC,UAAU,EAAE;AAChB,CAAC,CAAC;AAOK,IAAMC,MAAwB,GAAG,SAA3BA,MAAwB,QAAsC;EAAA,IAAhCC,KAAK,SAALA,KAAK;IAAEb,QAAQ,SAARA,QAAQ;IAAEc,QAAQ,SAARA,QAAQ;EAChE,IAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClCF,QAAQ,CAAC;MACLG,EAAE,EAAEJ,KAAK,CAACI,EAAE;MACZC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAACD;IACzB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrB,oBACI,6BAAC,SAAS,qBACN,6BAAC,YAAY;IAAC,OAAO,EAAEC;EAAY,gBAC/B,6BAAC,IAAI;IAAC,QAAQ,EAAEf;EAAS,GAAEA,QAAQ,iBAAI,6BAAC,wBAAY,OAAG,CAAQ,eAC/D,6BAAC,IAAI,QAAEA,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAQ,CACpC,CACP;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","_interopRequireWildcard","_selected","Container","styled","target","label","width","display","flexDirection","alignItems","justifyContent","SelectButton","border","background","color","cursor","textDecoration","Icon","_ref","selected","backgroundColor","borderRadius","height","Text","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","marginLeft","Select","_ref2","entry","onChange","onIconClick","useCallback","id","modelId","model","default","createElement","onClick","ReactComponent","exports"],"sources":["Select.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useCallback } from \"react\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as SelectedIcon } from \"./assets/selected.svg\";\n\nconst Container = styled(\"div\")({\n    width: \"140px\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"end\"\n});\n\nconst SelectButton = styled(\"button\")({\n    border: 0,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    background: \"transparent\",\n    color: \"var(--mdc-theme-primary)\",\n    cursor: \"pointer\",\n    \"&:hover\": {\n        textDecoration: \"underline\"\n    }\n});\n\ninterface IconProps {\n    selected?: boolean;\n}\nconst Icon = styled(\"div\")(({ selected }: IconProps) => {\n    return {\n        backgroundColor: selected ? \"var(--mdc-theme-primary)\" : \"transparent\",\n        border: \"1px solid var(--mdc-theme-primary)\",\n        borderRadius: \"3px\",\n        width: \"16px\",\n        height: \"16px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        cursor: \"pointer\"\n    };\n});\n\nconst Text = styled(\"span\")({\n    fontFamily: \"Source Sans Pro\",\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\",\n    marginLeft: \"10px\"\n});\n\ninterface Props {\n    entry: CmsReferenceContentEntry;\n    selected?: boolean;\n    onChange: (value: CmsReferenceValue) => void;\n}\nexport const Select: React.VFC<Props> = ({ entry, selected, onChange }) => {\n    const onIconClick = useCallback(() => {\n        onChange({\n            id: entry.id,\n            modelId: entry.model.modelId\n        });\n    }, [entry, onChange]);\n    return (\n        <Container>\n            <SelectButton onClick={onIconClick}>\n                <Icon selected={selected}>{selected && <SelectedIcon />}</Icon>\n                <Text>{selected ? \"Selected\" : \"Select\"}</Text>\n            </SelectButton>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAKA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAMI,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC5BC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE;AACpB,CAAC,CAAC;AAEF,IAAMC,YAAY,oBAAGR,eAAM,EAAC,QAAQ;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAClCO,MAAM,EAAE,CAAC;EACTL,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBI,UAAU,EAAE,aAAa;EACzBC,KAAK,EAAE,0BAA0B;EACjCC,MAAM,EAAE,SAAS;EACjB,SAAS,EAAE;IACPC,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAKF,IAAMC,IAAI,oBAAGd,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE,UAAAa,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClC,OAAO;IACHC,eAAe,EAAED,QAAQ,GAAG,0BAA0B,GAAG,aAAa;IACtEP,MAAM,EAAE,oCAAoC;IAC5CS,YAAY,EAAE,KAAK;IACnBf,KAAK,EAAE,MAAM;IACbgB,MAAM,EAAE,MAAM;IACdf,OAAO,EAAE,MAAM;IACfE,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBK,MAAM,EAAE;EACZ,CAAC;AACL,CAAC,CAAC;AAEF,IAAMQ,IAAI,oBAAGpB,eAAM,EAAC,MAAM;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACxBmB,UAAU,EAAE,iBAAiB;EAC7BC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE,WAAW;EAC1BC,UAAU,EAAE;AAChB,CAAC,CAAC;AAOK,IAAMC,MAAwB,GAAG,SAA3BA,MAAwBA,CAAAC,KAAA,EAAsC;EAAA,IAAhCC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEd,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAEe,QAAQ,GAAAF,KAAA,CAARE,QAAQ;EAChE,IAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClCF,QAAQ,CAAC;MACLG,EAAE,EAAEJ,KAAK,CAACI,EAAE;MACZC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAACD;IACzB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrB,oBACInC,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAACvC,SAAS,qBACNH,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAAC9B,YAAY;IAAC+B,OAAO,EAAEP;EAAY,gBAC/BpC,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAACxB,IAAI;IAACE,QAAQ,EAAEA;EAAS,GAAEA,QAAQ,iBAAIpB,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAACxC,SAAA,CAAA0C,cAAY,MAAE,CAAQ,CAAC,eAC/D5C,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAAClB,IAAI,QAAEJ,QAAQ,GAAG,UAAU,GAAG,QAAe,CACpC,CACP,CAAC;AAEpB,CAAC;AAACyB,OAAA,CAAAb,MAAA,GAAAA,MAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["getIcon","status","Status","toUpperCase"],"sources":["Status.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DraftIcon } from \"./assets/status-draft.svg\";\nimport { ReactComponent as PublishedIcon } from \"./assets/status-published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"./assets/status-unpublished.svg\";\nimport { Box } from \"./Box\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nconst getIcon = (status: CmsContentEntryStatusType) => {\n    switch (status) {\n        case \"published\":\n            return <PublishedIcon />;\n        case \"unpublished\":\n            return <UnpublishedIcon />;\n        case \"draft\":\n            return <DraftIcon />;\n        default:\n            return null;\n    }\n};\n\ninterface Props {\n    status: CmsContentEntryStatusType;\n}\nexport const Status: React.VFC<Props> = ({ status }) => {\n    return (\n        <Box icon={getIcon(status)} name={\"Status\"}>\n            {status.toUpperCase()}\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAGA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,MAAiC,EAAK;EACnD,QAAQA,MAAM;IACV,KAAK,WAAW;MACZ,oBAAO,6BAAC,+BAAa,OAAG;IAC5B,KAAK,aAAa;MACd,oBAAO,6BAAC,iCAAe,OAAG;IAC9B,KAAK,OAAO;MACR,oBAAO,6BAAC,2BAAS,OAAG;IACxB;MACI,OAAO,IAAI;EAAC;AAExB,CAAC;AAKM,IAAMC,MAAwB,GAAG,SAA3BA,MAAwB,OAAmB;EAAA,IAAbD,MAAM,QAANA,MAAM;EAC7C,oBACI,6BAAC,QAAG;IAAC,IAAI,EAAED,OAAO,CAACC,MAAM,CAAE;IAAC,IAAI,EAAE;EAAS,GACtCA,MAAM,CAACE,WAAW,EAAE,CACnB;AAEd,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_statusDraft","_statusPublished","_statusUnpublished","_Box","getIcon","status","default","createElement","ReactComponent","Status","_ref","Box","icon","name","toUpperCase","exports"],"sources":["Status.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DraftIcon } from \"./assets/status-draft.svg\";\nimport { ReactComponent as PublishedIcon } from \"./assets/status-published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"./assets/status-unpublished.svg\";\nimport { Box } from \"./Box\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nconst getIcon = (status: CmsContentEntryStatusType) => {\n    switch (status) {\n        case \"published\":\n            return <PublishedIcon />;\n        case \"unpublished\":\n            return <UnpublishedIcon />;\n        case \"draft\":\n            return <DraftIcon />;\n        default:\n            return null;\n    }\n};\n\ninterface Props {\n    status: CmsContentEntryStatusType;\n}\nexport const Status: React.VFC<Props> = ({ status }) => {\n    return (\n        <Box icon={getIcon(status)} name={\"Status\"}>\n            {status.toUpperCase()}\n        </Box>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAGA,IAAMK,OAAO,GAAG,SAAVA,OAAOA,CAAIC,MAAiC,EAAK;EACnD,QAAQA,MAAM;IACV,KAAK,WAAW;MACZ,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,cAAa,MAAE,CAAC;IAC5B,KAAK,aAAa;MACd,oBAAOX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,kBAAA,CAAAM,cAAe,MAAE,CAAC;IAC9B,KAAK,OAAO;MACR,oBAAOX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,YAAA,CAAAQ,cAAS,MAAE,CAAC;IACxB;MACI,OAAO,IAAI;EACnB;AACJ,CAAC;AAKM,IAAMC,MAAwB,GAAG,SAA3BA,MAAwBA,CAAAC,IAAA,EAAmB;EAAA,IAAbL,MAAM,GAAAK,IAAA,CAANL,MAAM;EAC7C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,IAAA,CAAAQ,GAAG;IAACC,IAAI,EAAER,OAAO,CAACC,MAAM,CAAE;IAACQ,IAAI,EAAE;EAAS,GACtCR,MAAM,CAACS,WAAW,CAAC,CACnB,CAAC;AAEd,CAAC;AAACC,OAAA,CAAAN,MAAA,GAAAA,MAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Content","styled","fontStyle","fontWeight","fontSize","lineHeight","marginBottom","Title","title"],"sources":["Title.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Content = styled(\"h3\")({\n    fontStyle: \"normal\",\n    fontWeight: 400,\n    fontSize: 24,\n    lineHeight: \"32px\",\n    marginBottom: \"5px\"\n});\n\ninterface Props {\n    title: string;\n}\nexport const Title: React.VFC<Props> = ({ title }) => {\n    return <Content>{title}</Content>;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACzBC,SAAS,EAAE,QAAQ;EACnBC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,YAAY,EAAE;AAClB,CAAC,CAAC;AAKK,IAAMC,KAAuB,GAAG,SAA1BA,KAAuB,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EAC3C,oBAAO,6BAAC,OAAO,QAAEA,KAAK,CAAW;AACrC,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","Content","styled","target","label","fontStyle","fontWeight","fontSize","lineHeight","marginBottom","Title","_ref","title","default","createElement","exports"],"sources":["Title.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Content = styled(\"h3\")({\n    fontStyle: \"normal\",\n    fontWeight: 400,\n    fontSize: 24,\n    lineHeight: \"32px\",\n    marginBottom: \"5px\"\n});\n\ninterface Props {\n    title: string;\n}\nexport const Title: React.VFC<Props> = ({ title }) => {\n    return <Content>{title}</Content>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,OAAO,oBAAGC,eAAM,EAAC,IAAI;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACzBC,SAAS,EAAE,QAAQ;EACnBC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,MAAM;EAClBC,YAAY,EAAE;AAClB,CAAC,CAAC;AAKK,IAAMC,KAAuB,GAAG,SAA1BA,KAAuBA,CAAAC,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC3C,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACb,OAAO,QAAEW,KAAe,CAAC;AACrC,CAAC;AAACG,OAAA,CAAAL,KAAA,GAAAA,KAAA"}

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

@@ -9,7 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 var _view = require("./assets/view.svg");
 var _ButtonLink = require("./elements/ButtonLink");
 var createEntryUrl = function createEntryUrl(entry) {
-  return "/cms/content-entries/".concat(entry.model.modelId, "?id=").concat(entry.id);
+  var _entry$wbyAco_locatio;
+  var folderId = ((_entry$wbyAco_locatio = entry.wbyAco_location) === null || _entry$wbyAco_locatio === void 0 ? void 0 : _entry$wbyAco_locatio.folderId) || "";
+  return "/cms/content-entries/".concat(entry.model.modelId, "?id=").concat(entry.id, "&folderId=").concat(encodeURIComponent(folderId));
 };
 var View = function View(_ref) {
   var entry = _ref.entry;

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

@@ -1 +1 @@
-{"version":3,"names":["createEntryUrl","entry","model","modelId","id","View"],"sources":["View.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as ViewIcon } from \"./assets/view.svg\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst createEntryUrl = (entry: CmsReferenceContentEntry) => {\n    return `/cms/content-entries/${entry.model.modelId}?id=${entry.id}`;\n};\n\ninterface Props {\n    entry: CmsReferenceContentEntry;\n}\nexport const View: React.VFC<Props> = ({ entry }) => {\n    return (\n        <ButtonLink href={createEntryUrl(entry)} target=\"_blank\" maxWidth={\"95px\"}>\n            <ViewIcon /> <span>View</span>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA+B,EAAK;EACxD,sCAA+BA,KAAK,CAACC,KAAK,CAACC,OAAO,iBAAOF,KAAK,CAACG,EAAE;AACrE,CAAC;AAKM,IAAMC,IAAsB,GAAG,SAAzBA,IAAsB,OAAkB;EAAA,IAAZJ,KAAK,QAALA,KAAK;EAC1C,oBACI,6BAAC,sBAAU;IAAC,IAAI,EAAED,cAAc,CAACC,KAAK,CAAE;IAAC,MAAM,EAAC,QAAQ;IAAC,QAAQ,EAAE;EAAO,gBACtE,6BAAC,oBAAQ,OAAG,KAAC,0DAAM,MAAI,CAAO,CACrB;AAErB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_view","_ButtonLink","createEntryUrl","entry","_entry$wbyAco_locatio","folderId","wbyAco_location","concat","model","modelId","id","encodeURIComponent","View","_ref","default","createElement","ButtonLink","href","target","maxWidth","ReactComponent","exports"],"sources":["View.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { ReactComponent as ViewIcon } from \"./assets/view.svg\";\nimport { ButtonLink } from \"./elements/ButtonLink\";\n\nconst createEntryUrl = (entry: CmsReferenceContentEntry) => {\n    const folderId = entry.wbyAco_location?.folderId || \"\";\n    return `/cms/content-entries/${entry.model.modelId}?id=${\n        entry.id\n    }&folderId=${encodeURIComponent(folderId)}`;\n};\n\ninterface Props {\n    entry: CmsReferenceContentEntry;\n}\nexport const View: React.VFC<Props> = ({ entry }) => {\n    return (\n        <ButtonLink href={createEntryUrl(entry)} target=\"_blank\" maxWidth={\"95px\"}>\n            <ViewIcon /> <span>View</span>\n        </ButtonLink>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA+B,EAAK;EAAA,IAAAC,qBAAA;EACxD,IAAMC,QAAQ,GAAG,EAAAD,qBAAA,GAAAD,KAAK,CAACG,eAAe,cAAAF,qBAAA,uBAArBA,qBAAA,CAAuBC,QAAQ,KAAI,EAAE;EACtD,+BAAAE,MAAA,CAA+BJ,KAAK,CAACK,KAAK,CAACC,OAAO,UAAAF,MAAA,CAC9CJ,KAAK,CAACO,EAAE,gBAAAH,MAAA,CACCI,kBAAkB,CAACN,QAAQ,CAAC;AAC7C,CAAC;AAKM,IAAMO,IAAsB,GAAG,SAAzBA,IAAsBA,CAAAC,IAAA,EAAkB;EAAA,IAAZV,KAAK,GAAAU,IAAA,CAALV,KAAK;EAC1C,oBACIN,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,WAAA,CAAAe,UAAU;IAACC,IAAI,EAAEf,cAAc,CAACC,KAAK,CAAE;IAACe,MAAM,EAAC,QAAQ;IAACC,QAAQ,EAAE;EAAO,gBACtEtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAoB,cAAQ,MAAE,CAAC,KAAC,eAAAvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,eAAM,MAAU,CACrB,CAAC;AAErB,CAAC;AAACM,OAAA,CAAAT,IAAA,GAAAA,IAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Button","styled","display","height","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","alignItems","justifyContent","cursor","color","marginRight","textDecoration","Container","maxWidth","width","flexDirection","pointerEvents","ButtonLink","props","children","href","target","onClick","className","styles"],"sources":["ButtonLink.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Button: any = styled(\"a\")({\n    display: \"flex\",\n    height: 35,\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    cursor: \"pointer\",\n    color: \"var(--mdc-theme-primary)\",\n    \" > svg\": {\n        marginRight: \"10px\",\n        color: \"var(--mdc-theme-primary)\"\n    },\n    \"&:hover\": {\n        textDecoration: \"underline\"\n    }\n});\n\nconst Container = styled(\"div\")(({ maxWidth }: Props) => {\n    return {\n        maxWidth: maxWidth || \"140px\",\n        width: \"auto\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        \"&.has-tooltip\": {\n            [Button]: {\n                \">span\": {\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    display: \"flex\",\n                    \" > svg\": {\n                        marginRight: \"10px\"\n                    }\n                }\n            }\n        },\n        \"&.disabled\": {\n            pointerEvents: \"none\",\n            cursor: \"not-allowed\",\n            [Button]: {\n                color: \"var(--mdc-theme-on-background)\",\n                \">svg\": {\n                    color: \"var(--mdc-theme-on-background)\"\n                }\n            }\n        }\n    };\n});\n\ninterface Props {\n    children: React.ReactNode;\n    className?: string;\n    maxWidth?: `${string}px`;\n}\n\ninterface PropsWithClick extends Props {\n    href?: never;\n    target?: never;\n    onClick: (ev: React.MouseEvent) => void;\n}\n\ninterface PropsWithHref extends Props {\n    href: string;\n    target: \"_blank\" | string;\n    onClick?: never;\n}\n\nexport const ButtonLink: React.VFC<PropsWithClick | PropsWithHref> = props => {\n    const { children, href, target, onClick, className, ...styles } = props;\n    return (\n        <Container className={className} {...styles}>\n            <Button href={href} target={target} onClick={onClick}>\n                {children}\n            </Button>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AAA0B;AAE1B,IAAMA,MAAW,oBAAGC,eAAM,EAAC,GAAG;EAAA;EAAA;AAAA,GAAE;EAC5BC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,EAAE;EACVC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE,WAAW;EAC1BC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxBC,MAAM,EAAE,SAAS;EACjBC,KAAK,EAAE,0BAA0B;EACjC,QAAQ,EAAE;IACNC,WAAW,EAAE,MAAM;IACnBD,KAAK,EAAE;EACX,CAAC;EACD,SAAS,EAAE;IACPE,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAEF,IAAMC,SAAS,oBAAGd,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE,gBAAyB;EAAA,IAAtBe,QAAQ,QAARA,QAAQ;EACvC,OAAO;IACHA,QAAQ,EAAEA,QAAQ,IAAI,OAAO;IAC7BC,KAAK,EAAE,MAAM;IACbf,OAAO,EAAE,MAAM;IACfgB,aAAa,EAAE,KAAK;IACpBT,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,eAAe,oCACVV,MAAM,EAAG;MACN,OAAO,EAAE;QACLS,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBR,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE;UACNW,WAAW,EAAE;QACjB;MACJ;IACJ,CAAC,CACJ;IACD,YAAY;MACRM,aAAa,EAAE,MAAM;MACrBR,MAAM,EAAE;IAAa,GACpBX,MAAM,EAAG;MACNY,KAAK,EAAE,gCAAgC;MACvC,MAAM,EAAE;QACJA,KAAK,EAAE;MACX;IACJ,CAAC;EAET,CAAC;AACL,CAAC,CAAC;AAoBK,IAAMQ,UAAqD,GAAG,SAAxDA,UAAqD,CAAGC,KAAK,EAAI;EAC1E,IAAQC,QAAQ,GAAkDD,KAAK,CAA/DC,QAAQ;IAAEC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;IAAEC,MAAM,GAAoCH,KAAK,CAA/CG,MAAM;IAAEC,OAAO,GAA2BJ,KAAK,CAAvCI,OAAO;IAAEC,SAAS,GAAgBL,KAAK,CAA9BK,SAAS;IAAKC,MAAM,0CAAKN,KAAK;EACvE,oBACI,6BAAC,SAAS;IAAC,SAAS,EAAEK;EAAU,GAAKC,MAAM,gBACvC,6BAAC,MAAM;IAAC,IAAI,EAAEJ,IAAK;IAAC,MAAM,EAAEC,MAAO;IAAC,OAAO,EAAEC;EAAQ,GAChDH,QAAQ,CACJ,CACD;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","_excluded","Button","styled","target","label","display","height","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","alignItems","justifyContent","cursor","color","marginRight","textDecoration","Container","_ref","maxWidth","width","flexDirection","_defineProperty2","default","pointerEvents","ButtonLink","props","children","href","onClick","className","styles","_objectWithoutProperties2","createElement","Object","assign","exports"],"sources":["ButtonLink.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\n\nconst Button: any = styled(\"a\")({\n    display: \"flex\",\n    height: 35,\n    fontWeight: 500,\n    fontSize: \"14px\",\n    lineHeight: \"20px\",\n    letterSpacing: \"0.1px\",\n    textTransform: \"uppercase\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    cursor: \"pointer\",\n    color: \"var(--mdc-theme-primary)\",\n    \" > svg\": {\n        marginRight: \"10px\",\n        color: \"var(--mdc-theme-primary)\"\n    },\n    \"&:hover\": {\n        textDecoration: \"underline\"\n    }\n});\n\nconst Container = styled(\"div\")(({ maxWidth }: Props) => {\n    return {\n        maxWidth: maxWidth || \"140px\",\n        width: \"auto\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        \"&.has-tooltip\": {\n            [Button]: {\n                \">span\": {\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    display: \"flex\",\n                    \" > svg\": {\n                        marginRight: \"10px\"\n                    }\n                }\n            }\n        },\n        \"&.disabled\": {\n            pointerEvents: \"none\",\n            cursor: \"not-allowed\",\n            [Button]: {\n                color: \"var(--mdc-theme-on-background)\",\n                \">svg\": {\n                    color: \"var(--mdc-theme-on-background)\"\n                }\n            }\n        }\n    };\n});\n\ninterface Props {\n    children: React.ReactNode;\n    className?: string;\n    maxWidth?: `${string}px`;\n}\n\ninterface PropsWithClick extends Props {\n    href?: never;\n    target?: never;\n    onClick: (ev: React.MouseEvent) => void;\n}\n\ninterface PropsWithHref extends Props {\n    href: string;\n    target: \"_blank\" | string;\n    onClick?: never;\n}\n\nexport const ButtonLink: React.VFC<PropsWithClick | PropsWithHref> = props => {\n    const { children, href, target, onClick, className, ...styles } = props;\n    return (\n        <Container className={className} {...styles}>\n            <Button href={href} target={target} onClick={onClick}>\n                {children}\n            </Button>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAE1B,IAAMC,MAAW,oBAAGC,eAAM,EAAC,GAAG;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC5BC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,EAAE;EACVC,UAAU,EAAE,GAAG;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,aAAa,EAAE,OAAO;EACtBC,aAAa,EAAE,WAAW;EAC1BC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxBC,MAAM,EAAE,SAAS;EACjBC,KAAK,EAAE,0BAA0B;EACjC,QAAQ,EAAE;IACNC,WAAW,EAAE,MAAM;IACnBD,KAAK,EAAE;EACX,CAAC;EACD,SAAS,EAAE;IACPE,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAEF,IAAMC,SAAS,oBAAGhB,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE,UAAAe,IAAA,EAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACvC,OAAO;IACHA,QAAQ,EAAEA,QAAQ,IAAI,OAAO;IAC7BC,KAAK,EAAE,MAAM;IACbhB,OAAO,EAAE,MAAM;IACfiB,aAAa,EAAE,KAAK;IACpBV,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,eAAe,MAAAU,gBAAA,CAAAC,OAAA,MACVvB,MAAM,EAAG;MACN,OAAO,EAAE;QACLW,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBR,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE;UACNW,WAAW,EAAE;QACjB;MACJ;IACJ,CAAC,CACJ;IACD,YAAY,MAAAO,gBAAA,CAAAC,OAAA;MACRC,aAAa,EAAE,MAAM;MACrBX,MAAM,EAAE;IAAa,GACpBb,MAAM,EAAG;MACNc,KAAK,EAAE,gCAAgC;MACvC,MAAM,EAAE;QACJA,KAAK,EAAE;MACX;IACJ,CAAC;EAET,CAAC;AACL,CAAC,CAAC;AAoBK,IAAMW,UAAqD,GAAG,SAAxDA,UAAqDA,CAAGC,KAAK,EAAI;EAC1E,IAAQC,QAAQ,GAAkDD,KAAK,CAA/DC,QAAQ;IAAEC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;IAAE1B,MAAM,GAAoCwB,KAAK,CAA/CxB,MAAM;IAAE2B,OAAO,GAA2BH,KAAK,CAAvCG,OAAO;IAAEC,SAAS,GAAgBJ,KAAK,CAA9BI,SAAS;IAAKC,MAAM,OAAAC,yBAAA,CAAAT,OAAA,EAAKG,KAAK,EAAA3B,SAAA;EACvE,oBACID,MAAA,CAAAyB,OAAA,CAAAU,aAAA,CAAChB,SAAS,EAAAiB,MAAA,CAAAC,MAAA;IAACL,SAAS,EAAEA;EAAU,GAAKC,MAAM,gBACvCjC,MAAA,CAAAyB,OAAA,CAAAU,aAAA,CAACjC,MAAM;IAAC4B,IAAI,EAAEA,IAAK;IAAC1B,MAAM,EAAEA,MAAO;IAAC2B,OAAO,EAAEA;EAAQ,GAChDF,QACG,CACD,CAAC;AAEpB,CAAC;AAACS,OAAA,CAAAX,UAAA,GAAAA,UAAA"}

package/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList.js.map

@@ -1 +1 @@
-{"version":3,"names":["Container","styled","display","marginLeft","width","color","height","ModelsContainer","Elevation","position","zIndex","top","left","backgroundColor","flexDirection","OptionsModelList","models","onClick","length","map","model","modelId"],"sources":["OptionsModelList.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { OptionsModelListItem } from \"./OptionsModelListItem\";\nimport { ReactComponent as DownIcon } from \"../assets/down-arrow.svg\";\n\nconst Container = styled(\"span\")({\n    display: \"flex\",\n    marginLeft: \"5px\",\n    width: 32,\n    \">svg\": {\n        color: \"var(--mdc-theme-primary)\",\n        width: \"24px\",\n        height: \"24px\"\n    }\n});\nconst ModelsContainer = styled(Elevation)({\n    position: \"absolute\",\n    zIndex: 2,\n    top: \"40px\",\n    left: 0,\n    width: \"215px\",\n    backgroundColor: \"#FFFFFF\",\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n\ninterface Props {\n    models: CmsModel[];\n    onClick: (modelId: string) => void;\n}\nexport const OptionsModelList: React.VFC<Props> = ({ models, onClick }) => {\n    if (models.length <= 1) {\n        return null;\n    }\n\n    return (\n        <>\n            <Container>\n                <DownIcon />\n            </Container>\n            <ModelsContainer z={1}>\n                {models.map(model => {\n                    return (\n                        <OptionsModelListItem\n                            onClick={onClick}\n                            key={`model-${model.modelId}`}\n                            model={model}\n                        />\n                    );\n                })}\n            </ModelsContainer>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAEA,IAAMA,SAAS,oBAAGC,eAAM,EAAC,MAAM;EAAA;EAAA;AAAA,GAAE;EAC7BC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,KAAK;EACjBC,KAAK,EAAE,EAAE;EACT,MAAM,EAAE;IACJC,KAAK,EAAE,0BAA0B;IACjCD,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AACF,IAAMC,eAAe,oBAAGN,eAAM,EAACO,oBAAS;EAAA;EAAA;AAAA,GAAE;EACtCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,CAAC;EACTC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,CAAC;EACPR,KAAK,EAAE,OAAO;EACdS,eAAe,EAAE,SAAS;EAC1BX,OAAO,EAAE,MAAM;EACfY,aAAa,EAAE;AACnB,CAAC,CAAC;AAMK,IAAMC,gBAAkC,GAAG,SAArCA,gBAAkC,OAA4B;EAAA,IAAtBC,MAAM,QAANA,MAAM;IAAEC,OAAO,QAAPA,OAAO;EAChE,IAAID,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,oBACI,yEACI,6BAAC,SAAS,qBACN,6BAAC,yBAAQ,OAAG,CACJ,eACZ,6BAAC,eAAe;IAAC,CAAC,EAAE;EAAE,GACjBF,MAAM,CAACG,GAAG,CAAC,UAAAC,KAAK,EAAI;IACjB,oBACI,6BAAC,0CAAoB;MACjB,OAAO,EAAEH,OAAQ;MACjB,GAAG,kBAAWG,KAAK,CAACC,OAAO,CAAG;MAC9B,KAAK,EAAED;IAAM,EACf;EAEV,CAAC,CAAC,CACY,CACnB;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","_Elevation","_OptionsModelListItem","_downArrow","Container","styled","target","label","display","marginLeft","width","color","height","ModelsContainer","Elevation","position","zIndex","top","left","backgroundColor","flexDirection","OptionsModelList","_ref","models","onClick","length","default","createElement","Fragment","ReactComponent","z","map","model","OptionsModelListItem","key","concat","modelId","exports"],"sources":["OptionsModelList.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { OptionsModelListItem } from \"./OptionsModelListItem\";\nimport { ReactComponent as DownIcon } from \"../assets/down-arrow.svg\";\n\nconst Container = styled(\"span\")({\n    display: \"flex\",\n    marginLeft: \"5px\",\n    width: 32,\n    \">svg\": {\n        color: \"var(--mdc-theme-primary)\",\n        width: \"24px\",\n        height: \"24px\"\n    }\n});\nconst ModelsContainer = styled(Elevation)({\n    position: \"absolute\",\n    zIndex: 2,\n    top: \"40px\",\n    left: 0,\n    width: \"215px\",\n    backgroundColor: \"#FFFFFF\",\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n\ninterface Props {\n    models: CmsModel[];\n    onClick: (modelId: string) => void;\n}\nexport const OptionsModelList: React.VFC<Props> = ({ models, onClick }) => {\n    if (models.length <= 1) {\n        return null;\n    }\n\n    return (\n        <>\n            <Container>\n                <DownIcon />\n            </Container>\n            <ModelsContainer z={1}>\n                {models.map(model => {\n                    return (\n                        <OptionsModelListItem\n                            onClick={onClick}\n                            key={`model-${model.modelId}`}\n                            model={model}\n                        />\n                    );\n                })}\n            </ModelsContainer>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,SAAS,oBAAGC,eAAM,EAAC,MAAM;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC7BC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,KAAK;EACjBC,KAAK,EAAE,EAAE;EACT,MAAM,EAAE;IACJC,KAAK,EAAE,0BAA0B;IACjCD,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC;AACF,IAAMC,eAAe,oBAAGR,eAAM,EAACS,oBAAS;EAAAR,MAAA;EAAAC,KAAA;AAAA,GAAE;EACtCQ,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,CAAC;EACTC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,CAAC;EACPR,KAAK,EAAE,OAAO;EACdS,eAAe,EAAE,SAAS;EAC1BX,OAAO,EAAE,MAAM;EACfY,aAAa,EAAE;AACnB,CAAC,CAAC;AAMK,IAAMC,gBAAkC,GAAG,SAArCA,gBAAkCA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAChE,IAAID,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;IACpB,OAAO,IAAI;EACf;EAEA,oBACIzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAA3B,MAAA,CAAA0B,OAAA,CAAAE,QAAA,qBACI5B,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,SAAS,qBACNJ,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,UAAA,CAAA0B,cAAQ,MAAE,CACJ,CAAC,eACZ7B,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACd,eAAe;IAACiB,CAAC,EAAE;EAAE,GACjBP,MAAM,CAACQ,GAAG,CAAC,UAAAC,KAAK,EAAI;IACjB,oBACIhC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,qBAAA,CAAA+B,oBAAoB;MACjBT,OAAO,EAAEA,OAAQ;MACjBU,GAAG,WAAAC,MAAA,CAAWH,KAAK,CAACI,OAAO,CAAG;MAC9BJ,KAAK,EAAEA;IAAM,CAChB,CAAC;EAEV,CAAC,CACY,CACnB,CAAC;AAEX,CAAC;AAACK,OAAA,CAAAhB,gBAAA,GAAAA,gBAAA"}

package/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["Title","styled","width","boxSizing","paddingTop","Content","display","flexDirection","Container","color","cursor","padding","borderBottom","backgroundColor","Description","fontSize","marginTop","lineHeight","Icon","height","marginRight","flex","svg","maxWidth","maxHeight","DisplayIcon","model","icon","split","OptionsModelListItem","originalOnClick","onClick","useCallback","modelId","description","name"],"sources":["OptionsModelListItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsModel } from \"~/types\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nconst Title = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    paddingTop: 5,\n    \"&.hasDescription\": {\n        paddingTop: 0\n    }\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\"\n});\n\nconst Container = styled(\"div\")({\n    color: \"--var(mdc-theme-primary)\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    cursor: \"pointer\",\n    padding: 15,\n    boxSizing: \"border-box\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \":hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\"\n    },\n    \"&:last-of-type\": {\n        borderBottom: \"none\"\n    }\n});\n\nconst Description = styled(\"p\")({\n    fontSize: 12,\n    marginTop: 10,\n    lineHeight: \"125%\",\n    color: \"#666\"\n});\n\nconst Icon = styled(\"div\")({\n    width: \"24px\",\n    height: \"24px\",\n    marginRight: \"15px\",\n    flex: \"0 0 24px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 24,\n        maxHeight: 24\n    }\n});\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon: React.VFC<IconProps> = ({ model }) => {\n    if (!model.icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(model.icon || \"\").split(\"/\") as IconProp} />;\n};\n\ninterface Props {\n    model: Pick<CmsModel, \"modelId\" | \"name\" | \"description\" | \"icon\">;\n    onClick: (modelId: string) => void;\n}\n\nexport const OptionsModelListItem: React.VFC<Props> = ({ model, onClick: originalOnClick }) => {\n    const onClick = useCallback(() => {\n        originalOnClick(model.modelId);\n    }, [originalOnClick]);\n    return (\n        <Container onClick={onClick}>\n            <Icon>\n                <DisplayIcon model={model} />\n            </Icon>\n            <Content>\n                <Title className={model.description && \"hasDescription\"}>{model.name}</Title>\n                {model.description && <Description>{model.description}</Description>}\n            </Content>\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AAGA,IAAMA,KAAK,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACxBC,KAAK,EAAE,MAAM;EACbC,SAAS,EAAE,YAAY;EACvBC,UAAU,EAAE,CAAC;EACb,kBAAkB,EAAE;IAChBA,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,IAAMC,OAAO,oBAAGJ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BK,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBL,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMM,SAAS,oBAAGP,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC5BQ,KAAK,EAAE,0BAA0B;EACjCH,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBL,KAAK,EAAE,MAAM;EACbQ,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,EAAE;EACXR,SAAS,EAAE,YAAY;EACvBS,YAAY,EAAE,uCAAuC;EACrD,QAAQ,EAAE;IACNC,eAAe,EAAE;EACrB,CAAC;EACD,gBAAgB,EAAE;IACdD,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAEF,IAAME,WAAW,oBAAGb,eAAM,EAAC,GAAG;EAAA;EAAA;AAAA,GAAE;EAC5Bc,QAAQ,EAAE,EAAE;EACZC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,MAAM;EAClBR,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMS,IAAI,oBAAGjB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvBC,KAAK,EAAE,MAAM;EACbiB,MAAM,EAAE,MAAM;EACdC,WAAW,EAAE,MAAM;EACnBC,IAAI,EAAE,UAAU;EAChBC,GAAG,EAAE;IACDb,KAAK,EAAE,qCAAqC;IAC5CP,KAAK,EAAE,MAAM;IACbiB,MAAM,EAAE,MAAM;IACdI,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAMF,IAAMC,WAAiC,GAAG,SAApCA,WAAiC,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EAC9C,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACb,OAAO,IAAI;EACf;EACA,oBAAO,6BAAC,iCAAe;IAAC,IAAI,EAAE,CAACD,KAAK,CAACC,IAAI,IAAI,EAAE,EAAEC,KAAK,CAAC,GAAG;EAAc,EAAG;AAC/E,CAAC;AAOM,IAAMC,oBAAsC,GAAG,SAAzCA,oBAAsC,QAA4C;EAAA,IAAtCH,KAAK,SAALA,KAAK;IAAWI,eAAe,SAAxBC,OAAO;EACnE,IAAMA,OAAO,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC9BF,eAAe,CAACJ,KAAK,CAACO,OAAO,CAAC;EAClC,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EACrB,oBACI,6BAAC,SAAS;IAAC,OAAO,EAAEC;EAAQ,gBACxB,6BAAC,IAAI,qBACD,6BAAC,WAAW;IAAC,KAAK,EAAEL;EAAM,EAAG,CAC1B,eACP,6BAAC,OAAO,qBACJ,6BAAC,KAAK;IAAC,SAAS,EAAEA,KAAK,CAACQ,WAAW,IAAI;EAAiB,GAAER,KAAK,CAACS,IAAI,CAAS,EAC5ET,KAAK,CAACQ,WAAW,iBAAI,6BAAC,WAAW,QAAER,KAAK,CAACQ,WAAW,CAAe,CAC9D,CACF;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_reactFontawesome","Title","styled","target","label","width","boxSizing","paddingTop","Content","display","flexDirection","Container","color","cursor","padding","borderBottom","backgroundColor","Description","fontSize","marginTop","lineHeight","Icon","height","marginRight","flex","svg","maxWidth","maxHeight","DisplayIcon","_ref","model","icon","default","createElement","FontAwesomeIcon","split","OptionsModelListItem","_ref2","originalOnClick","onClick","useCallback","modelId","className","description","name","exports"],"sources":["OptionsModelListItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsModel } from \"~/types\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\nconst Title = styled(\"div\")({\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    paddingTop: 5,\n    \"&.hasDescription\": {\n        paddingTop: 0\n    }\n});\n\nconst Content = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100%\"\n});\n\nconst Container = styled(\"div\")({\n    color: \"--var(mdc-theme-primary)\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    cursor: \"pointer\",\n    padding: 15,\n    boxSizing: \"border-box\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    \":hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\"\n    },\n    \"&:last-of-type\": {\n        borderBottom: \"none\"\n    }\n});\n\nconst Description = styled(\"p\")({\n    fontSize: 12,\n    marginTop: 10,\n    lineHeight: \"125%\",\n    color: \"#666\"\n});\n\nconst Icon = styled(\"div\")({\n    width: \"24px\",\n    height: \"24px\",\n    marginRight: \"15px\",\n    flex: \"0 0 24px\",\n    svg: {\n        color: \"var(--mdc-theme-text-icon-on-light)\",\n        width: \"100%\",\n        height: \"auto\",\n        maxWidth: 24,\n        maxHeight: 24\n    }\n});\n\ninterface IconProps {\n    model: Pick<CmsModel, \"icon\">;\n}\n\nconst DisplayIcon: React.VFC<IconProps> = ({ model }) => {\n    if (!model.icon) {\n        return null;\n    }\n    return <FontAwesomeIcon icon={(model.icon || \"\").split(\"/\") as IconProp} />;\n};\n\ninterface Props {\n    model: Pick<CmsModel, \"modelId\" | \"name\" | \"description\" | \"icon\">;\n    onClick: (modelId: string) => void;\n}\n\nexport const OptionsModelListItem: React.VFC<Props> = ({ model, onClick: originalOnClick }) => {\n    const onClick = useCallback(() => {\n        originalOnClick(model.modelId);\n    }, [originalOnClick]);\n    return (\n        <Container onClick={onClick}>\n            <Icon>\n                <DisplayIcon model={model} />\n            </Icon>\n            <Content>\n                <Title className={model.description && \"hasDescription\"}>{model.name}</Title>\n                {model.description && <Description>{model.description}</Description>}\n            </Content>\n        </Container>\n    );\n};\n"],"mappings":"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"}