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

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

@@ -0,0 +1,170 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Options } from "./Options";
+import { useReferences } from "../hooks/useReferences";
+import { Entry } from "./Entry";
+import { ReferencesDialog } from "./ReferencesDialog";
+import { NoEntries } from "./NoEntries";
+import { Container } from "./Container";
+import { useQuery, useModelFieldGraphqlContext } from "../../../../../hooks";
+import * as GQL from "../../../../../viewsGraphql";
+import { useSnackbar } from "@webiny/app-admin";
+import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog";
+import { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from "@webiny/admin-ui";
+export const AdvancedSingleReferenceField = props => {
+  const {
+    bind,
+    field
+  } = props;
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [linkEntryDialogModel, setLinkEntryDialogModel] = useState(null);
+  const [newEntryDialogModel, setNewEntryDialogModel] = useState(null);
+  const [loadedModels, setLoadedModels] = useState([]);
+  const requestContext = useModelFieldGraphqlContext();
+  const {
+    data,
+    loading: loadingModels
+  } = useQuery(GQL.LIST_CONTENT_MODELS, {
+    context: requestContext
+  });
+  useEffect(() => {
+    if (loadingModels || !data?.listContentModels?.data) {
+      return;
+    } else if (data.listContentModels.error) {
+      setLoadedModels([]);
+      showSnackbar(data.listContentModels.error.message);
+      return;
+    }
+    setLoadedModels(data.listContentModels.data);
+  }, [data]);
+  const onNewRecord = useCallback(modelId => {
+    const model = loadedModels.find(model => model.modelId === modelId);
+    if (!model) {
+      console.log(`Cannot find model by modelId "${modelId}".`);
+      return;
+    }
+    setNewEntryDialogModel(model);
+  }, [loadedModels, linkEntryDialogModel]);
+  const onNewEntryDialogClose = useCallback(() => {
+    setNewEntryDialogModel(null);
+  }, [linkEntryDialogModel]);
+  const onExistingRecord = useCallback(modelId => {
+    const model = loadedModels.find(model => model.modelId === modelId);
+    if (!model) {
+      console.log(`Cannot find model by modelId "${modelId}".`);
+      return;
+    }
+    setLinkEntryDialogModel(model);
+  }, [loadedModels, linkEntryDialogModel]);
+  const onLinkEntryDialogClose = useCallback(() => {
+    setLinkEntryDialogModel(null);
+  }, []);
+  const {
+    entries,
+    loading: loadingEntries
+  } = useReferences({
+    values: bind.value,
+    requestContext
+  });
+  const onRemove = useCallback(() => {
+    bind.onChange(null);
+  }, [entries]);
+  const models = useMemo(() => {
+    if (!loadedModels || !field.settings?.models) {
+      return [];
+    }
+    return (field.settings?.models || []).map(({
+      modelId
+    }) => {
+      return loadedModels.find(model => model.modelId === modelId);
+    }).filter(Boolean);
+  }, [loadedModels, entries]);
+  const loading = loadingEntries || loadingModels;
+  const storeValues = useCallback(values => {
+    if (values.length > 1) {
+      console.log("More than one value selected. This should never happen.");
+      return;
+    } else if (values.length === 0 || !values[0]?.id) {
+      bind.onChange(null);
+      return;
+    }
+    bind.onChange(values[0]);
+  }, [bind.value, bind.onChange, entries]);
+  const onNewEntryCreate = useCallback(data => {
+    if (!data) {
+      console.log(`Could not store new entry to the reference field. Missing whole entry.`);
+      return;
+    } else if (!data.id) {
+      console.log(`Could not store new entry to the reference field. Missing "id" value.`);
+      return;
+    } else if (!data.modelId) {
+      console.log(`Could not store new entry to the reference field. Missing "modelId" value.`);
+      return;
+    }
+    storeValues([{
+      id: data.id,
+      modelId: data.modelId
+    }]);
+  }, [storeValues]);
+  const initialValue = useMemo(() => {
+    if (entries.length === 0 || loadedModels.length === 0) {
+      return null;
+    }
+    const entry = entries[0];
+    if (!entry) {
+      return null;
+    }
+    const model = loadedModels.find(model => model.modelId === entry.model.modelId);
+    if (!model) {
+      return null;
+    }
+    return {
+      entry,
+      model
+    };
+  }, [entries, loadedModels]);
+  const {
+    validation
+  } = bind;
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: field.label,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(Container, {
+    className: "webiny_ref-field-container"
+  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
+    size: "md"
+  }), initialValue ? /*#__PURE__*/React.createElement(Entry, {
+    model: initialValue.model,
+    placement: "singleRefField",
+    index: 0,
+    entry: initialValue.entry,
+    onRemove: onRemove
+  }) : /*#__PURE__*/React.createElement(NoEntries, {
+    text: "No record found"
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(Options, {
+    models: models,
+    onNewRecord: onNewRecord,
+    onLinkExistingRecord: onExistingRecord
+  }), newEntryDialogModel && /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+    model: newEntryDialogModel,
+    onClose: onNewEntryDialogClose,
+    onChange: onNewEntryCreate
+  }), linkEntryDialogModel && /*#__PURE__*/React.createElement(ReferencesDialog, Object.assign({}, props, {
+    multiple: false,
+    values: bind.value ? [bind.value] : [],
+    contentModel: linkEntryDialogModel,
+    storeValues: storeValues,
+    onDialogClose: onLinkEntryDialogClose
+  })));
+};
+
+//# sourceMappingURL=AdvancedSingleReferenceField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","NoEntries","Container","useQuery","useModelFieldGraphqlContext","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","AdvancedSingleReferenceField","props","bind","field","showSnackbar","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { NoEntries } from \"./NoEntries\";\nimport { Container } from \"./Container\";\nimport { useQuery, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n    const requestContext = useModelFieldGraphqlContext();\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS,\n        {\n            context: requestContext\n        }\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const { entries, loading: loadingEntries } = useReferences({\n        values: bind.value,\n        requestContext\n    });\n\n    const onRemove = useCallback(() => {\n        bind.onChange(null);\n    }, [entries]);\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models) {\n            return [];\n        }\n\n        return (field.settings?.models || [])\n            .map(({ modelId }) => {\n                return loadedModels.find(model => model.modelId === modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n    }, [loadedModels, entries]);\n\n    const loading = loadingEntries || loadingModels;\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            if (values.length > 1) {\n                console.log(\"More than one value selected. This should never happen.\");\n                return;\n            } else if (values.length === 0 || !values[0]?.id) {\n                bind.onChange(null);\n                return;\n            }\n            bind.onChange(values[0]);\n        },\n        [bind.value, bind.onChange, entries]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: CmsContentEntry | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues([\n                {\n                    id: data.id,\n                    modelId: data.modelId\n                }\n            ]);\n        },\n        [storeValues]\n    );\n\n    const initialValue = useMemo(() => {\n        if (entries.length === 0 || loadedModels.length === 0) {\n            return null;\n        }\n        const entry = entries[0];\n        if (!entry) {\n            return null;\n        }\n        const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n        if (!model) {\n            return null;\n        }\n        return {\n            entry,\n            model\n        };\n    }, [entries, loadedModels]);\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <>\n            <FormComponentLabel text={field.label} invalid={invalid} />\n            <Container className={\"webiny_ref-field-container\"}>\n                {loading && <OverlayLoader size={\"md\"} />}\n                {initialValue ? (\n                    <Entry\n                        model={initialValue.model}\n                        placement=\"singleRefField\"\n                        index={0}\n                        entry={initialValue.entry}\n                        onRemove={onRemove}\n                    />\n                ) : (\n                    <NoEntries text={\"No record found\"} />\n                )}\n            </Container>\n            <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            <Options\n                models={models}\n                onNewRecord={onNewRecord}\n                onLinkExistingRecord={onExistingRecord}\n            />\n\n            {newEntryDialogModel && (\n                <NewReferencedEntryDialog\n                    model={newEntryDialogModel}\n                    onClose={onNewEntryDialogClose}\n                    onChange={onNewEntryCreate}\n                />\n            )}\n\n            {linkEntryDialogModel && (\n                <ReferencesDialog\n                    {...props}\n                    multiple={false}\n                    values={bind.value ? [bind.value] : []}\n                    contentModel={linkEntryDialogModel}\n                    storeValues={storeValues}\n                    onDialogClose={onLinkEntryDialogClose}\n                />\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+type ContainerProps = React.HTMLAttributes<HTMLDivElement>;
+declare const Container: ({ children, className, ...props }: ContainerProps) => React.JSX.Element;
+export { Container, type ContainerProps };

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { cn } from "@webiny/admin-ui";
+const Container = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-relative", className)
+  }), children);
+};
+export { Container };
+
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Container","children","className","props","createElement","Object","assign"],"sources":["Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = ({ children, className, ...props }: ContainerProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-relative\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { Container, type ContainerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EACrE,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEH,EAAE,CACT,wGAAwG,EACxGG,SACJ;EAAE,IAEDD,QACA,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsReferenceContentEntry } from "../../components/types";
+interface EntriesProps {
+    entries: CmsReferenceContentEntry[];
+    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;
+    loadMore: () => void;
+}
+export declare const Entries: (props: EntriesProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,38 @@
+import React, { useCallback } from "react";
+import debounce from "lodash/debounce";
+import { Scrollbar } from "@webiny/admin-ui";
+import { NoEntries } from "./NoEntries";
+export const Entries = props => {
+  const {
+    entries,
+    children,
+    loadMore
+  } = props;
+  const loadMoreOnScroll = useCallback(debounce(position => {
+    if (position.top <= 0.9) {
+      return;
+    }
+    loadMore();
+  }, 500), [entries, loadMore]);
+  if (entries.length === 0) {
+    return /*#__PURE__*/React.createElement(NoEntries, {
+      text: "No records found"
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: "260px"
+    },
+    className: "wby-w-full wby-overflow-x-hidden wby-overflow-y-hidden"
+  }, /*#__PURE__*/React.createElement(Scrollbar, {
+    "data-testid": "advanced-ref-field-entries",
+    onScrollFrame: loadMoreOnScroll
+  }, entries.map((entry, index) => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-mb-sm wby-w-full",
+      key: `entry-${entry.id}`
+    }, children(entry, index));
+  })));
+};
+
+//# sourceMappingURL=Entries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","debounce","Scrollbar","NoEntries","Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","length","createElement","text","style","height","className","onScrollFrame","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Scrollbar } from \"@webiny/admin-ui\";\nimport type { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { NoEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/NoEntries\";\n\ninterface EntriesProps {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce((position: PositionValues) => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    if (entries.length === 0) {\n        return <NoEntries text={\"No records found\"} />;\n    }\n\n    return (\n        <div\n            style={{ height: \"260px\" }}\n            className={\"wby-w-full wby-overflow-x-hidden wby-overflow-y-hidden\"}\n        >\n            <Scrollbar data-testid=\"advanced-ref-field-entries\" onScrollFrame={loadMoreOnScroll}>\n                {entries.map((entry, index) => {\n                    return (\n                        <div className={\"wby-mb-sm wby-w-full\"} key={`entry-${entry.id}`}>\n                            {children(entry, index)}\n                        </div>\n                    );\n                })}\n            </Scrollbar>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,iBAAiB;AAEtC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,SAAS;AAQlB,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,GAAGT,WAAW,CAChCC,QAAQ,CAAES,QAAwB,IAAK;IACnC,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,IAAIF,OAAO,CAACM,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAOb,KAAA,CAAAc,aAAA,CAACV,SAAS;MAACW,IAAI,EAAE;IAAmB,CAAE,CAAC;EAClD;EAEA,oBACIf,KAAA,CAAAc,aAAA;IACIE,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAC3BC,SAAS,EAAE;EAAyD,gBAEpElB,KAAA,CAAAc,aAAA,CAACX,SAAS;IAAC,eAAY,4BAA4B;IAACgB,aAAa,EAAET;EAAiB,GAC/EH,OAAO,CAACa,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,oBACItB,KAAA,CAAAc,aAAA;MAAKI,SAAS,EAAE,sBAAuB;MAACK,GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,GAC5DhB,QAAQ,CAACa,KAAK,EAAEC,KAAK,CACrB,CAAC;EAEd,CAAC,CACM,CACV,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+import React from "react";
+import type { CmsReferenceContentEntry, CmsReferenceValue } from "../../components/types";
+import type { CmsModel } from "../../../../../../types";
+interface EntryProps {
+    model: CmsModel;
+    entry: CmsReferenceContentEntry;
+    onChange: (value: CmsReferenceValue) => void;
+    index?: never;
+    selected: boolean;
+    onMoveUp?: never;
+    onMoveDown?: never;
+    onRemove?: never;
+    placement?: string;
+}
+interface EntryPropsWithRemove {
+    onRemove: (entryId: string) => void;
+    model: CmsModel;
+    entry: CmsReferenceContentEntry;
+    index: number;
+    onMoveUp?: (index: number, toTop: boolean) => void;
+    onMoveDown?: (index: number, toBottom: boolean) => void;
+    onChange?: never;
+    selected?: never;
+    placement?: string;
+}
+export declare const Entry: ({ model, entry, onChange, onRemove, selected, index, onMoveUp: onMoveUpClick, onMoveDown: onMoveDownClick, placement }: EntryPropsWithRemove | EntryProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,71 @@
+import React, { useCallback } from "react";
+import { Image } from "./entry/Image";
+import { Title } from "./entry/Title";
+import { View } from "./entry/View";
+import { Select } from "./entry/Select";
+import { Remove } from "./entry/Remove";
+import { MoveUp } from "./entry/MoveUp";
+import { MoveDown } from "./entry/MoveDown";
+import { Excerpt } from "./entry/Excerpt";
+export const Entry = ({
+  model,
+  entry,
+  onChange,
+  onRemove,
+  selected,
+  index,
+  onMoveUp: onMoveUpClick,
+  onMoveDown: onMoveDownClick,
+  placement
+}) => {
+  const onMoveUp = useCallback(ev => {
+    if (!onMoveUpClick) {
+      return;
+    }
+    onMoveUpClick(index, ev.shiftKey);
+  }, [onMoveUpClick, index]);
+  const onMoveDown = useCallback(ev => {
+    if (!onMoveDownClick) {
+      return;
+    }
+    onMoveDownClick(index, ev.shiftKey);
+  }, [onMoveDownClick, index]);
+  const icon = model.icon;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-rounded-md wby-bg-neutral-dimmed"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-min-w-0"
+  }, /*#__PURE__*/React.createElement(Image, {
+    title: entry.title,
+    src: entry.image,
+    icon: icon
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-gap-xxs wby-overflow-hidden wby-flex-1 wby-min-w-0"
+  }, /*#__PURE__*/React.createElement(Title, {
+    title: entry.title
+  }), /*#__PURE__*/React.createElement(Excerpt, {
+    modelName: entry.model.name,
+    createdBy: entry.createdBy,
+    createdOn: entry.createdOn,
+    status: entry.status
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-gap-sm wby-pr-sm-extra wby-h-lg"
+  }, placement == "multiRef" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoveUp, {
+    className: onMoveUpClick ? "active" : "disabled",
+    onClick: onMoveUp
+  }), /*#__PURE__*/React.createElement(MoveDown, {
+    className: onMoveDownClick ? "active" : "disabled",
+    onClick: onMoveDown
+  })), /*#__PURE__*/React.createElement(View, {
+    entry: entry
+  }), onChange && /*#__PURE__*/React.createElement(Select, {
+    entry: entry,
+    onChange: onChange,
+    selected: selected
+  }), onRemove && /*#__PURE__*/React.createElement(Remove, {
+    entry: entry,
+    onRemove: onRemove
+  }))));
+};
+
+//# sourceMappingURL=Entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Image","Title","View","Select","Remove","MoveUp","MoveDown","Excerpt","Entry","model","entry","onChange","onRemove","selected","index","onMoveUp","onMoveUpClick","onMoveDown","onMoveDownClick","placement","ev","shiftKey","icon","createElement","className","title","src","image","modelName","name","createdBy","createdOn","status","Fragment","onClick"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Image } from \"./entry/Image\";\nimport { Title } from \"./entry/Title\";\nimport { View } from \"./entry/View\";\nimport { Select } from \"./entry/Select\";\nimport { Remove } from \"./entry/Remove\";\nimport { MoveUp } from \"./entry/MoveUp\";\nimport { MoveDown } from \"./entry/MoveDown\";\nimport { Excerpt } from \"./entry/Excerpt\";\nimport type { CmsModel } from \"~/types\";\n\ninterface EntryProps {\n    model: CmsModel;\n    entry: CmsReferenceContentEntry;\n    onChange: (value: CmsReferenceValue) => void;\n    index?: never;\n    selected: boolean;\n    onMoveUp?: never;\n    onMoveDown?: never;\n    onRemove?: never;\n    placement?: string;\n}\n\ninterface EntryPropsWithRemove {\n    onRemove: (entryId: string) => void;\n    model: CmsModel;\n    entry: CmsReferenceContentEntry;\n    index: number;\n    onMoveUp?: (index: number, toTop: boolean) => void;\n    onMoveDown?: (index: number, toBottom: boolean) => void;\n    onChange?: never;\n    selected?: never;\n    placement?: string;\n}\n\nexport const Entry = ({\n    model,\n    entry,\n    onChange,\n    onRemove,\n    selected,\n    index,\n    onMoveUp: onMoveUpClick,\n    onMoveDown: onMoveDownClick,\n    placement\n}: EntryPropsWithRemove | EntryProps) => {\n    const onMoveUp = useCallback(\n        (ev: React.MouseEvent) => {\n            if (!onMoveUpClick) {\n                return;\n            }\n            onMoveUpClick(index, ev.shiftKey);\n        },\n        [onMoveUpClick, index]\n    );\n    const onMoveDown = useCallback(\n        (ev: React.MouseEvent) => {\n            if (!onMoveDownClick) {\n                return;\n            }\n            onMoveDownClick(index, ev.shiftKey);\n        },\n        [onMoveDownClick, index]\n    );\n\n    const icon = model.icon;\n\n    return (\n        <div className={\"wby-w-full wby-rounded-md wby-bg-neutral-dimmed\"}>\n            <div className=\"wby-flex wby-items-center wby-justify-between wby-gap-sm-extra wby-min-w-0\">\n                <Image title={entry.title} src={entry.image} icon={icon} />\n                <div\n                    className={\n                        \"wby-flex wby-flex-col wby-gap-xxs wby-overflow-hidden wby-flex-1 wby-min-w-0\"\n                    }\n                >\n                    <Title title={entry.title} />\n                    <Excerpt\n                        modelName={entry.model.name}\n                        createdBy={entry.createdBy}\n                        createdOn={entry.createdOn}\n                        status={entry.status}\n                    />\n                </div>\n                <div className={\"wby-flex wby-items-center wby-gap-sm wby-pr-sm-extra wby-h-lg\"}>\n                    {placement == \"multiRef\" && (\n                        <>\n                            <MoveUp\n                                className={onMoveUpClick ? \"active\" : \"disabled\"}\n                                onClick={onMoveUp}\n                            />\n                            <MoveDown\n                                className={onMoveDownClick ? \"active\" : \"disabled\"}\n                                onClick={onMoveDown}\n                            />\n                        </>\n                    )}\n                    <View entry={entry} />\n                    {onChange && <Select entry={entry} onChange={onChange} selected={selected} />}\n                    {onRemove && <Remove entry={entry} onRemove={onRemove} />}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAK1C,SAASC,KAAK;AACd,SAASC,KAAK;AACd,SAASC,IAAI;AACb,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,OAAO;AA2BhB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAClBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,QAAQ,EAAEC,aAAa;EACvBC,UAAU,EAAEC,eAAe;EAC3BC;AAC+B,CAAC,KAAK;EACrC,MAAMJ,QAAQ,GAAGhB,WAAW,CACvBqB,EAAoB,IAAK;IACtB,IAAI,CAACJ,aAAa,EAAE;MAChB;IACJ;IACAA,aAAa,CAACF,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACrC,CAAC,EACD,CAACL,aAAa,EAAEF,KAAK,CACzB,CAAC;EACD,MAAMG,UAAU,GAAGlB,WAAW,CACzBqB,EAAoB,IAAK;IACtB,IAAI,CAACF,eAAe,EAAE;MAClB;IACJ;IACAA,eAAe,CAACJ,KAAK,EAAEM,EAAE,CAACC,QAAQ,CAAC;EACvC,CAAC,EACD,CAACH,eAAe,EAAEJ,KAAK,CAC3B,CAAC;EAED,MAAMQ,IAAI,GAAGb,KAAK,CAACa,IAAI;EAEvB,oBACIxB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAkD,gBAC9D1B,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAA4E,gBACvF1B,KAAA,CAAAyB,aAAA,CAACvB,KAAK;IAACyB,KAAK,EAAEf,KAAK,CAACe,KAAM;IAACC,GAAG,EAAEhB,KAAK,CAACiB,KAAM;IAACL,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC3DxB,KAAA,CAAAyB,aAAA;IACIC,SAAS,EACL;EACH,gBAED1B,KAAA,CAAAyB,aAAA,CAACtB,KAAK;IAACwB,KAAK,EAAEf,KAAK,CAACe;EAAM,CAAE,CAAC,eAC7B3B,KAAA,CAAAyB,aAAA,CAAChB,OAAO;IACJqB,SAAS,EAAElB,KAAK,CAACD,KAAK,CAACoB,IAAK;IAC5BC,SAAS,EAAEpB,KAAK,CAACoB,SAAU;IAC3BC,SAAS,EAAErB,KAAK,CAACqB,SAAU;IAC3BC,MAAM,EAAEtB,KAAK,CAACsB;EAAO,CACxB,CACA,CAAC,eACNlC,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAE;EAAgE,GAC3EL,SAAS,IAAI,UAAU,iBACpBrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAmC,QAAA,qBACInC,KAAA,CAAAyB,aAAA,CAAClB,MAAM;IACHmB,SAAS,EAAER,aAAa,GAAG,QAAQ,GAAG,UAAW;IACjDkB,OAAO,EAAEnB;EAAS,CACrB,CAAC,eACFjB,KAAA,CAAAyB,aAAA,CAACjB,QAAQ;IACLkB,SAAS,EAAEN,eAAe,GAAG,QAAQ,GAAG,UAAW;IACnDgB,OAAO,EAAEjB;EAAW,CACvB,CACH,CACL,eACDnB,KAAA,CAAAyB,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAEA;EAAM,CAAE,CAAC,EACrBC,QAAQ,iBAAIb,KAAA,CAAAyB,aAAA,CAACpB,MAAM;IAACO,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC,EAC5ED,QAAQ,iBAAId,KAAA,CAAAyB,aAAA,CAACnB,MAAM;IAACM,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACvD,CACJ,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface NoEntriesProps {
+    text?: React.ReactNode;
+}
+declare const NoEntries: ({ text }: NoEntriesProps) => React.JSX.Element;
+export { NoEntries, type NoEntriesProps };

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Text } from "@webiny/admin-ui";
+const NoEntries = ({
+  text = "No records found."
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-center wby-px-xl wby-py-md-extra wby-bg-neutral-subtle"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, text));
+};
+export { NoEntries };
+
+//# sourceMappingURL=NoEntries.js.map

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

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

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsModel } from "../../../../../../types";
+interface OptionsProps {
+    models: CmsModel[];
+    onNewRecord: (modelId: string) => void;
+    onLinkExistingRecord: (modelId: string) => void;
+}
+export declare const Options: ({ models, onNewRecord, onLinkExistingRecord }: OptionsProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,70 @@
+import React, { useCallback } from "react";
+import { OptionsModelList } from "./options/OptionsModelList";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as LinkIcon } from "@webiny/icons/link.svg";
+import { Button, DropdownMenu } from "@webiny/admin-ui";
+const CreateNewRecordButton = props => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({}, props, {
+    variant: "tertiary",
+    text: "Create a new record",
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }));
+};
+const LinkExistingRecordButton = props => {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({}, props, {
+    variant: "tertiary",
+    text: "Link an existing record",
+    icon: /*#__PURE__*/React.createElement(LinkIcon, null)
+  }));
+};
+export const Options = ({
+  models,
+  onNewRecord,
+  onLinkExistingRecord
+}) => {
+  const hasMultipleModels = models.length > 1;
+  const onSingleNewRecord = useCallback(() => {
+    if (models.length === 0 || hasMultipleModels) {
+      return;
+    }
+    onNewRecord(models[0].modelId);
+  }, [models]);
+  const onSingleExistingRecord = useCallback(() => {
+    if (models.length === 0 || hasMultipleModels) {
+      return;
+    }
+    onLinkExistingRecord(models[0].modelId);
+  }, [models]);
+  if (hasMultipleModels) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-flex wby-gap-sm wby-mt-md"
+    }, /*#__PURE__*/React.createElement(DropdownMenu, {
+      trigger: /*#__PURE__*/React.createElement(Button, {
+        variant: "tertiary",
+        text: "Create a new record",
+        icon: /*#__PURE__*/React.createElement(AddIcon, null)
+      })
+    }, /*#__PURE__*/React.createElement(OptionsModelList, {
+      onClick: onNewRecord,
+      models: models
+    })), /*#__PURE__*/React.createElement(DropdownMenu, {
+      trigger: /*#__PURE__*/React.createElement(Button, {
+        variant: "tertiary",
+        text: "Link an existing record",
+        icon: /*#__PURE__*/React.createElement(LinkIcon, null)
+      })
+    }, /*#__PURE__*/React.createElement(OptionsModelList, {
+      onClick: onLinkExistingRecord,
+      models: models
+    })));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-gap-sm wby-mt-md"
+  }, /*#__PURE__*/React.createElement(CreateNewRecordButton, {
+    onClick: onSingleNewRecord
+  }), /*#__PURE__*/React.createElement(LinkExistingRecordButton, {
+    onClick: onSingleExistingRecord
+  }));
+};
+
+//# sourceMappingURL=Options.js.map

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

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

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsModelField, CmsModelFieldRendererProps } from "../../../../../../types";
+import type { CmsReferenceValue } from "../../components/types";
+interface ReferencesDialogProps extends CmsModelFieldRendererProps {
+    values?: CmsReferenceValue[] | null;
+    field: CmsModelField;
+    onDialogClose: () => void;
+    storeValues: (values: CmsReferenceValue[]) => void;
+    multiple: boolean;
+}
+export declare const ReferencesDialog: (props: ReferencesDialogProps) => React.JSX.Element;
+export {};