@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

package/admin/plugins/fieldRenderers/dynamicZone/SingleValueDynamicZone.js

@@ -1,87 +0,0 @@
-import react from "react";
-import { ReactComponent } from "@webiny/icons/delete.svg";
-import { makeDecoratable, useConfirmationDialog } from "@webiny/app-admin";
-import { Accordion, Tooltip } from "@webiny/admin-ui";
-import { AddTemplateButton } from "./AddTemplate.js";
-import { TemplateIcon } from "./TemplateIcon.js";
-import { TemplateProvider } from "./TemplateProvider.js";
-import { Fields } from "../../../components/ContentEntryForm/Fields.js";
-import { ParentFieldProvider } from "../../../components/ContentEntryForm/ParentValue.js";
-import { useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
-import { ModelFieldProvider, ParentValueIndexProvider, useModelField } from "../../../components/ModelFieldProvider/index.js";
-const SingleValueItemContainer = makeDecoratable("SingleValueItemContainer", (props)=>{
-    const { template, actions, children, disabled = false } = props;
-    const accordionActions = disabled ? null : /*#__PURE__*/ react.createElement(react.Fragment, null, actions ?? null, /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
-        icon: /*#__PURE__*/ react.createElement(Tooltip, {
-            trigger: /*#__PURE__*/ react.createElement(ReactComponent, null),
-            content: "Delete"
-        }),
-        onClick: props.onDelete
-    }));
-    return /*#__PURE__*/ react.createElement(Accordion.Item, {
-        title: template.name,
-        description: template.description,
-        icon: /*#__PURE__*/ react.createElement(TemplateIcon, {
-            icon: template.icon
-        }),
-        actions: accordionActions
-    }, children);
-});
-const SingleValueDynamicZone = ({ bind, contentModel, getBind })=>{
-    const { field } = useModelField();
-    const rules = useFieldEffectiveRules(field);
-    const disabled = !rules.canEdit || rules.disabled;
-    const { showConfirmation } = useConfirmationDialog({
-        message: "Are you sure you want to remove this item? This action is not reversible.",
-        acceptLabel: "Yes, I'm sure!",
-        cancelLabel: "No, leave it."
-    });
-    const onTemplate = (template)=>{
-        bind.onChange({
-            _templateId: template.id,
-            __typename: template.__typename
-        });
-    };
-    const templates = field.settings?.templates || [];
-    const template = bind.value ? templates.find((tpl)=>tpl.id === bind.value._templateId) : void 0;
-    const Bind = getBind();
-    const unsetValue = ()=>{
-        showConfirmation(()=>{
-            bind.onChange(null);
-        });
-    };
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, template ? /*#__PURE__*/ react.createElement(ParentFieldProvider, {
-        value: bind.value,
-        path: Bind.parentName
-    }, /*#__PURE__*/ react.createElement(ParentValueIndexProvider, {
-        index: -1
-    }, /*#__PURE__*/ react.createElement(ModelFieldProvider, {
-        field: field
-    }, /*#__PURE__*/ react.createElement(Accordion, {
-        background: "base",
-        variant: "container"
-    }, /*#__PURE__*/ react.createElement(SingleValueItemContainer, {
-        disabled: disabled,
-        template: template,
-        value: bind.value,
-        contentModel: contentModel,
-        onDelete: unsetValue,
-        title: template.name,
-        description: template.description,
-        icon: /*#__PURE__*/ react.createElement(TemplateIcon, {
-            icon: template.icon
-        })
-    }, /*#__PURE__*/ react.createElement(TemplateProvider, {
-        template: template
-    }, /*#__PURE__*/ react.createElement(Fields, {
-        fields: template.fields,
-        layout: template.layout || [],
-        contentModel: contentModel,
-        Bind: Bind
-    }))))))) : null, bind.value ? null : /*#__PURE__*/ react.createElement(AddTemplateButton, {
-        onTemplate: onTemplate
-    }));
-};
-export { SingleValueDynamicZone, SingleValueItemContainer };
-
-//# sourceMappingURL=SingleValueDynamicZone.js.map

package/admin/plugins/fieldRenderers/dynamicZone/SingleValueDynamicZone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/SingleValueDynamicZone.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/SingleValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { makeDecoratable, useConfirmationDialog } from \"@webiny/app-admin\";\nimport { Accordion, Tooltip } from \"@webiny/admin-ui\";\nimport { AddTemplateButton } from \"./AddTemplate.js\";\nimport { TemplateIcon } from \"./TemplateIcon.js\";\nimport { TemplateProvider } from \"./TemplateProvider.js\";\nimport type {\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField,\n    CmsDynamicZoneTemplateWithTypename\n} from \"~/types.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue.js\";\nimport { useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\nimport {\n    ParentValueIndexProvider,\n    ModelFieldProvider,\n    useModelField\n} from \"~/admin/components/ModelFieldProvider/index.js\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\ninterface SingleValueDynamicZoneProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\nexport interface SingleValueItemContainerProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    onDelete: () => void;\n    title: React.ReactNode;\n    description: string;\n    disabled?: boolean;\n    icon: React.JSX.Element;\n    actions?: React.JSX.Element;\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const SingleValueItemContainer = makeDecoratable(\n    \"SingleValueItemContainer\",\n    (props: SingleValueItemContainerProps) => {\n        const { template, actions, children, disabled = false } = props;\n\n        const accordionActions = disabled ? null : (\n            <>\n                {actions ?? null}\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={props.onDelete}\n                />\n            </>\n        );\n\n        return (\n            <Accordion.Item\n                title={template.name}\n                description={template.description}\n                icon={<TemplateIcon icon={template.icon} />}\n                actions={accordionActions}\n            >\n                {children}\n            </Accordion.Item>\n        );\n    }\n);\n\nexport const SingleValueDynamicZone = ({\n    bind,\n    contentModel,\n    getBind\n}: SingleValueDynamicZoneProps) => {\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to remove this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const onTemplate = (template: CmsDynamicZoneTemplateWithTypename) => {\n        bind.onChange({ _templateId: template.id, __typename: template.__typename });\n    };\n\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = bind.value\n        ? templates.find(tpl => tpl.id === bind.value._templateId)\n        : undefined;\n\n    const Bind = getBind();\n\n    const unsetValue = () => {\n        showConfirmation(() => {\n            bind.onChange(null);\n        });\n    };\n\n    return (\n        <>\n            {template ? (\n                <ParentFieldProvider value={bind.value} path={Bind.parentName}>\n                    <ParentValueIndexProvider index={-1}>\n                        <ModelFieldProvider field={field}>\n                            <Accordion background={\"base\"} variant={\"container\"}>\n                                <SingleValueItemContainer\n                                    disabled={disabled}\n                                    template={template}\n                                    value={bind.value}\n                                    contentModel={contentModel}\n                                    onDelete={unsetValue}\n                                    title={template.name}\n                                    description={template.description}\n                                    icon={<TemplateIcon icon={template.icon} />}\n                                >\n                                    <TemplateProvider template={template}>\n                                        <Fields\n                                            fields={template.fields}\n                                            layout={template.layout || []}\n                                            contentModel={contentModel}\n                                            Bind={Bind}\n                                        />\n                                    </TemplateProvider>\n                                </SingleValueItemContainer>\n                            </Accordion>\n                        </ModelFieldProvider>\n                    </ParentValueIndexProvider>\n                </ParentFieldProvider>\n            ) : null}\n            {bind.value ? null : <AddTemplateButton onTemplate={onTemplate} />}\n        </>\n    );\n};\n"],"names":["SingleValueItemContainer","makeDecoratable","props","template","actions","children","disabled","accordionActions","Accordion","Tooltip","DeleteIcon","TemplateIcon","SingleValueDynamicZone","bind","contentModel","getBind","field","useModelField","rules","useFieldEffectiveRules","showConfirmation","useConfirmationDialog","onTemplate","templates","tpl","undefined","Bind","unsetValue","ParentFieldProvider","ParentValueIndexProvider","ModelFieldProvider","TemplateProvider","Fields","AddTemplateButton"],"mappings":";;;;;;;;;;;AAmDO,MAAMA,2BAA2BC,gBACpC,4BACA,CAACC;IACG,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGJ;IAE1D,MAAMK,mBAAmBD,WAAW,OAAO,WAAP,GAChC,0CACKF,WAAW,oBACZ,oBAACI,UAAU,IAAI,CAAC,MAAM;QAClB,oBAAM,oBAACC,SAAOA;YAAC,uBAAS,oBAACC,gBAAUA;YAAK,SAAS;;QACjD,SAASR,MAAM,QAAQ;;IAKnC,OAAO,WAAP,GACI,oBAACM,UAAU,IAAI;QACX,OAAOL,SAAS,IAAI;QACpB,aAAaA,SAAS,WAAW;QACjC,oBAAM,oBAACQ,cAAYA;YAAC,MAAMR,SAAS,IAAI;;QACvC,SAASI;OAERF;AAGb;AAGG,MAAMO,yBAAyB,CAAC,EACnCC,IAAI,EACJC,YAAY,EACZC,OAAO,EACmB;IAC1B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMV,WAAW,CAACY,MAAM,OAAO,IAAIA,MAAM,QAAQ;IAEjD,MAAM,EAAEE,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,SAAS;QACT,aAAa;QACb,aAAa;IACjB;IAEA,MAAMC,aAAa,CAACnB;QAChBU,KAAK,QAAQ,CAAC;YAAE,aAAaV,SAAS,EAAE;YAAE,YAAYA,SAAS,UAAU;QAAC;IAC9E;IAEA,MAAMoB,YAAYP,MAAM,QAAQ,EAAE,aAAa,EAAE;IAEjD,MAAMb,WAA+CU,KAAK,KAAK,GACzDU,UAAU,IAAI,CAACC,CAAAA,MAAOA,IAAI,EAAE,KAAKX,KAAK,KAAK,CAAC,WAAW,IACvDY;IAEN,MAAMC,OAAOX;IAEb,MAAMY,aAAa;QACfP,iBAAiB;YACbP,KAAK,QAAQ,CAAC;QAClB;IACJ;IAEA,OAAO,WAAP,GACI,0CACKV,WAAW,WAAXA,GACG,oBAACyB,qBAAmBA;QAAC,OAAOf,KAAK,KAAK;QAAE,MAAMa,KAAK,UAAU;qBACzD,oBAACG,0BAAwBA;QAAC,OAAO;qBAC7B,oBAACC,oBAAkBA;QAAC,OAAOd;qBACvB,oBAACR,WAASA;QAAC,YAAY;QAAQ,SAAS;qBACpC,oBAACR,0BAAwBA;QACrB,UAAUM;QACV,UAAUH;QACV,OAAOU,KAAK,KAAK;QACjB,cAAcC;QACd,UAAUa;QACV,OAAOxB,SAAS,IAAI;QACpB,aAAaA,SAAS,WAAW;QACjC,oBAAM,oBAACQ,cAAYA;YAAC,MAAMR,SAAS,IAAI;;qBAEvC,oBAAC4B,kBAAgBA;QAAC,UAAU5B;qBACxB,oBAAC6B,QAAMA;QACH,QAAQ7B,SAAS,MAAM;QACvB,QAAQA,SAAS,MAAM,IAAI,EAAE;QAC7B,cAAcW;QACd,MAAMY;eAQlC,MACHb,KAAK,KAAK,GAAG,OAAO,WAAP,GAAO,oBAACoB,mBAAiBA;QAAC,YAAYX;;AAGhE"}

package/admin/plugins/fieldRenderers/dynamicZone/TemplateGallery.d.ts

@@ -1,121 +0,0 @@
-import React from "react";
-import type { CmsDynamicZoneTemplate } from "../../../../types.js";
-export interface TemplateGalleryContainerProps {
-    children: React.ReactNode;
-}
-export interface TemplateGalleryListProps {
-    children: React.ReactNode;
-}
-export interface TemplateGalleryProps {
-    onTemplate: (template: CmsDynamicZoneTemplate) => void;
-    onClose: () => void;
-    templates?: CmsDynamicZoneTemplate[];
-}
-export type ShouldRender = {
-    modelIds?: string[];
-};
-/**
- * We're wrapping each component with `withShouldRender`, because they're all decoratable, and `withShouldRender` attaches a
- * conditional decorator, which optionally takes a `modelIds` prop, so you can control on which models that component will be decorated.
- */
-export declare const TemplateGallery: ((props: TemplateGalleryProps) => React.JSX.Element) & {
-    original: (props: TemplateGalleryProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: ((props: TemplateGalleryProps) => React.JSX.Element) & {
-        original: (props: TemplateGalleryProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: TemplateGalleryProps) => React.JSX.Element) & {
-        original: (props: TemplateGalleryProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-} & {
-    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: TemplateGalleryProps) => React.JSX.Element) & {
-        original: (props: TemplateGalleryProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: ShouldRender) => React.JSX.Element;
-} & {
-    Container: ((props: TemplateGalleryContainerProps) => React.JSX.Element) & {
-        original: (props: TemplateGalleryContainerProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    } & {
-        original: ((props: TemplateGalleryContainerProps) => React.JSX.Element) & {
-            original: (props: TemplateGalleryContainerProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        };
-        originalName: string;
-        displayName: string;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: TemplateGalleryContainerProps) => React.JSX.Element) & {
-            original: (props: TemplateGalleryContainerProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: unknown) => React.JSX.Element;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: TemplateGalleryContainerProps) => React.JSX.Element) & {
-            original: (props: TemplateGalleryContainerProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: ShouldRender) => React.JSX.Element;
-    };
-    List: ((props: TemplateGalleryListProps) => React.JSX.Element) & {
-        original: (props: TemplateGalleryListProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    } & {
-        original: ((props: TemplateGalleryListProps) => React.JSX.Element) & {
-            original: (props: TemplateGalleryListProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        };
-        originalName: string;
-        displayName: string;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: TemplateGalleryListProps) => React.JSX.Element) & {
-            original: (props: TemplateGalleryListProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: unknown) => React.JSX.Element;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: TemplateGalleryListProps) => React.JSX.Element) & {
-            original: (props: TemplateGalleryListProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: ShouldRender) => React.JSX.Element;
-    };
-    Item: (({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element) & {
-        original: ({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    } & {
-        original: (({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element) & {
-            original: ({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        };
-        originalName: string;
-        displayName: string;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element) & {
-            original: ({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: unknown) => React.JSX.Element;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element) & {
-            original: ({ template, onTemplate }: import("./TemplateGridItem.js").TemplateGridItemProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: ShouldRender) => React.JSX.Element;
-    };
-};

package/admin/plugins/fieldRenderers/dynamicZone/TemplateGallery.js

@@ -1,83 +0,0 @@
-import react, { useState } from "react";
-import { makeDecoratable, withDecoratorFactory } from "@webiny/app-admin";
-import { useModel, useModelField } from "../../../hooks/index.js";
-import { TemplateGridItem } from "./TemplateGridItem.js";
-import { TemplateListItem } from "./TemplateListItem.js";
-import { DelayedOnChange, Icon, Input, ToggleGroup } from "@webiny/admin-ui";
-import { ReactComponent } from "@webiny/icons/search.svg";
-import { ReactComponent as grid_view_svg_ReactComponent } from "@webiny/icons/grid_view.svg";
-import { ReactComponent as list_svg_ReactComponent } from "@webiny/icons/list.svg";
-const GalleryContainer = makeDecoratable("TemplateGalleryContainer", (props)=>/*#__PURE__*/ react.createElement(react.Fragment, null, props.children));
-const GalleryList = makeDecoratable("TemplateGalleryList", (props)=>/*#__PURE__*/ react.createElement("div", {
-        className: "gap-md flex flex-wrap mb-xs"
-    }, props.children));
-const Gallery = makeDecoratable("TemplateGallery", (props)=>{
-    const { field } = useModelField();
-    const templates = props.templates || field.settings?.templates || [];
-    const [viewMode, setViewMode] = useState("grid");
-    const [search, setSearch] = useState("");
-    const filteredTemplates = templates.filter((t)=>t.name.toLowerCase().includes(search.toLowerCase()));
-    return /*#__PURE__*/ react.createElement(GalleryContainer, null, /*#__PURE__*/ react.createElement("div", {
-        className: "flex items-center gap-sm pb-md pt-xs"
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "flex-1 min-w-0"
-    }, /*#__PURE__*/ react.createElement(DelayedOnChange, {
-        value: search,
-        onChange: setSearch
-    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Input, {
-            autoFocus: true,
-            value: value,
-            onChange: onChange,
-            placeholder: "Search templates...",
-            startIcon: /*#__PURE__*/ react.createElement(Icon, {
-                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
-                label: "Search"
-            }),
-            size: "md",
-            variant: "primary"
-        }))), /*#__PURE__*/ react.createElement("div", {
-        className: "shrink-0"
-    }, /*#__PURE__*/ react.createElement(ToggleGroup, {
-        type: "single",
-        value: viewMode,
-        onChange: (value)=>setViewMode(value),
-        items: [
-            {
-                id: "grid",
-                value: "grid",
-                icon: /*#__PURE__*/ react.createElement(grid_view_svg_ReactComponent, null)
-            },
-            {
-                id: "list",
-                value: "list",
-                icon: /*#__PURE__*/ react.createElement(list_svg_ReactComponent, null)
-            }
-        ],
-        variant: "ghost"
-    }))), "grid" === viewMode ? /*#__PURE__*/ react.createElement(GalleryList, null, filteredTemplates.map((template)=>/*#__PURE__*/ react.createElement(TemplateGridItem, {
-            key: template.id,
-            template: template,
-            onTemplate: props.onTemplate
-        }))) : /*#__PURE__*/ react.createElement("div", {
-        className: "flex flex-col gap-y-sm"
-    }, filteredTemplates.map((template)=>/*#__PURE__*/ react.createElement(TemplateListItem, {
-            key: template.id,
-            template: template,
-            onTemplate: props.onTemplate
-        }))));
-});
-function withShouldRender(Component) {
-    return withDecoratorFactory()(Component, (decoratorProps)=>{
-        const { model } = useModel();
-        if (decoratorProps?.modelIds?.length && !decoratorProps.modelIds.includes(model.modelId)) return false;
-        return true;
-    });
-}
-const TemplateGallery = Object.assign(withShouldRender(Gallery), {
-    Container: withShouldRender(GalleryContainer),
-    List: withShouldRender(GalleryList),
-    Item: withShouldRender(TemplateGridItem)
-});
-export { TemplateGallery };
-
-//# sourceMappingURL=TemplateGallery.js.map

package/admin/plugins/fieldRenderers/dynamicZone/TemplateGallery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/TemplateGallery.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/TemplateGallery.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { DecoratableComponent } from \"@webiny/app-admin\";\nimport { makeDecoratable, withDecoratorFactory } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { useModel, useModelField } from \"~/admin/hooks/index.js\";\nimport { TemplateGridItem } from \"./TemplateGridItem.js\";\nimport { TemplateListItem } from \"./TemplateListItem.js\";\nimport { Input, Icon, DelayedOnChange, ToggleGroup } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as GridIcon } from \"@webiny/icons/grid_view.svg\";\nimport { ReactComponent as ListIcon } from \"@webiny/icons/list.svg\";\n\nexport interface TemplateGalleryContainerProps {\n    children: React.ReactNode;\n}\n\nconst GalleryContainer = makeDecoratable(\n    \"TemplateGalleryContainer\",\n    (props: TemplateGalleryContainerProps) => {\n        return <>{props.children}</>;\n    }\n);\n\nexport interface TemplateGalleryListProps {\n    children: React.ReactNode;\n}\n\nconst GalleryList = makeDecoratable(\"TemplateGalleryList\", (props: TemplateGalleryListProps) => {\n    return <div className={\"gap-md flex flex-wrap mb-xs\"}>{props.children}</div>;\n});\n\nexport interface TemplateGalleryProps {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n    onClose: () => void;\n    templates?: CmsDynamicZoneTemplate[];\n}\n\nconst Gallery = makeDecoratable(\"TemplateGallery\", (props: TemplateGalleryProps) => {\n    const { field } = useModelField();\n    const templates = props.templates || field.settings?.templates || [];\n\n    const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n    const [search, setSearch] = useState(\"\");\n\n    const filteredTemplates = templates.filter(t =>\n        t.name.toLowerCase().includes(search.toLowerCase())\n    );\n\n    return (\n        <GalleryContainer>\n            <div className={\"flex items-center gap-sm pb-md pt-xs\"}>\n                <div className={\"flex-1 min-w-0\"}>\n                    <DelayedOnChange value={search} onChange={setSearch}>\n                        {({ value, onChange }) => (\n                            <Input\n                                autoFocus={true}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search templates...\"}\n                                startIcon={<Icon icon={<SearchIcon />} label={\"Search\"} />}\n                                size={\"md\"}\n                                variant={\"primary\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                </div>\n                <div className={\"shrink-0\"}>\n                    <ToggleGroup\n                        type=\"single\"\n                        value={viewMode}\n                        onChange={value => setViewMode(value as \"grid\" | \"list\")}\n                        items={[\n                            { id: \"grid\", value: \"grid\", icon: <GridIcon /> },\n                            { id: \"list\", value: \"list\", icon: <ListIcon /> }\n                        ]}\n                        variant=\"ghost\"\n                    />\n                </div>\n            </div>\n            {viewMode === \"grid\" ? (\n                <GalleryList>\n                    {filteredTemplates.map(template => (\n                        <TemplateGridItem\n                            key={template.id}\n                            template={template}\n                            onTemplate={props.onTemplate}\n                        />\n                    ))}\n                </GalleryList>\n            ) : (\n                <div className={\"flex flex-col gap-y-sm\"}>\n                    {filteredTemplates.map(template => (\n                        <TemplateListItem\n                            key={template.id}\n                            template={template}\n                            onTemplate={props.onTemplate}\n                        />\n                    ))}\n                </div>\n            )}\n        </GalleryContainer>\n    );\n});\n\nexport type ShouldRender = { modelIds?: string[] };\n\nfunction withShouldRender<T extends DecoratableComponent>(Component: T) {\n    return withDecoratorFactory<ShouldRender>()(Component, decoratorProps => {\n        const { model } = useModel();\n\n        if (decoratorProps?.modelIds?.length && !decoratorProps.modelIds.includes(model.modelId)) {\n            return false;\n        }\n\n        return true;\n    });\n}\n\n/**\n * We're wrapping each component with `withShouldRender`, because they're all decoratable, and `withShouldRender` attaches a\n * conditional decorator, which optionally takes a `modelIds` prop, so you can control on which models that component will be decorated.\n */\nexport const TemplateGallery = Object.assign(withShouldRender(Gallery), {\n    Container: withShouldRender(GalleryContainer),\n    List: withShouldRender(GalleryList),\n    Item: withShouldRender(TemplateGridItem)\n});\n"],"names":["GalleryContainer","makeDecoratable","props","GalleryList","Gallery","field","useModelField","templates","viewMode","setViewMode","useState","search","setSearch","filteredTemplates","t","DelayedOnChange","value","onChange","Input","Icon","SearchIcon","ToggleGroup","GridIcon","ListIcon","template","TemplateGridItem","TemplateListItem","withShouldRender","Component","withDecoratorFactory","decoratorProps","model","useModel","TemplateGallery","Object"],"mappings":";;;;;;;;;AAgBA,MAAMA,mBAAmBC,gBACrB,4BACA,CAACC,QACU,WAAP,GAAO,0CAAGA,MAAM,QAAQ;AAQhC,MAAMC,cAAcF,gBAAgB,uBAAuB,CAACC,QACjD,WAAP,GAAO,oBAAC;QAAI,WAAW;OAAgCA,MAAM,QAAQ;AASzE,MAAME,UAAUH,gBAAgB,mBAAmB,CAACC;IAChD,MAAM,EAAEG,KAAK,EAAE,GAAGC;IAClB,MAAMC,YAAYL,MAAM,SAAS,IAAIG,MAAM,QAAQ,EAAE,aAAa,EAAE;IAEpE,MAAM,CAACG,UAAUC,YAAY,GAAGC,SAA0B;IAC1D,MAAM,CAACC,QAAQC,UAAU,GAAGF,SAAS;IAErC,MAAMG,oBAAoBN,UAAU,MAAM,CAACO,CAAAA,IACvCA,EAAE,IAAI,CAAC,WAAW,GAAG,QAAQ,CAACH,OAAO,WAAW;IAGpD,OAAO,WAAP,GACI,oBAACX,kBAAgBA,MAAAA,WAAAA,GACb,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACe,iBAAeA;QAAC,OAAOJ;QAAQ,UAAUC;OACrC,CAAC,EAAEI,KAAK,EAAEC,QAAQ,EAAE,iBACjB,oBAACC,OAAKA;YACF,WAAW;YACX,OAAOF;YACP,UAAUC;YACV,aAAa;YACb,yBAAW,oBAACE,MAAIA;gBAAC,oBAAM,oBAACC,gBAAUA;gBAAK,OAAO;;YAC9C,MAAM;YACN,SAAS;4BAKzB,oBAAC;QAAI,WAAW;qBACZ,oBAACC,aAAWA;QACR,MAAK;QACL,OAAOb;QACP,UAAUQ,CAAAA,QAASP,YAAYO;QAC/B,OAAO;YACH;gBAAE,IAAI;gBAAQ,OAAO;gBAAQ,MAAM,WAAN,GAAM,oBAACM,8BAAQA;YAAI;YAChD;gBAAE,IAAI;gBAAQ,OAAO;gBAAQ,MAAM,WAAN,GAAM,oBAACC,yBAAQA;YAAI;SACnD;QACD,SAAQ;UAInBf,AAAa,WAAbA,WAAsB,WAAT,GACV,oBAACL,aAAWA,MACPU,kBAAkB,GAAG,CAACW,CAAAA,WAAAA,WAAAA,GACnB,oBAACC,kBAAgBA;YACb,KAAKD,SAAS,EAAE;YAChB,UAAUA;YACV,YAAYtB,MAAM,UAAU;6BAKxC,oBAAC;QAAI,WAAW;OACXW,kBAAkB,GAAG,CAACW,CAAAA,WAAAA,WAAAA,GACnB,oBAACE,kBAAgBA;YACb,KAAKF,SAAS,EAAE;YAChB,UAAUA;YACV,YAAYtB,MAAM,UAAU;;AAOxD;AAIA,SAASyB,iBAAiDC,SAAY;IAClE,OAAOC,uBAAqCD,WAAWE,CAAAA;QACnD,MAAM,EAAEC,KAAK,EAAE,GAAGC;QAElB,IAAIF,gBAAgB,UAAU,UAAU,CAACA,eAAe,QAAQ,CAAC,QAAQ,CAACC,MAAM,OAAO,GACnF,OAAO;QAGX,OAAO;IACX;AACJ;AAMO,MAAME,kBAAkBC,OAAO,MAAM,CAACP,iBAAiBvB,UAAU;IACpE,WAAWuB,iBAAiB3B;IAC5B,MAAM2B,iBAAiBxB;IACvB,MAAMwB,iBAAiBF;AAC3B"}

package/admin/plugins/fieldRenderers/dynamicZone/TemplateGridItem.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import type { CmsDynamicZoneTemplate } from "../../../../types.js";
-export interface TemplateGridItemProps {
-    template: CmsDynamicZoneTemplate;
-    onTemplate: (template: CmsDynamicZoneTemplate) => void;
-}
-export declare const TemplateGridItem: (({ template, onTemplate }: TemplateGridItemProps) => React.JSX.Element) & {
-    original: ({ template, onTemplate }: TemplateGridItemProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ template, onTemplate }: TemplateGridItemProps) => React.JSX.Element) & {
-        original: ({ template, onTemplate }: TemplateGridItemProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ template, onTemplate }: TemplateGridItemProps) => React.JSX.Element) & {
-        original: ({ template, onTemplate }: TemplateGridItemProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};

package/admin/plugins/fieldRenderers/dynamicZone/TemplateGridItem.js

@@ -1,42 +0,0 @@
-import react, { useState } from "react";
-import { makeDecoratable } from "@webiny/app-admin";
-import { TemplateIcon } from "./TemplateIcon.js";
-import { Button, Dialog, Text } from "@webiny/admin-ui";
-import { ReactComponent } from "@webiny/icons/add_circle_outline.svg";
-const TemplateGridItem = makeDecoratable("TemplateGridItem", ({ template, onTemplate })=>{
-    const [isHovered, setIsHovered] = useState(false);
-    return /*#__PURE__*/ react.createElement("div", {
-        onMouseEnter: ()=>setIsHovered(true),
-        onMouseLeave: ()=>setIsHovered(false),
-        className: "flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm"
-    }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
-        className: "flex items-center justify-center py-xxl w-full bg-neutral-dimmed"
-    }, /*#__PURE__*/ react.createElement(TemplateIcon, {
-        icon: template.icon,
-        style: {
-            width: 40,
-            height: 40
-        }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "py-sm-extra px-md"
-    }, /*#__PURE__*/ react.createElement(Text, {
-        size: "md",
-        className: "mb-xs text-neutral-primary font-semibold"
-    }, template.name), /*#__PURE__*/ react.createElement(Text, {
-        size: "sm",
-        as: "div",
-        className: "text-neutral-muted"
-    }, template.description))), isHovered && /*#__PURE__*/ react.createElement(Dialog.Close, {
-        asChild: true
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer",
-        onClick: ()=>onTemplate(template)
-    }, /*#__PURE__*/ react.createElement(Button, {
-        size: "lg",
-        variant: "primary",
-        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
-    }, "Insert"))));
-});
-export { TemplateGridItem };
-
-//# sourceMappingURL=TemplateGridItem.js.map

package/admin/plugins/fieldRenderers/dynamicZone/TemplateGridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/TemplateGridItem.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/TemplateGridItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.js\";\nimport { Text, Button } from \"@webiny/admin-ui\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add_circle_outline.svg\";\n\nexport interface TemplateGridItemProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateGridItem = makeDecoratable(\n    \"TemplateGridItem\",\n    ({ template, onTemplate }: TemplateGridItemProps) => {\n        const [isHovered, setIsHovered] = useState(false);\n\n        return (\n            <div\n                onMouseEnter={() => setIsHovered(true)}\n                onMouseLeave={() => setIsHovered(false)}\n                className={\n                    \"flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm\"\n                }\n            >\n                <div>\n                    <div\n                        className={\n                            \"flex items-center justify-center py-xxl w-full bg-neutral-dimmed\"\n                        }\n                    >\n                        <TemplateIcon icon={template.icon} style={{ width: 40, height: 40 }} />\n                    </div>\n                    <div className={\"py-sm-extra px-md\"}>\n                        <Text size={\"md\"} className={\"mb-xs text-neutral-primary font-semibold\"}>\n                            {template.name}\n                        </Text>\n                        <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-muted\"}>\n                            {template.description}\n                        </Text>\n                    </div>\n                </div>\n\n                {isHovered && (\n                    <Dialog.Close asChild>\n                        <div\n                            className=\"absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer\"\n                            onClick={() => onTemplate(template)}\n                        >\n                            <Button size={\"lg\"} variant=\"primary\" icon={<PlusIcon />}>\n                                Insert\n                            </Button>\n                        </div>\n                    </Dialog.Close>\n                )}\n            </div>\n        );\n    }\n);\n"],"names":["TemplateGridItem","makeDecoratable","template","onTemplate","isHovered","setIsHovered","useState","TemplateIcon","Text","Dialog","Button","PlusIcon"],"mappings":";;;;;AAaO,MAAMA,mBAAmBC,gBAC5B,oBACA,CAAC,EAAEC,QAAQ,EAAEC,UAAU,EAAyB;IAC5C,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAE3C,OAAO,WAAP,GACI,oBAAC;QACG,cAAc,IAAMD,aAAa;QACjC,cAAc,IAAMA,aAAa;QACjC,WACI;qBAGJ,oBAAC,2BACG,oBAAC;QACG,WACI;qBAGJ,oBAACE,cAAYA;QAAC,MAAML,SAAS,IAAI;QAAE,OAAO;YAAE,OAAO;YAAI,QAAQ;QAAG;uBAEtE,oBAAC;QAAI,WAAW;qBACZ,oBAACM,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBN,SAAS,IAAI,iBAElB,oBAACM,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCN,SAAS,WAAW,KAKhCE,aAAa,WAAbA,GACG,oBAACK,OAAO,KAAK;QAAC;qBACV,oBAAC;QACG,WAAU;QACV,SAAS,IAAMN,WAAWD;qBAE1B,oBAACQ,QAAMA;QAAC,MAAM;QAAM,SAAQ;QAAU,oBAAM,oBAACC,gBAAQA;OAAK;AAQlF"}

package/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
-interface TemplateIconProps {
-    icon: string;
-    size?: FontAwesomeIconProps["size"];
-    style?: FontAwesomeIconProps["style"];
-}
-export declare const TemplateIcon: ({ icon, size, style }: TemplateIconProps) => React.JSX.Element | null;
-export {};

package/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.js

@@ -1,15 +0,0 @@
-import react from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { normalizeIcon } from "../../../../utils/normalizeIcon.js";
-const TemplateIcon = ({ icon, size, style })=>{
-    const faIcon = normalizeIcon(icon);
-    return faIcon ? /*#__PURE__*/ react.createElement(FontAwesomeIcon, {
-        className: "text-neutral-xstrong",
-        icon: faIcon,
-        size: size,
-        style: style
-    }) : null;
-};
-export { TemplateIcon };
-
-//# sourceMappingURL=TemplateIcon.js.map

package/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FontAwesomeIconProps } from \"@fortawesome/react-fontawesome\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\ninterface TemplateIconProps {\n    icon: string;\n    size?: FontAwesomeIconProps[\"size\"];\n    style?: FontAwesomeIconProps[\"style\"];\n}\n\nexport const TemplateIcon = ({ icon, size, style }: TemplateIconProps) => {\n    const faIcon = normalizeIcon(icon);\n\n    return faIcon ? (\n        <FontAwesomeIcon\n            className={\"text-neutral-xstrong\"}\n            icon={faIcon}\n            size={size}\n            style={style}\n        />\n    ) : null;\n};\n"],"names":["TemplateIcon","icon","size","style","faIcon","normalizeIcon","FontAwesomeIcon"],"mappings":";;;AAWO,MAAMA,eAAe,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAqB;IACjE,MAAMC,SAASC,cAAcJ;IAE7B,OAAOG,SAAS,WAATA,GACH,oBAACE,iBAAeA;QACZ,WAAW;QACX,MAAMF;QACN,MAAMF;QACN,OAAOC;SAEX;AACR"}

package/admin/plugins/fieldRenderers/dynamicZone/TemplateListItem.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { CmsDynamicZoneTemplate } from "../../../../types.js";
-export interface TemplateListItemProps {
-    template: CmsDynamicZoneTemplate;
-    onTemplate: (template: CmsDynamicZoneTemplate) => void;
-}
-export declare const TemplateListItem: ({ template, onTemplate }: TemplateListItemProps) => React.JSX.Element;

package/admin/plugins/fieldRenderers/dynamicZone/TemplateListItem.js

@@ -1,36 +0,0 @@
-import react from "react";
-import { TemplateIcon } from "./TemplateIcon.js";
-import { Button, Dialog, Text } from "@webiny/admin-ui";
-import { ReactComponent } from "@webiny/icons/add.svg";
-const TemplateListItem = ({ template, onTemplate })=>/*#__PURE__*/ react.createElement(Dialog.Close, {
-        asChild: true
-    }, /*#__PURE__*/ react.createElement("div", {
-        onClick: ()=>onTemplate(template),
-        className: "group flex items-center gap-y-md py-sm-extra px-md rounded-lg bg-neutral-light hover:bg-[#f1f2f4] cursor-pointer"
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "flex items-center justify-center shrink-0 pr-md"
-    }, /*#__PURE__*/ react.createElement(TemplateIcon, {
-        icon: template.icon,
-        style: {
-            width: 24,
-            height: 24
-        }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "flex-1 min-w-0"
-    }, /*#__PURE__*/ react.createElement(Text, {
-        size: "md",
-        className: "text-neutral-primary font-semibold truncate"
-    }, template.name), template.description && /*#__PURE__*/ react.createElement(Text, {
-        size: "sm",
-        as: "div",
-        className: "text-neutral-muted truncate"
-    }, template.description)), /*#__PURE__*/ react.createElement("div", {
-        className: "hidden group-hover:block"
-    }, /*#__PURE__*/ react.createElement(Button, {
-        size: "md",
-        variant: "primary",
-        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
-    }, "Insert"))));
-export { TemplateListItem };
-
-//# sourceMappingURL=TemplateListItem.js.map

package/admin/plugins/fieldRenderers/dynamicZone/TemplateListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/TemplateListItem.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/TemplateListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.js\";\nimport { Text, Button } from \"@webiny/admin-ui\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add.svg\";\n\nexport interface TemplateListItemProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\n// Used #f1f2f4 b/c in Figma, the color was result of multiple colors combined.\nexport const TemplateListItem = ({ template, onTemplate }: TemplateListItemProps) => {\n    return (\n        <Dialog.Close asChild>\n            <div\n                onClick={() => onTemplate(template)}\n                className={\n                    \"group flex items-center gap-y-md py-sm-extra px-md rounded-lg bg-neutral-light hover:bg-[#f1f2f4] cursor-pointer\"\n                }\n            >\n                <div className={\"flex items-center justify-center shrink-0 pr-md\"}>\n                    <TemplateIcon icon={template.icon} style={{ width: 24, height: 24 }} />\n                </div>\n                <div className={\"flex-1 min-w-0\"}>\n                    <Text size={\"md\"} className={\"text-neutral-primary font-semibold truncate\"}>\n                        {template.name}\n                    </Text>\n                    {template.description && (\n                        <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-muted truncate\"}>\n                            {template.description}\n                        </Text>\n                    )}\n                </div>\n                <div className={\"hidden group-hover:block\"}>\n                    <Button size={\"md\"} variant={\"primary\"} icon={<PlusIcon />}>\n                        Insert\n                    </Button>\n                </div>\n            </div>\n        </Dialog.Close>\n    );\n};\n"],"names":["TemplateListItem","template","onTemplate","Dialog","TemplateIcon","Text","Button","PlusIcon"],"mappings":";;;;AAaO,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,UAAU,EAAyB,GACrE,WAAP,GACI,oBAACC,OAAO,KAAK;QAAC;qBACV,oBAAC;QACG,SAAS,IAAMD,WAAWD;QAC1B,WACI;qBAGJ,oBAAC;QAAI,WAAW;qBACZ,oBAACG,cAAYA;QAAC,MAAMH,SAAS,IAAI;QAAE,OAAO;YAAE,OAAO;YAAI,QAAQ;QAAG;uBAEtE,oBAAC;QAAI,WAAW;qBACZ,oBAACI,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBJ,SAAS,IAAI,GAEjBA,SAAS,WAAW,IAAI,WAAJ,GACjB,oBAACI,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCJ,SAAS,WAAW,kBAIjC,oBAAC;QAAI,WAAW;qBACZ,oBAACK,QAAMA;QAAC,MAAM;QAAM,SAAS;QAAW,oBAAM,oBAACC,gBAAQA;OAAK"}

package/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types/index.js";
-export interface TemplateContext {
-    template: CmsDynamicZoneTemplate;
-}
-export interface TemplateProviderProps {
-    template: CmsDynamicZoneTemplate;
-    children: React.ReactNode;
-}
-export declare const TemplateProvider: ({ template, children }: TemplateProviderProps) => React.JSX.Element;
-export declare function useTemplate(): TemplateContext | undefined;

package/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.js

@@ -1,18 +0,0 @@
-import react, { useMemo } from "react";
-const TemplateContext = /*#__PURE__*/ react.createContext(void 0);
-const TemplateProvider = ({ template, children })=>{
-    const context = useMemo(()=>({
-            template
-        }), [
-        template.id
-    ]);
-    return /*#__PURE__*/ react.createElement(TemplateContext.Provider, {
-        value: context
-    }, children);
-};
-function useTemplate() {
-    return react.useContext(TemplateContext);
-}
-export { TemplateProvider, useTemplate };
-
-//# sourceMappingURL=TemplateProvider.js.map

package/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport interface TemplateContext {\n    template: CmsDynamicZoneTemplate;\n}\n\nconst TemplateContext = React.createContext<TemplateContext | undefined>(undefined);\n\nexport interface TemplateProviderProps {\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const TemplateProvider = ({ template, children }: TemplateProviderProps) => {\n    const context = useMemo(() => ({ template }), [template.id]);\n    return <TemplateContext.Provider value={context}>{children}</TemplateContext.Provider>;\n};\n\nexport function useTemplate() {\n    return React.useContext(TemplateContext);\n}\n"],"names":["TemplateContext","React","undefined","TemplateProvider","template","children","context","useMemo","useTemplate"],"mappings":";AAOA,MAAMA,kBAAkB,WAAHA,GAAGC,MAAAA,aAAmB,CAA8BC;AAOlE,MAAMC,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB;IAC1E,MAAMC,UAAUC,QAAQ,IAAO;YAAEH;QAAS,IAAI;QAACA,SAAS,EAAE;KAAC;IAC3D,OAAO,WAAP,GAAO,oBAACJ,gBAAgB,QAAQ;QAAC,OAAOM;OAAUD;AACtD;AAEO,SAASG;IACZ,OAAOP,MAAAA,UAAgB,CAACD;AAC5B"}

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-import type { BindComponent, BindComponentRenderProp, CmsModel, CmsModelField, CmsModelFieldRendererPlugin } from "../../../../types.js";
-export type DynamicZoneContainerProps = {
-    field: CmsModelField;
-    getBind: (index?: number, key?: string) => BindComponent;
-    contentModel: CmsModel;
-    bind: BindComponentRenderProp;
-    children: React.ReactNode;
-    title?: string;
-    description?: string;
-    className?: string;
-    actions?: React.JSX.Element;
-};
-export declare const DynamicZoneContainer: ((props: DynamicZoneContainerProps) => React.JSX.Element) & {
-    original: (props: DynamicZoneContainerProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: ((props: DynamicZoneContainerProps) => React.JSX.Element) & {
-        original: (props: DynamicZoneContainerProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: DynamicZoneContainerProps) => React.JSX.Element) & {
-        original: (props: DynamicZoneContainerProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export declare const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin;