@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/types.d.ts

@@ -1,10 +1,11 @@
 import * as React from "react";
 import { Plugin } from "@webiny/plugins/types";
 import { ReactElement, ReactNode } from "react";
-import { BindComponent, FormRenderPropParams, FormAPI } from "@webiny/form/types";
+import { FormRenderPropParams, FormAPI, BindComponent as BaseBindComponent, BindComponentRenderProp as BaseBindComponentRenderProp, BindComponentProps as BaseBindComponentProps } from "@webiny/form";
 import { ApolloClient } from "apollo-client";
 import { IconPrefix, IconName } from "@fortawesome/fontawesome-svg-core";
 import Label from "./admin/components/ContentEntryForm/Label";
+import { SecurityPermission } from "@webiny/app-security/types";
 interface QueryFieldParams {
     field: CmsEditorField;
 }
@@ -102,7 +103,7 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          * })
          * ```
          */
-        createField: () => CmsEditorField;
+        createField: () => Pick<CmsEditorField, "type" | "validation" | "renderer" | "settings">;
         /**
          * A ReactNode that you can add in the section below the help text when creating/editing field.
          *
@@ -134,8 +135,9 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
          */
         renderPredefinedValues?: (params: {
             form: FormRenderPropParams;
+            field: CmsEditorField;
             getBind: (index?: number) => any;
-        }) => React.ReactNode;
+        }) => React.ReactElement;
         /**
          * Object wrapper for GraphQL stuff
          */
@@ -160,6 +162,12 @@ export interface CmsEditorFieldTypePlugin extends Plugin {
         render?(params: any): React.ReactElement;
     };
 }
+export interface CmsEditorFieldRendererProps {
+    field: CmsEditorField;
+    Label: typeof Label;
+    getBind: (index?: number, key?: string) => BindComponent;
+    contentModel: CmsEditorContentModel;
+}
 export interface CmsEditorFieldRendererPlugin extends Plugin {
     /**
      * a plugin type
@@ -226,26 +234,23 @@ export interface CmsEditorFieldRendererPlugin extends Plugin {
          * }
          * ```
          */
-        render(props: {
-            field: CmsEditorField;
-            Label: typeof Label;
-            getBind: (index?: number, key?: string) => any;
-            contentModel: CmsEditorContentModel;
-        }): React.ReactNode;
+        render(props: CmsEditorFieldRendererProps): React.ReactNode;
     };
 }
 export interface CmsEditorFieldPredefinedValuesEntry {
     label: string;
     value: string;
+    selected?: boolean;
 }
 export interface CmsEditorFieldPredefinedValues {
     enabled: boolean;
     values: CmsEditorFieldPredefinedValuesEntry[];
 }
 export declare type CmsEditorField<T = unknown> = T & {
-    id?: string;
+    id: string;
     type: string;
-    fieldId?: CmsEditorFieldId;
+    fieldId: CmsEditorFieldId;
+    storageId?: string;
     label?: string;
     helpText?: string;
     placeholderText?: string;
@@ -254,6 +259,13 @@ export declare type CmsEditorField<T = unknown> = T & {
     multipleValues?: boolean;
     predefinedValues?: CmsEditorFieldPredefinedValues;
     settings?: {
+        defaultValue?: string | null | undefined;
+        defaultSetValue?: string;
+        type?: string;
+        fields?: CmsEditorField<any>[];
+        layout?: string[][];
+        models?: Pick<CmsModel, "modelId" | "name">[];
+        imagesOnly?: boolean;
         [key: string]: any;
     };
     renderer: {
@@ -263,11 +275,8 @@ export declare type CmsEditorField<T = unknown> = T & {
 export declare type CmsEditorFieldId = string;
 export declare type CmsEditorFieldsLayout = CmsEditorFieldId[][];
 export interface CmsEditorContentModel {
-    id: CmsEditorFieldId;
-    group: {
-        id: string;
-        name: string;
-    };
+    id: string;
+    group: Pick<CmsGroup, "id" | "name">;
     description?: string;
     version: number;
     layout?: CmsEditorFieldsLayout;
@@ -276,31 +285,43 @@ export interface CmsEditorContentModel {
     name: string;
     modelId: string;
     titleFieldId: string;
-    settings: any;
+    settings: {
+        [key: string]: any;
+    };
     status: string;
     savedOn: string;
     meta: any;
+    createdBy: CmsCreatedBy;
+    /**
+     * If model is a plugin one (it cannot be changed/deleted)
+     */
+    plugin?: boolean;
 }
+export declare type CmsContentEntryStatusType = "draft" | "published" | "unpublished" | "changesRequested" | "reviewRequested";
 export interface CmsEditorContentEntry {
     id: string;
     savedOn: string;
-    [key: string]: any;
+    modelId: string;
+    createdBy: CmsCreatedBy;
     meta: {
         title: string;
         publishedOn: string;
         locked: boolean;
-        status: "draft" | "published" | "unpublished" | "changesRequested" | "reviewRequested";
+        status: CmsContentEntryStatusType;
         version: number;
     };
+    [key: string]: any;
 }
 export interface CmsContentEntryRevision {
     id: string;
     savedOn: string;
+    modelId: string;
+    createdBy: CmsCreatedBy;
     meta: {
         title: string;
         publishedOn: string;
         locked: boolean;
-        status: "draft" | "published" | "unpublished" | "changesRequested" | "reviewRequested";
+        status: CmsContentEntryStatusType;
         version: number;
     };
 }
@@ -309,24 +330,25 @@ export interface CmsEditorFieldValidator {
     message: string;
     settings: any;
 }
+export interface CmsEditorFieldValidatorPluginValidator {
+    name: string;
+    label: string;
+    description: string;
+    defaultMessage: string;
+    defaultSettings?: Record<string, any>;
+    renderSettings?: (props: {
+        field: CmsEditorField;
+        Bind: BindComponent;
+        setValue: (name: string, value: any) => void;
+        setMessage: (message: string) => void;
+        data: CmsEditorFieldValidator;
+    }) => React.ReactElement;
+}
 export interface CmsEditorFieldValidatorPlugin extends Plugin {
     type: "cms-editor-field-validator";
-    validator: {
-        name: string;
-        label: string;
-        description: string;
-        defaultMessage: string;
-        defaultSettings?: Record<string, any>;
-        renderSettings?: (props: {
-            field: CmsEditorField;
-            Bind: BindComponent;
-            setValue: (name: string, value: any) => void;
-            setMessage: (message: string) => void;
-            data: CmsEditorFieldValidator;
-        }) => React.ReactElement;
-    };
+    validator: CmsEditorFieldValidatorPluginValidator;
 }
-export declare type CmsEditorContentTab = React.FunctionComponent<{
+export declare type CmsEditorContentTab = React.FC<{
     activeTab: boolean;
 }>;
 export interface CmsEditorFieldOptionPlugin extends Plugin {
@@ -353,11 +375,11 @@ export interface CmsFieldValidator {
     message: any;
     settings: any;
 }
-export interface CmsModelFieldValidatorPlugin extends Plugin {
+export interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {
     type: "cms-model-field-validator";
     validator: {
         name: string;
-        validate: (value: any, validator: CmsFieldValidator | any) => Promise<any>;
+        validate: (value: T, validator: CmsFieldValidator) => Promise<any>;
     };
 }
 /**
@@ -390,7 +412,7 @@ export interface CmsModelFieldValidatorPatternPlugin extends Plugin {
 }
 export interface FieldLayoutPosition {
     row: number;
-    index: number;
+    index: number | null;
 }
 export interface CmsEditorFormSettingsPlugin extends Plugin {
     type: "cms-editor-form-settings";
@@ -398,12 +420,12 @@ export interface CmsEditorFormSettingsPlugin extends Plugin {
     description: string;
     icon: React.ReactElement;
     render(props: {
-        Bind: BindComponent;
+        Bind: BaseBindComponent;
         form: FormAPI;
         formData: any;
     }): React.ReactNode;
     renderHeaderActions?(props: {
-        Bind: BindComponent;
+        Bind: BaseBindComponent;
         form: FormAPI;
         formData: any;
     }): React.ReactNode;
@@ -481,4 +503,83 @@ export interface CmsContentFormRendererPlugin extends Plugin {
         fields: Record<string, React.ReactElement>;
     }): React.ReactNode;
 }
+/**
+ * #########################
+ * Data types
+ * #########################
+ */
+export interface CmsSecurityPermission extends SecurityPermission {
+    accessLevel?: "full" | "no" | "custom";
+    models?: Record<string, string>;
+    groups?: Record<string, string>;
+    endpoints?: string[];
+    locales?: string[];
+    rwd?: string;
+    own?: boolean;
+    pw?: string;
+}
+export interface CmsCreatedBy {
+    id: string;
+    displayName: string;
+    type: string;
+}
+/**
+ * @category GraphQL
+ * @category Model
+ */
+export declare type CmsModel = CmsEditorContentModel;
+/**
+ * @category GraphQL
+ * @category Group
+ */
+export interface CmsGroup {
+    id: string;
+    name: string;
+    slug: string;
+    icon?: string;
+    description?: string;
+    contentModels: CmsModel[];
+    createdBy: CmsCreatedBy;
+    /**
+     * Tells if this group is a plugin one (cannot be changed/deleted)
+     */
+    plugin?: boolean;
+}
+/**
+ * @category GraphQL
+ * @category Error
+ */
+export interface CmsErrorResponse {
+    message: string;
+    code: string;
+    data: Record<string, any> | Record<string, any>[];
+}
+/**
+ * @category GraphQL
+ * @category Meta
+ */
+export interface CmsMetaResponse {
+    totalCount: number;
+    cursor: string | null;
+    hasMoreItems: boolean;
+}
+/***
+ * ###### FORM ########
+ */
+export interface BindComponentRenderProp extends BaseBindComponentRenderProp {
+    parentName: string;
+    appendValue: (value: any) => void;
+    prependValue: (value: any) => void;
+    appendValues: (values: any[]) => void;
+    removeValue: (index: number) => void;
+    moveValueUp: (index: number) => void;
+    moveValueDown: (index: number) => void;
+}
+interface BindComponentProps extends Omit<BaseBindComponentProps, "children" | "name"> {
+    name?: string;
+    children?: ((props: BindComponentRenderProp) => React.ReactElement) | React.ReactElement;
+}
+export declare type BindComponent = React.FC<BindComponentProps> & {
+    parentName?: string;
+};
 export {};

package/types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ReactElement, ReactNode } from \"react\";\nimport {\n    FormRenderPropParams,\n    FormAPI,\n    BindComponent as BaseBindComponent,\n    BindComponentRenderProp as BaseBindComponentRenderProp,\n    BindComponentProps as BaseBindComponentProps\n} from \"@webiny/form\";\nimport { ApolloClient } from \"apollo-client\";\nimport { IconPrefix, IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport Label from \"./admin/components/ContentEntryForm/Label\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\ninterface QueryFieldParams {\n    field: CmsEditorField;\n}\n\nexport interface CmsEditorFieldTypePlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-type\";\n    field: {\n        /**\n         * A unique identifier of the field type (text, number, json, myField, ...).\n         *\n         * ```ts\n         * type: \"myField\"\n         * ```\n         */\n        type: string;\n        /**\n         * A display name for the field.\n         *\n         * ```ts\n         * label: \"Field name\"\n         * ```\n         */\n        label: string;\n        /**\n         * A list of available validators for the model field.\n         *\n         * ```ts\n         * validators: [\n         *     \"required\",\n         *     \"gte\",\n         *     \"lte\"\n         * ]\n         * ```\n         */\n        validators?: string[];\n        /**\n         * A list of available validators when a model field accepts a list (array) of values.\n         *\n         * ```ts\n         * listValidators: [\n         *     \"minLength\",\n         *     \"maxLength\"\n         * ]\n         * ```\n         */\n        listValidators?: string[];\n        /**\n         * An explanation of the field displayed beneath the label.\n         *\n         * ```ts\n         * description: \"A short description of the field\"\n         * ```\n         */\n        description: string;\n        /**\n         * A ReactNode to display the icon for the field.\n         *\n         * ```tsx\n         * icon: <MyIconComponent />\n         * ```\n         */\n        icon: React.ReactNode;\n        /**\n         * Is it allowed to have multiple values in this field?\n         *\n         * ```ts\n         * allowMultipleValues: true\n         * ```\n         */\n        allowMultipleValues: boolean;\n        /**\n         * Does this field type have a fixed list of values that can be selected?\n         *\n         * ```ts\n         * allowPredefinedValues: false\n         * ```\n         */\n        allowPredefinedValues: boolean;\n        /**\n         * A ReactNode label when multiple values are enabled.\n         */\n        multipleValuesLabel: React.ReactNode;\n        /**\n         * These are default values when the field is first created. This is a representation of the field that is stored in the database.\n         *\n         * ```ts\n         * createField: () => ({\n         *     type: \"fieldType\",\n         *     validation: [],\n         *     renderer: {\n         *         name: \"fieldTypeRenderer\"\n         *     }\n         * })\n         * ```\n         */\n        createField: () => Pick<CmsEditorField, \"type\" | \"validation\" | \"renderer\" | \"settings\">;\n        /**\n         * A ReactNode that you can add in the section below the help text when creating/editing field.\n         *\n         * ```tsx\n         * renderSettings: (params) => {\n         *     return <FieldSettingsComponent />;\n         * }\n         * ```\n         */\n        renderSettings?: (params: {\n            form: FormRenderPropParams;\n            afterChangeLabel: (value: string) => void;\n            uniqueFieldIdValidator: (fieldId: string) => void;\n            contentModel: CmsEditorContentModel;\n        }) => React.ReactNode;\n        /**\n         * A ReactNode that renders in the Predefined values tab.\n         *\n         * ```tsx\n         * renderPredefinedValues: (params) => {\n         *     const {form: {Bind}} = params;\n         *     return (\n         *         <Bind name=\"fieldProperty\">\n         *             <InputComponent />\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        renderPredefinedValues?: (params: {\n            form: FormRenderPropParams;\n            field: CmsEditorField;\n            getBind: (index?: number) => any;\n        }) => React.ReactElement;\n        /**\n         * Object wrapper for GraphQL stuff\n         */\n        graphql?: {\n            /**\n             * Define field selection.\n             *\n             * ```ts\n             * graphql: {\n             *     queryField: `\n             *         {\n             *             id\n             *             title\n             *             createdOn\n             *         }\n             *     `,\n             * }\n             * ```\n             */\n            queryField?: string | ((params: QueryFieldParams) => string);\n        };\n        render?(params: any): React.ReactElement;\n    };\n}\n\nexport interface CmsEditorFieldRendererProps {\n    field: CmsEditorField;\n    Label: typeof Label;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport interface CmsEditorFieldRendererPlugin extends Plugin {\n    /**\n     * a plugin type\n     */\n    type: \"cms-editor-field-renderer\";\n    renderer: {\n        /**\n         * Name of the renderer to match the one from `createField()` method in `CmsEditorFieldTypePlugin`.\n         *\n         * ```ts\n         * renderName: \"myFieldTypeRenderer\"\n         * ```\n         */\n        rendererName: string;\n        /**\n         * A display name for the field in the UI. It is a `ReactNode` type so you can return a component if you want to.\n         *\n         * ```tsx\n         * name: <MyFieldNameComponent />\n         * ```\n         */\n        name: React.ReactNode;\n        /**\n         * A description for the field in the UI. Works exactly like the `name` property.\n         *\n         * ```tsx\n         * name: <MyFieldDescriptionComponent />\n         * ```\n         */\n        description: React.ReactNode;\n        /**\n         * A method that determines if the field can be rendered by this plugin.\n         *\n         * ```ts\n         * canUse({ field }) {\n         *     return (\n         *         field.type === \"myType\" && !field.multipleValues\n         *     );\n         * }\n         * ```\n         */\n        canUse(props: { field: CmsEditorField }): boolean;\n        /**\n         * Renders a field in the UI.\n         *\n         * ```tsx\n         * render({ field, getBind }) {\n         *     const Bind = getBind();\n         *\n         *     return (\n         *         <Bind>\n         *             {bind => {\n         *                 return (\n         *                     <Input\n         *                         value={bind.value}\n         *                         onChange={bind.onChange}\n         *                     />\n         *                 )\n         *             }}\n         *         </Bind>\n         *     );\n         * }\n         * ```\n         */\n        render(props: CmsEditorFieldRendererProps): React.ReactNode;\n    };\n}\n\nexport interface CmsEditorFieldPredefinedValuesEntry {\n    label: string;\n    value: string;\n    selected?: boolean;\n}\n\nexport interface CmsEditorFieldPredefinedValues {\n    enabled: boolean;\n    values: CmsEditorFieldPredefinedValuesEntry[];\n}\n\nexport type CmsEditorField<T = unknown> = T & {\n    id: string;\n    type: string;\n    fieldId: CmsEditorFieldId;\n    storageId?: string;\n    label?: string;\n    helpText?: string;\n    placeholderText?: string;\n    validation?: CmsEditorFieldValidator[];\n    listValidation?: CmsEditorFieldValidator[];\n    multipleValues?: boolean;\n    predefinedValues?: CmsEditorFieldPredefinedValues;\n    settings?: {\n        defaultValue?: string | null | undefined;\n        defaultSetValue?: string;\n        type?: string;\n        fields?: CmsEditorField<any>[];\n        layout?: string[][];\n        models?: Pick<CmsModel, \"modelId\" | \"name\">[];\n        imagesOnly?: boolean;\n        [key: string]: any;\n    };\n    renderer: {\n        name: string;\n    };\n};\n\nexport type CmsEditorFieldId = string;\nexport type CmsEditorFieldsLayout = CmsEditorFieldId[][];\n\nexport interface CmsEditorContentModel {\n    id: string;\n    group: Pick<CmsGroup, \"id\" | \"name\">;\n    description?: string;\n    version: number;\n    layout?: CmsEditorFieldsLayout;\n    fields: CmsEditorField[];\n    lockedFields: CmsEditorField[];\n    name: string;\n    modelId: string;\n    titleFieldId: string;\n    settings: {\n        [key: string]: any;\n    };\n    status: string;\n    savedOn: string;\n    meta: any;\n    createdBy: CmsCreatedBy;\n    /**\n     * If model is a plugin one (it cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n\nexport type CmsContentEntryStatusType =\n    | \"draft\"\n    | \"published\"\n    | \"unpublished\"\n    | \"changesRequested\"\n    | \"reviewRequested\";\n\nexport interface CmsEditorContentEntry {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n    [key: string]: any;\n}\n\nexport interface CmsContentEntryRevision {\n    id: string;\n    savedOn: string;\n    modelId: string;\n    createdBy: CmsCreatedBy;\n    meta: {\n        title: string;\n        publishedOn: string;\n        locked: boolean;\n        status: CmsContentEntryStatusType;\n        version: number;\n    };\n}\n\nexport interface CmsEditorFieldValidator {\n    name: string;\n    message: string;\n    settings: any;\n}\n\nexport interface CmsEditorFieldValidatorPluginValidator {\n    name: string;\n    label: string;\n    description: string;\n    defaultMessage: string;\n    defaultSettings?: Record<string, any>;\n    renderSettings?: (props: {\n        field: CmsEditorField;\n        Bind: BindComponent;\n        setValue: (name: string, value: any) => void;\n        setMessage: (message: string) => void;\n        data: CmsEditorFieldValidator;\n    }) => React.ReactElement;\n}\nexport interface CmsEditorFieldValidatorPlugin extends Plugin {\n    type: \"cms-editor-field-validator\";\n    validator: CmsEditorFieldValidatorPluginValidator;\n}\n\nexport type CmsEditorContentTab = React.FC<{ activeTab: boolean }>;\n\n// ------------------------------------------------------------------------------------------------------------\nexport interface CmsEditorFieldOptionPlugin extends Plugin {\n    type: \"cms-editor-field-option\";\n    render(): ReactElement;\n}\n\nexport interface CmsContentDetailsPlugin extends Plugin {\n    render: (params: any) => ReactNode;\n}\n\nexport interface CmsContentDetailsRevisionContentPlugin extends Plugin {\n    type: \"cms-content-details-revision-content\";\n    render(params: any): ReactElement;\n}\n\nexport interface CmsEditorFieldValidatorPatternPlugin extends Plugin {\n    type: \"cms-editor-field-validator-pattern\";\n    pattern: {\n        name: string;\n        message: string;\n        label: string;\n    };\n}\n\nexport interface CmsFieldValidator {\n    name: string;\n    message: any;\n    settings: any;\n}\n\nexport interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {\n    type: \"cms-model-field-validator\";\n    validator: {\n        name: string;\n        validate: (value: T, validator: CmsFieldValidator) => Promise<any>;\n    };\n}\n\n/**\n * @category Plugin\n * @category ContentModelField\n * @category FieldValidation\n */\nexport interface CmsModelFieldValidatorPatternPlugin extends Plugin {\n    /**\n     * A plugin type\n     */\n    type: \"cms-model-field-validator-pattern\";\n    /**\n     * A pattern object for the validator.\n     */\n    pattern: {\n        /**\n         * name of the pattern.\n         */\n        name: string;\n        /**\n         * RegExp of the validator.\n         */\n        regex: string;\n        /**\n         * RegExp flags\n         */\n        flags: string;\n    };\n}\n\nexport interface FieldLayoutPosition {\n    row: number;\n    index: number | null;\n}\n\nexport interface CmsEditorFormSettingsPlugin extends Plugin {\n    type: \"cms-editor-form-settings\";\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    render(props: { Bind: BaseBindComponent; form: FormAPI; formData: any }): React.ReactNode;\n    renderHeaderActions?(props: {\n        Bind: BaseBindComponent;\n        form: FormAPI;\n        formData: any;\n    }): React.ReactNode;\n}\n\nexport interface CmsIcon {\n    /**\n     * [ pack, icon ], ex: [\"fab\", \"cog\"]\n     */\n    id: [IconPrefix, IconName];\n    /**\n     * Icon name\n     */\n    name: string;\n    /**\n     * SVG element\n     */\n    svg: ReactElement;\n}\n\nexport interface CmsIconsPlugin extends Plugin {\n    type: \"cms-icons\";\n    getIcons(): CmsIcon[];\n}\n\nexport interface UseContentModelEditorReducerState {\n    apolloClient: ApolloClient<any>;\n    id: string;\n}\n\n/**\n * Transform field value when sending data to the API.\n */\nexport interface CmsFieldValueTransformer extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-field-value-transformer\";\n    /**\n     * A field type for the value transformer. Or a list of field types.\n     */\n    fieldType: string | string[];\n    /**\n     * A transformer function that takes a value and returns a new one.\n     */\n    transform: (value: any, field: CmsEditorField) => any;\n}\n\n/**\n * Define a custom form layout renderer for a specific content model.\n */\nexport interface CmsContentFormRendererPlugin extends Plugin {\n    /**\n     * A plugin type.\n     */\n    type: \"cms-content-form-renderer\";\n    /**\n     * Content model ID that will use this renderer.\n     */\n    modelId: string;\n\n    /**\n     * A function that will render a custom form layout.\n     */\n    render(props: {\n        /**\n         * Content model that is being rendered.\n         */\n        contentModel: CmsEditorContentModel;\n        /**\n         * Content entry data handled by the Form element.\n         */\n        data: Record<string, any>;\n        /**\n         * A component to bind data to the Form.\n         */\n        Bind: BindComponent;\n        /**\n         * Content model fields to render.\n         */\n        fields: Record<string, React.ReactElement>;\n    }): React.ReactNode;\n}\n/**\n * #########################\n * Data types\n * #########################\n */\nexport interface CmsSecurityPermission extends SecurityPermission {\n    accessLevel?: \"full\" | \"no\" | \"custom\";\n    models?: Record<string, string>;\n    groups?: Record<string, string>;\n    endpoints?: string[];\n    locales?: string[];\n    rwd?: string;\n    own?: boolean;\n    pw?: string;\n}\nexport interface CmsCreatedBy {\n    id: string;\n    displayName: string;\n    type: string;\n}\n/**\n * @category GraphQL\n * @category Model\n */\nexport type CmsModel = CmsEditorContentModel;\n/**\n * @category GraphQL\n * @category Group\n */\nexport interface CmsGroup {\n    id: string;\n    name: string;\n    slug: string;\n    icon?: string;\n    description?: string;\n    contentModels: CmsModel[];\n    createdBy: CmsCreatedBy;\n    /**\n     * Tells if this group is a plugin one (cannot be changed/deleted)\n     */\n    plugin?: boolean;\n}\n/**\n * @category GraphQL\n * @category Error\n */\nexport interface CmsErrorResponse {\n    message: string;\n    code: string;\n    data: Record<string, any> | Record<string, any>[];\n}\n/**\n * @category GraphQL\n * @category Meta\n */\nexport interface CmsMetaResponse {\n    totalCount: number;\n    cursor: string | null;\n    hasMoreItems: boolean;\n}\n\n/***\n * ###### FORM ########\n */\nexport interface BindComponentRenderProp extends BaseBindComponentRenderProp {\n    parentName: string;\n    appendValue: (value: any) => void;\n    prependValue: (value: any) => void;\n    appendValues: (values: any[]) => void;\n    removeValue: (index: number) => void;\n    moveValueUp: (index: number) => void;\n    moveValueDown: (index: number) => void;\n}\n\ninterface BindComponentProps extends Omit<BaseBindComponentProps, \"children\" | \"name\"> {\n    name?: string;\n    children?: ((props: BindComponentRenderProp) => React.ReactElement) | React.ReactElement;\n}\n\nexport type BindComponent = React.FC<BindComponentProps> & {\n    parentName?: string;\n};\n"],"mappings":""}

package/admin/plugins/fieldRenderers/ref/components/getOptions.d.ts

@@ -1 +0,0 @@
-export declare const getOptions: (entries?: any[], extraOptions?: any) => any[];

package/admin/plugins/fieldRenderers/ref/components/getOptions.js

@@ -1,21 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-export var getOptions = function getOptions() {
-  var entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var extraOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return entries.map(function (item) {
-    var name = item.title;
-
-    if (!name) {
-      return null;
-    }
-
-    var extraData = typeof extraOptions === "function" ? extraOptions(item) : {};
-    return _objectSpread({
-      id: item.id,
-      modelId: item.model.modelId,
-      modelName: item.model.name,
-      name: name,
-      published: item.status === "published"
-    }, extraData);
-  }).filter(Boolean);
-};

package/admin/plugins/menus/CmsMenuLoader.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView";
-interface Props {
-    view: NavigationView;
-}
-export declare const CmsMenuLoader: React.MemoExoticComponent<({ view }: Props) => JSX.Element>;
-export {};

package/admin/plugins/menus/CmsMenuLoader.js

@@ -1,76 +0,0 @@
-import React, { useEffect } from "react";
-import { NavigationMenuElement } from "@webiny/app-admin/ui/elements/NavigationMenuElement";
-import { ReactComponent as HeadlessCmsIcon } from "@svgr/webpack!../../icons/devices_other-black-24px.svg";
-import GlobalSearchPlugins from "./GlobalSearchPlugins";
-import usePermission from "../../hooks/usePermission";
-import { ContentGroupsMenuItems } from "./ContentGroupsMenuItems";
-import { ContentGroupMenuElement } from "../../elements/ContentGroupMenuElement";
-export var CmsMenuLoader = /*#__PURE__*/React.memo(function (_ref) {
-  var view = _ref.view;
-
-  var _usePermission = usePermission(),
-      canAccessManageEndpoint = _usePermission.canAccessManageEndpoint,
-      canReadContentModels = _usePermission.canReadContentModels,
-      canReadContentModelGroups = _usePermission.canReadContentModelGroups,
-      canCreateContentModels = _usePermission.canCreateContentModels,
-      canCreateContentModelGroups = _usePermission.canCreateContentModelGroups;
-
-  var hasAccess = canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);
-  useEffect(function () {
-    if (!hasAccess) {
-      return;
-    }
-    /**
-     * Create the main "Headless CMS" menu group.
-     */
-
-
-    var mainMenu = view.addAppMenuElement(new NavigationMenuElement("headlessCms.mainMenu", {
-      label: "Headless CMS",
-      icon: /*#__PURE__*/React.createElement(HeadlessCmsIcon, null)
-    }));
-    mainMenu.addSorter(function (a, b) {
-      if (a instanceof ContentGroupMenuElement && b instanceof NavigationMenuElement) {
-        return 1;
-      }
-
-      if (a instanceof NavigationMenuElement && b instanceof ContentGroupMenuElement) {
-        return -1;
-      }
-
-      return 0;
-    });
-    /**
-     * Add "Content Models" section if the user can create either models or groups.
-     */
-
-    if (canCreateContentModels || canCreateContentModelGroups) {
-      var contentModelsMenu = mainMenu.addElement(new NavigationMenuElement("headlessCms.contentModels", {
-        label: "Content Models"
-      }));
-
-      if (canCreateContentModels) {
-        contentModelsMenu.addElement(new NavigationMenuElement("headlessCms.contentModels.models", {
-          label: "Models",
-          path: "/cms/content-models"
-        }));
-      }
-
-      if (canCreateContentModelGroups) {
-        contentModelsMenu.addElement(new NavigationMenuElement("headlessCms.contentModels.groups", {
-          label: "Groups",
-          path: "/cms/content-model-groups"
-        }));
-      }
-    }
-  }, []);
-
-  if (!hasAccess) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalSearchPlugins, null), /*#__PURE__*/React.createElement(ContentGroupsMenuItems, {
-    view: view
-  }));
-});
-CmsMenuLoader.displayName = "CmsMenuLoader";

package/admin/plugins/menus/ContentGroupsMenuItems.d.ts

@@ -1,6 +0,0 @@
-import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView";
-interface Props {
-    view: NavigationView;
-}
-export declare const ContentGroupsMenuItems: ({ view }: Props) => any;
-export {};

package/admin/plugins/menus/ContentGroupsMenuItems.js

@@ -1,154 +0,0 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect } from "react";
-import get from "lodash/get";
-import pluralize from "pluralize";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
-import useQuery from "../../hooks/useQuery";
-import usePermission from "../../hooks/usePermission";
-import { ContentGroupMenuElement } from "../../elements/ContentGroupMenuElement";
-import { NothingToShowElement } from "../../elements/NothingToShowElement";
-import { ContentModelMenuElement } from "../../elements/ContentModelMenuElement";
-export var ContentGroupsMenuItems = function ContentGroupsMenuItems(_ref) {
-  var view = _ref.view;
-  var response = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS);
-
-  var _ref2 = get(response, "data.listContentModelGroups") || {},
-      groups = _ref2.data;
-
-  var _usePermission = usePermission(),
-      canReadEntries = _usePermission.canReadEntries;
-
-  function createMenuItems() {
-    return _createMenuItems.apply(this, arguments);
-  }
-
-  function _createMenuItems() {
-    _createMenuItems = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var mainMenu, _iterator, _step, _loop, _ret;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return view.awaitElement("headlessCms.mainMenu");
-
-            case 2:
-              mainMenu = _context.sent;
-
-              if (mainMenu) {
-                _context.next = 5;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 5:
-              _iterator = _createForOfIteratorHelper(groups);
-              _context.prev = 6;
-
-              _loop = function _loop() {
-                var group = _step.value;
-                // Check if user has "contentEntry" permission for any content model for a content model group
-                var hasContentEntryPermission = group.contentModels.some(function (contentModel) {
-                  return canReadEntries({
-                    contentModelGroup: group,
-                    contentModel: contentModel
-                  });
-                });
-
-                if (group.contentModels.length > 0 && !hasContentEntryPermission) {
-                  return "continue";
-                }
-
-                var groupMenuItem = mainMenu.addElement(new ContentGroupMenuElement("cms-content-models-".concat(group.id), {
-                  label: group.name,
-                  icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-                    style: {
-                      color: "var(--mdc-theme-text-secondary-on-background)"
-                    },
-                    icon: group.icon.split("/")
-                  })
-                }));
-                groupMenuItem.addElement(new NothingToShowElement("cms-content-models-".concat(group.id, "-empty"), {
-                  label: "Nothing to show.",
-                  shouldRender: function shouldRender() {
-                    return group.contentModels.length === 0;
-                  }
-                }));
-                group.contentModels.forEach(function (contentModel) {
-                  if (canReadEntries({
-                    contentModelGroup: group,
-                    contentModel: contentModel
-                  })) {
-                    groupMenuItem.addElement(new ContentModelMenuElement(contentModel.modelId, {
-                      label: pluralize(contentModel.name),
-                      path: "/cms/content-entries/".concat(contentModel.modelId)
-                    }));
-                  }
-                });
-              };
-
-              _iterator.s();
-
-            case 9:
-              if ((_step = _iterator.n()).done) {
-                _context.next = 15;
-                break;
-              }
-
-              _ret = _loop();
-
-              if (!(_ret === "continue")) {
-                _context.next = 13;
-                break;
-              }
-
-              return _context.abrupt("continue", 13);
-
-            case 13:
-              _context.next = 9;
-              break;
-
-            case 15:
-              _context.next = 20;
-              break;
-
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](6);
-
-              _iterator.e(_context.t0);
-
-            case 20:
-              _context.prev = 20;
-
-              _iterator.f();
-
-              return _context.finish(20);
-
-            case 23:
-              view.refresh();
-
-            case 24:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[6, 17, 20, 23]]);
-    }));
-    return _createMenuItems.apply(this, arguments);
-  }
-
-  useEffect(function () {
-    if (!groups) {
-      return;
-    }
-
-    createMenuItems();
-  }, [groups]);
-  return null;
-};

package/admin/plugins/menus.d.ts

@@ -1,4 +0,0 @@
-import { UIViewPlugin } from "@webiny/app-admin/ui/UIView";
-import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView";
-declare const _default: UIViewPlugin<NavigationView>[];
-export default _default;

package/admin/plugins/menus.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { GenericElement } from "@webiny/app-admin/ui/elements/GenericElement";
-import { CmsMenuLoader } from "./menus/CmsMenuLoader";
-import { UIViewPlugin } from "@webiny/app-admin/ui/UIView";
-import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView"; // import { NavigationMenuElement } from "@webiny/app-admin/elements/NavigationMenuElement";
-// import { ReactComponent as BeenHere } from "~/admin/icons/beenhere.svg";
-
-export default [new UIViewPlugin(NavigationView, function (view) {
-  view.addElement(new GenericElement("headlessCms.menuLoader", function () {
-    return /*#__PURE__*/React.createElement(CmsMenuLoader, {
-      view: view
-    });
-  })); // !EXAMPLE!
-  // This shows how you can move dynamically generated CMS menu items around and place them anywhere in the menu.
-  // view.awaitElement<NavigationMenuElement>("advancedTopic").then(element => {
-  //     element.setIcon(<BeenHere />);
-  //     element.moveBefore(view.getElement("headlessCms.mainMenu"));
-  // });
-})];