@webiny/app-headless-cms 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

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

@@ -1,132 +0,0 @@
-import React, { useCallback, useMemo } from "react";
-import { Image } from "./entry/Image.js";
-import { Tag, TimeAgo, Text, DropdownMenu, IconButton, Checkbox, cn } from "@webiny/admin-ui";
-import { ReactComponent as MoreVertIcon } from "@webiny/icons/more_vert.svg";
-import { ReactComponent as OpenInNewIcon } from "@webiny/icons/open_in_new.svg";
-import { ReactComponent as RemoveIcon } from "@webiny/icons/close.svg";
-import { ReactComponent as ArrowUp } from "@webiny/icons/arrow_upward.svg";
-import { ReactComponent as ArrowDown } from "@webiny/icons/arrow_downward.svg";
-import { useRouter } from "@webiny/app";
-import { Routes } from "../../../../../../routes.js";
-export const Entry = ({
-  entry,
-  onChange,
-  onRemove,
-  selected,
-  index,
-  onMoveUp: onMoveUpClick,
-  onMoveDown: onMoveDownClick,
-  placement,
-  disabled = false
-}) => {
-  const {
-    getLink
-  } = useRouter();
-  const onSelect = useCallback(() => {
-    if (onChange) {
-      onChange({
-        id: entry.id,
-        modelId: entry.model.modelId
-      });
-    }
-  }, [onChange, entry.id, entry.model.modelId]);
-  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 entryStatusLabel = entry.status.charAt(0).toUpperCase() + entry.status.slice(1);
-
-  // Did not have `revision` field available in the `getLatestContentEntries`
-  // response, hence the manual extraction from the `id` field.
-  const entryRevision = useMemo(() => {
-    const extractedRevision = entry.id.split("#")[1] || "0001";
-
-    // Remove leading zeros for correct padding.
-    return "v" + Number(extractedRevision).toString();
-  }, [entry.id]);
-  const folderId = entry.wbyAco_location?.folderId || entry.location?.folderId || "";
-  const link = getLink(Routes.ContentEntries.List, {
-    id: entry.id,
-    modelId: entry.model.modelId,
-    folderId
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    "data-selected": selected,
-    onClick: onSelect,
-    "data-role": "ref-field-entry",
-    className: cn("flex items-center justify-between gap-md w-full rounded-md bg-neutral-light p-sm-extra pr-lg hover:bg-neutral-dimmed border-md border-transparent data-[selected=true]:border-accent-dimmed", {
-      "hover:cursor-pointer": !!onChange
-    })
-  }, onChange && !disabled ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Checkbox, {
-    checked: selected,
-    onChange: () => {
-      // We're not calling the onSelect callback here because
-      // the parent div already does that on click.
-    }
-  })) : null, /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-[auto_1fr] items-start @lg:items-center gap-lg text-sm text-neutral-muted w-full min-w-0"
-  }, /*#__PURE__*/React.createElement(Image, {
-    title: entry.title,
-    src: entry.image
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col @lg:flex-row @lg:items-center @lg:justify-between gap-sm min-w-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "min-w-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "truncate"
-  }, entry.model.name), /*#__PURE__*/React.createElement("div", {
-    title: entry.title,
-    className: "text-md text-neutral-primary font-semibold mb-sm text-ellipsis overflow-hidden whitespace-nowrap block"
-  }, entry.title), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-    className: "w-[60px] inline-block"
-  }, "Created:"), /*#__PURE__*/React.createElement("span", null, entry.createdBy.displayName, ",", " ", /*#__PURE__*/React.createElement(TimeAgo, {
-    datetime: entry.createdOn
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm shrink-0"
-  }, /*#__PURE__*/React.createElement(Tag, {
-    content: /*#__PURE__*/React.createElement(React.Fragment, null, entryStatusLabel, "\xA0", /*#__PURE__*/React.createElement(Text, {
-      size: "sm",
-      className: "text-neutral-muted"
-    }, "(", entryRevision, ")")),
-    variant: "neutral-base-outline"
-  }), !disabled && placement == "multiRef" ? /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-xs"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    disabled: !onMoveUpClick,
-    variant: "ghost",
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(ArrowUp, null),
-    onClick: onMoveUp
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    disabled: !onMoveDownClick,
-    variant: "ghost",
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(ArrowDown, null),
-    onClick: onMoveDown
-  })) : null, !disabled ? /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      variant: "ghost",
-      size: "sm",
-      icon: /*#__PURE__*/React.createElement(MoreVertIcon, null)
-    })
-  }, /*#__PURE__*/React.createElement(DropdownMenu.Link, {
-    icon: /*#__PURE__*/React.createElement(OpenInNewIcon, null),
-    text: "Open in new tab",
-    to: link,
-    target: "_blank"
-  }), onRemove && /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-    icon: /*#__PURE__*/React.createElement(RemoveIcon, null),
-    text: placement === "multiRef" ? "Remove from list" : "Remove",
-    onClick: () => onRemove(entry.id)
-  })) : null))));
-};
-
-//# sourceMappingURL=Entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useMemo","Image","Tag","TimeAgo","Text","DropdownMenu","IconButton","Checkbox","cn","ReactComponent","MoreVertIcon","OpenInNewIcon","RemoveIcon","ArrowUp","ArrowDown","useRouter","Routes","Entry","entry","onChange","onRemove","selected","index","onMoveUp","onMoveUpClick","onMoveDown","onMoveDownClick","placement","disabled","getLink","onSelect","id","modelId","model","ev","shiftKey","entryStatusLabel","status","charAt","toUpperCase","slice","entryRevision","extractedRevision","split","Number","toString","folderId","wbyAco_location","location","link","ContentEntries","List","createElement","onClick","className","checked","title","src","image","name","createdBy","displayName","datetime","createdOn","content","Fragment","size","variant","icon","trigger","Link","text","to","target","Item"],"sources":["Entry.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { Image } from \"./entry/Image.js\";\nimport type { CmsModel } from \"~/types.js\";\nimport { Tag, TimeAgo, Text, DropdownMenu, IconButton, Checkbox, cn } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVertIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { ReactComponent as RemoveIcon } from \"@webiny/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\nimport { useRouter } from \"@webiny/app\";\nimport { Routes } from \"~/routes.js\";\n\ninterface EntryProps {\n    model: CmsModel;\n    entry: CmsReferenceContentEntry;\n    onChange: (value: CmsReferenceValue) => void;\n    index?: never;\n    disabled?: boolean;\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    disabled?: boolean;\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    entry,\n    onChange,\n    onRemove,\n    selected,\n    index,\n    onMoveUp: onMoveUpClick,\n    onMoveDown: onMoveDownClick,\n    placement,\n    disabled = false\n}: EntryPropsWithRemove | EntryProps) => {\n    const { getLink } = useRouter();\n\n    const onSelect = useCallback(() => {\n        if (onChange) {\n            onChange({\n                id: entry.id,\n                modelId: entry.model.modelId\n            });\n        }\n    }, [onChange, entry.id, entry.model.modelId]);\n\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 entryStatusLabel = entry.status.charAt(0).toUpperCase() + entry.status.slice(1);\n\n    // Did not have `revision` field available in the `getLatestContentEntries`\n    // response, hence the manual extraction from the `id` field.\n    const entryRevision = useMemo(() => {\n        const extractedRevision = entry.id.split(\"#\")[1] || \"0001\";\n\n        // Remove leading zeros for correct padding.\n        return \"v\" + Number(extractedRevision).toString();\n    }, [entry.id]);\n\n    const folderId = entry.wbyAco_location?.folderId || entry.location?.folderId || \"\";\n\n    const link = getLink(Routes.ContentEntries.List, {\n        id: entry.id,\n        modelId: entry.model.modelId,\n        folderId\n    });\n\n    return (\n        <div\n            data-selected={selected}\n            onClick={onSelect}\n            data-role=\"ref-field-entry\"\n            className={cn(\n                \"flex items-center justify-between gap-md w-full rounded-md bg-neutral-light p-sm-extra pr-lg hover:bg-neutral-dimmed border-md border-transparent data-[selected=true]:border-accent-dimmed\",\n                { \"hover:cursor-pointer\": !!onChange }\n            )}\n        >\n            {onChange && !disabled ? (\n                <div>\n                    <Checkbox\n                        checked={selected}\n                        onChange={() => {\n                            // We're not calling the onSelect callback here because\n                            // the parent div already does that on click.\n                        }}\n                    />\n                </div>\n            ) : null}\n            <div\n                className={\n                    \"grid grid-cols-[auto_1fr] items-start @lg:items-center gap-lg text-sm text-neutral-muted w-full min-w-0\"\n                }\n            >\n                <Image title={entry.title} src={entry.image} />\n                <div\n                    className={\n                        \"flex flex-col @lg:flex-row @lg:items-center @lg:justify-between gap-sm min-w-0\"\n                    }\n                >\n                    <div className={\"min-w-0\"}>\n                        <div className={\"truncate\"}>{entry.model.name}</div>\n\n                        <div\n                            title={entry.title}\n                            className={\n                                \"text-md text-neutral-primary font-semibold mb-sm text-ellipsis overflow-hidden whitespace-nowrap block\"\n                            }\n                        >\n                            {entry.title}\n                        </div>\n\n                        <div>\n                            <span className={\"w-[60px] inline-block\"}>Created:</span>\n                            <span>\n                                {entry.createdBy.displayName},{\" \"}\n                                <TimeAgo datetime={entry.createdOn} />\n                            </span>\n                        </div>\n                    </div>\n                    <div className={\"flex items-center gap-sm shrink-0\"}>\n                        <Tag\n                            content={\n                                <>\n                                    {entryStatusLabel}&nbsp;\n                                    <Text size={\"sm\"} className={\"text-neutral-muted\"}>\n                                        ({entryRevision})\n                                    </Text>\n                                </>\n                            }\n                            variant={\"neutral-base-outline\"}\n                        />\n\n                        {!disabled && placement == \"multiRef\" ? (\n                            <div className={\"flex gap-xs\"}>\n                                <IconButton\n                                    disabled={!onMoveUpClick}\n                                    variant={\"ghost\"}\n                                    size={\"sm\"}\n                                    icon={<ArrowUp />}\n                                    onClick={onMoveUp}\n                                />\n                                <IconButton\n                                    disabled={!onMoveDownClick}\n                                    variant={\"ghost\"}\n                                    size={\"sm\"}\n                                    icon={<ArrowDown />}\n                                    onClick={onMoveDown}\n                                />\n                            </div>\n                        ) : null}\n\n                        {!disabled ? (\n                            <DropdownMenu\n                                trigger={\n                                    <IconButton\n                                        variant={\"ghost\"}\n                                        size={\"sm\"}\n                                        icon={<MoreVertIcon />}\n                                    />\n                                }\n                            >\n                                <DropdownMenu.Link\n                                    icon={<OpenInNewIcon />}\n                                    text={\"Open in new tab\"}\n                                    to={link}\n                                    target={\"_blank\"}\n                                />\n\n                                {onRemove && (\n                                    <DropdownMenu.Item\n                                        icon={<RemoveIcon />}\n                                        text={\n                                            placement === \"multiRef\" ? \"Remove from list\" : \"Remove\"\n                                        }\n                                        onClick={() => onRemove(entry.id)}\n                                    />\n                                )}\n                            </DropdownMenu>\n                        ) : null}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +0,0 @@
-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

@@ -1,14 +0,0 @@
-import React from "react";
-import { Text } from "@webiny/admin-ui";
-const NoEntries = ({
-  text = "No records found."
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-center px-xl py-md-extra 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

@@ -1 +0,0 @@
-{"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 className={\"flex justify-center px-xl py-md-extra bg-neutral-subtle\"}>\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;IAAKC,SAAS,EAAE;EAA0D,gBACtEL,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

@@ -1,9 +0,0 @@
-import React from "react";
-import type { CmsModel } from "../../../../../../types.js";
-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

@@ -1,70 +0,0 @@
-import React, { useCallback } from "react";
-import { OptionsModelList } from "./options/OptionsModelList.js";
-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: "Select 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: "flex flex-wrap gap-sm"
-    }, /*#__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: "Select an existing record",
-        icon: /*#__PURE__*/React.createElement(LinkIcon, null)
-      })
-    }, /*#__PURE__*/React.createElement(OptionsModelList, {
-      onClick: onLinkExistingRecord,
-      models: models
-    })));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-wrap gap-sm"
-  }, /*#__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

@@ -1 +0,0 @@
-{"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.js\";\nimport { OptionsModelList } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/options/OptionsModelList.js\";\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=\"Select 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={\"flex flex-wrap gap-sm\"}>\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=\"Select 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={\"flex flex-wrap gap-sm\"}>\n            <CreateNewRecordButton onClick={onSingleNewRecord} />\n            <LinkExistingRecordButton onClick={onSingleExistingRecord} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,gBAAgB;AACzB,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASD,cAAc,IAAIE,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,MAAM,EAAoBC,YAAY,QAAQ,kBAAkB;AAEzE,MAAMC,qBAAqB,GAAIC,KAAkB,IAAK;EAClD,oBAAOT,KAAA,CAAAU,aAAA,CAACJ,MAAM,EAAAK,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,OAAO,EAAE,UAAW;IAACC,IAAI,EAAC,qBAAqB;IAACC,IAAI,eAAEf,KAAA,CAAAU,aAAA,CAACN,OAAO,MAAE;EAAE,EAAE,CAAC;AACnG,CAAC;AAED,MAAMY,wBAAwB,GAAIP,KAAkB,IAAK;EACrD,oBACIT,KAAA,CAAAU,aAAA,CAACJ,MAAM,EAAAK,MAAA,CAAAC,MAAA,KACCH,KAAK;IACTI,OAAO,EAAE,UAAW;IACpBC,IAAI,EAAC,2BAA2B;IAChCC,IAAI,eAAEf,KAAA,CAAAU,aAAA,CAACL,QAAQ,MAAE;EAAE,EACtB,CAAC;AAEV,CAAC;AAOD,OAAO,MAAMY,OAAO,GAAGA,CAAC;EAAEC,MAAM;EAAEC,WAAW;EAAEC;AAAmC,CAAC,KAAK;EACpF,MAAMC,iBAAiB,GAAGH,MAAM,CAACI,MAAM,GAAG,CAAC;EAC3C,MAAMC,iBAAiB,GAAGtB,WAAW,CAAC,MAAM;IACxC,IAAIiB,MAAM,CAACI,MAAM,KAAK,CAAC,IAAID,iBAAiB,EAAE;MAC1C;IACJ;IACAF,WAAW,CAACD,MAAM,CAAC,CAAC,CAAC,CAACM,OAAO,CAAC;EAClC,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,MAAMO,sBAAsB,GAAGxB,WAAW,CAAC,MAAM;IAC7C,IAAIiB,MAAM,CAACI,MAAM,KAAK,CAAC,IAAID,iBAAiB,EAAE;MAC1C;IACJ;IACAD,oBAAoB,CAACF,MAAM,CAAC,CAAC,CAAC,CAACM,OAAO,CAAC;EAC3C,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,IAAIG,iBAAiB,EAAE;IACnB,oBACIrB,KAAA,CAAAU,aAAA;MAAKgB,SAAS,EAAE;IAAwB,gBACpC1B,KAAA,CAAAU,aAAA,CAACH,YAAY;MACToB,OAAO,eACH3B,KAAA,CAAAU,aAAA,CAACJ,MAAM;QACHO,OAAO,EAAE,UAAW;QACpBC,IAAI,EAAC,qBAAqB;QAC1BC,IAAI,eAAEf,KAAA,CAAAU,aAAA,CAACN,OAAO,MAAE;MAAE,CACrB;IACJ,gBAEDJ,KAAA,CAAAU,aAAA,CAACR,gBAAgB;MAAC0B,OAAO,EAAET,WAAY;MAACD,MAAM,EAAEA;IAAO,CAAE,CAC/C,CAAC,eACflB,KAAA,CAAAU,aAAA,CAACH,YAAY;MACToB,OAAO,eACH3B,KAAA,CAAAU,aAAA,CAACJ,MAAM;QACHO,OAAO,EAAE,UAAW;QACpBC,IAAI,EAAC,2BAA2B;QAChCC,IAAI,eAAEf,KAAA,CAAAU,aAAA,CAACL,QAAQ,MAAE;MAAE,CACtB;IACJ,gBAEDL,KAAA,CAAAU,aAAA,CAACR,gBAAgB;MAAC0B,OAAO,EAAER,oBAAqB;MAACF,MAAM,EAAEA;IAAO,CAAE,CACxD,CACb,CAAC;EAEd;EAEA,oBACIlB,KAAA,CAAAU,aAAA;IAAKgB,SAAS,EAAE;EAAwB,gBACpC1B,KAAA,CAAAU,aAAA,CAACF,qBAAqB;IAACoB,OAAO,EAAEL;EAAkB,CAAE,CAAC,eACrDvB,KAAA,CAAAU,aAAA,CAACM,wBAAwB;IAACY,OAAO,EAAEH;EAAuB,CAAE,CAC3D,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,12 +0,0 @@
-import React from "react";
-import type { CmsModelField, CmsModelFieldRendererProps } from "../../../../../../types.js";
-import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
-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 {};

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

@@ -1,155 +0,0 @@
-import React, { useCallback, useEffect, useState } from "react";
-import { Search } from "./Search.js";
-import { Entry } from "./Entry.js";
-import { useSnackbar } from "@webiny/app-admin";
-import { parseIdentifier } from "@webiny/utils";
-import { useEntries } from "../hooks/useEntries.js";
-import { Entries } from "./Entries.js";
-import { Dialog, OverlayLoader } from "@webiny/admin-ui";
-const isSelected = (entryId, values) => {
-  if (!entryId) {
-    return false;
-  }
-  return values.some(value => {
-    const {
-      id: valueEntryId
-    } = parseIdentifier(value.id);
-    return entryId === valueEntryId;
-  });
-};
-const getSettings = field => {
-  if (typeof field.renderer === "function") {
-    return undefined;
-  }
-  return field.renderer.settings;
-};
-export const ReferencesDialog = props => {
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const {
-    contentModel,
-    onDialogClose,
-    storeValues,
-    values: initialValues,
-    multiple,
-    field
-  } = props;
-  const [values, setValues] = useState(initialValues || []);
-  const [searchValue, setSearchValue] = useState("");
-  const rendererSettings = getSettings(field);
-  const newItemPosition = rendererSettings?.newItemPosition ?? "last";
-
-  /**
-   * On change needs to handle the adding or removing of a reference.
-   *
-   * This is for both single and multiple reference fields.
-   */
-  const onChange = useCallback(reference => {
-    const {
-      id: referenceEntryId
-    } = parseIdentifier(reference.id);
-    /**
-     * Let's handle the single usage first as it is quite simple.
-     */
-    if (!multiple) {
-      const [value] = values;
-      if (!value?.id) {
-        setValues([reference]);
-        return;
-      }
-      const {
-        id: valueEntryId
-      } = parseIdentifier(value.id);
-      if (referenceEntryId === valueEntryId) {
-        setValues([]);
-        return;
-      }
-      setValues([reference]);
-      return;
-    }
-    const newValues = values.filter(value => {
-      if (!value?.id) {
-        return false;
-      }
-      const {
-        id: valueEntryId
-      } = parseIdentifier(value.id);
-      return referenceEntryId !== valueEntryId;
-    });
-    if (newValues.length === values.length) {
-      setValues(values => {
-        if (newItemPosition === "first") {
-          return [reference, ...values];
-        }
-        return [...values, reference];
-      });
-      return;
-    }
-    setValues(newValues);
-  }, [setValues, values]);
-  const onDialogSave = useCallback(() => {
-    storeValues(values);
-    onDialogClose();
-  }, [values]);
-  /**
-   * Searching and list of reference entries.
-   */
-  const {
-    entries,
-    loading,
-    error,
-    runSearch,
-    loadMore
-  } = useEntries({
-    model: contentModel,
-    limit: 10
-  });
-  useEffect(() => {
-    runSearch("");
-  }, []);
-  useEffect(() => {
-    if (!error) {
-      return;
-    }
-    showSnackbar(error);
-  }, [error]);
-  const onInput = useCallback(value => {
-    runSearch(value);
-    setSearchValue(value);
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
-    className: "w-[800px]",
-    size: "lg",
-    open: true,
-    onClose: onDialogClose,
-    title: "Select an existing record",
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, "Content model:", " ", /*#__PURE__*/React.createElement("span", {
-      className: "font-bold text-neutral-primary"
-    }, contentModel.name)),
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, null), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      onClick: onDialogSave,
-      text: "Save"
-    }))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "relative"
-  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-md"
-  }, /*#__PURE__*/React.createElement(Search, {
-    onChange: onInput,
-    value: searchValue
-  }), /*#__PURE__*/React.createElement(Entries, {
-    entries: entries,
-    loadMore: loadMore
-  }, entry => {
-    return /*#__PURE__*/React.createElement(Entry, {
-      model: contentModel,
-      key: `reference-entry-${entry.id}`,
-      entry: entry,
-      selected: isSelected(entry.entryId, values),
-      onChange: onChange
-    });
-  })))));
-};
-
-//# sourceMappingURL=ReferencesDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","Search","Entry","useSnackbar","parseIdentifier","useEntries","Entries","Dialog","OverlayLoader","isSelected","entryId","values","some","value","id","valueEntryId","getSettings","field","renderer","undefined","settings","ReferencesDialog","props","showSnackbar","contentModel","onDialogClose","storeValues","initialValues","multiple","setValues","searchValue","setSearchValue","rendererSettings","newItemPosition","onChange","reference","referenceEntryId","newValues","filter","length","onDialogSave","entries","loading","error","runSearch","loadMore","model","limit","onInput","createElement","Fragment","className","size","open","onClose","title","description","name","actions","CancelAction","ConfirmAction","onClick","text","entry","key","selected"],"sources":["ReferencesDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Search } from \"./Search.js\";\nimport { Entry } from \"./Entry.js\";\nimport type { CmsModelField, CmsModelFieldRendererProps } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useEntries } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.js\";\nimport { Entries } from \"./Entries.js\";\nimport type { MultiRefFieldSettings } from \"~/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.js\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\n\nconst isSelected = (entryId: string, values: CmsReferenceValue[]) => {\n    if (!entryId) {\n        return false;\n    }\n    return values.some(value => {\n        const { id: valueEntryId } = parseIdentifier(value.id);\n        return entryId === valueEntryId;\n    });\n};\n\ninterface ReferencesDialogProps extends CmsModelFieldRendererProps {\n    values?: CmsReferenceValue[] | null;\n    field: CmsModelField;\n    onDialogClose: () => void;\n    storeValues: (values: CmsReferenceValue[]) => void;\n    multiple: boolean;\n}\n\nconst getSettings = (field: CmsModelField) => {\n    if (typeof field.renderer === \"function\") {\n        return undefined;\n    }\n\n    return field.renderer.settings as MultiRefFieldSettings;\n};\n\nexport const ReferencesDialog = (props: ReferencesDialogProps) => {\n    const { showSnackbar } = useSnackbar();\n\n    const {\n        contentModel,\n        onDialogClose,\n        storeValues,\n        values: initialValues,\n        multiple,\n        field\n    } = props;\n\n    const [values, setValues] = useState<CmsReferenceValue[]>(initialValues || []);\n    const [searchValue, setSearchValue] = useState<string>(\"\");\n    const rendererSettings = getSettings(field);\n    const newItemPosition = rendererSettings?.newItemPosition ?? \"last\";\n\n    /**\n     * On change needs to handle the adding or removing of a reference.\n     *\n     * This is for both single and multiple reference fields.\n     */\n    const onChange = useCallback(\n        (reference: CmsReferenceValue) => {\n            const { id: referenceEntryId } = parseIdentifier(reference.id);\n            /**\n             * Let's handle the single usage first as it is quite simple.\n             */\n            if (!multiple) {\n                const [value] = values;\n                if (!value?.id) {\n                    setValues([reference]);\n                    return;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                if (referenceEntryId === valueEntryId) {\n                    setValues([]);\n                    return;\n                }\n                setValues([reference]);\n                return;\n            }\n\n            const newValues = values.filter(value => {\n                if (!value?.id) {\n                    return false;\n                }\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return referenceEntryId !== valueEntryId;\n            });\n\n            if (newValues.length === values.length) {\n                setValues(values => {\n                    if (newItemPosition === \"first\") {\n                        return [reference, ...values];\n                    }\n                    return [...values, reference];\n                });\n                return;\n            }\n            setValues(newValues);\n        },\n        [setValues, values]\n    );\n\n    const onDialogSave = useCallback(() => {\n        storeValues(values);\n        onDialogClose();\n    }, [values]);\n    /**\n     * Searching and list of reference entries.\n     */\n    const { entries, loading, error, runSearch, loadMore } = useEntries({\n        model: contentModel,\n        limit: 10\n    });\n\n    useEffect(() => {\n        runSearch(\"\");\n    }, []);\n\n    useEffect(() => {\n        if (!error) {\n            return;\n        }\n        showSnackbar(error);\n    }, [error]);\n\n    const onInput = useCallback((value: string) => {\n        runSearch(value);\n        setSearchValue(value);\n    }, []);\n\n    return (\n        <>\n            <Dialog\n                className={\"w-[800px]\"}\n                size={\"lg\"}\n                open={true}\n                onClose={onDialogClose}\n                title={\"Select an existing record\"}\n                description={\n                    <>\n                        Content model:{\" \"}\n                        <span className={\"font-bold text-neutral-primary\"}>\n                            {contentModel.name}\n                        </span>\n                    </>\n                }\n                actions={\n                    <>\n                        <Dialog.CancelAction />\n                        <Dialog.ConfirmAction onClick={onDialogSave} text=\"Save\" />\n                    </>\n                }\n            >\n                <div className={\"relative\"}>\n                    {loading && <OverlayLoader />}\n                    <div className={\"flex flex-col gap-md\"}>\n                        <Search onChange={onInput} value={searchValue} />\n                        <Entries entries={entries} loadMore={loadMore}>\n                            {entry => {\n                                return (\n                                    <Entry\n                                        model={contentModel}\n                                        key={`reference-entry-${entry.id}`}\n                                        entry={entry}\n                                        selected={isSelected(entry.entryId, values)}\n                                        onChange={onChange}\n                                    />\n                                );\n                            }}\n                        </Entries>\n                    </div>\n                </div>\n            </Dialog>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,26 +0,0 @@
-import React from "react";
-import { ReactComponent as SearchIcon } from "@webiny/icons/search.svg";
-import { Input, DelayedOnChange, Icon } from "@webiny/admin-ui";
-export const Search = ({
-  onChange,
-  value
-}) => {
-  return /*#__PURE__*/React.createElement(DelayedOnChange, {
-    value: value,
-    onChange: onChange
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(Input, {
-    size: "lg",
-    placeholder: "Search entries...",
-    onChange: onChange,
-    value: value,
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      label: "Search",
-      icon: /*#__PURE__*/React.createElement(SearchIcon, null)
-    })
-  }));
-};
-
-//# sourceMappingURL=Search.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","SearchIcon","Input","DelayedOnChange","Icon","Search","onChange","value","createElement","size","placeholder","startIcon","label","icon"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { Input, DelayedOnChange, Icon } from \"@webiny/admin-ui\";\n\ninterface SearchProps {\n    onChange: (value: string) => void;\n    value: string;\n}\n\nexport const Search = ({ onChange, value }: SearchProps) => {\n    return (\n        <DelayedOnChange value={value} onChange={onChange}>\n            {({ value, onChange }) => (\n                <Input\n                    size={\"lg\"}\n                    placeholder={\"Search entries...\"}\n                    onChange={onChange}\n                    value={value}\n                    startIcon={<Icon label=\"Search\" icon={<SearchIcon />} />}\n                />\n            )}\n        </DelayedOnChange>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,KAAK,EAAEC,eAAe,EAAEC,IAAI,QAAQ,kBAAkB;AAO/D,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAmB,CAAC,KAAK;EACxD,oBACIR,KAAA,CAAAS,aAAA,CAACL,eAAe;IAACI,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,GAC7C,CAAC;IAAEC,KAAK;IAAED;EAAS,CAAC,kBACjBP,KAAA,CAAAS,aAAA,CAACN,KAAK;IACFO,IAAI,EAAE,IAAK;IACXC,WAAW,EAAE,mBAAoB;IACjCJ,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbI,SAAS,eAAEZ,KAAA,CAAAS,aAAA,CAACJ,IAAI;MAACQ,KAAK,EAAC,QAAQ;MAACC,IAAI,eAAEd,KAAA,CAAAS,aAAA,CAACP,UAAU,MAAE;IAAE,CAAE;EAAE,CAC5D,CAEQ,CAAC;AAE1B,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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