@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/static/svg/view.4b2c6624.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 8.8125C9.8875 8.8125 10.6406 8.50313 11.2594 7.88437C11.8781 7.26562 12.1875 6.5125 12.1875 5.625C12.1875 4.7375 11.8781 3.98438 11.2594 3.36563C10.6406 2.74688 9.8875 2.4375 9 2.4375C8.1125 2.4375 7.35938 2.74688 6.74063 3.36563C6.12188 3.98438 5.8125 4.7375 5.8125 5.625C5.8125 6.5125 6.12188 7.26562 6.74063 7.88437C7.35938 8.50313 8.1125 8.8125 9 8.8125ZM9 7.725C8.4125 7.725 7.91563 7.52188 7.50937 7.11563C7.10312 6.70937 6.9 6.2125 6.9 5.625C6.9 5.0375 7.10312 4.54063 7.50937 4.13437C7.91563 3.72812 8.4125 3.525 9 3.525C9.5875 3.525 10.0844 3.72812 10.4906 4.13437C10.8969 4.54063 11.1 5.0375 11.1 5.625C11.1 6.2125 10.8969 6.70937 10.4906 7.11563C10.0844 7.52188 9.5875 7.725 9 7.725ZM9 11.25C7.175 11.25 5.525 10.7312 4.05 9.69375C2.575 8.65625 1.475 7.3 0.75 5.625C1.475 3.95 2.575 2.59375 4.05 1.55625C5.525 0.51875 7.175 0 9 0C10.825 0 12.475 0.51875 13.95 1.55625C15.425 2.59375 16.525 3.95 17.25 5.625C16.525 7.3 15.425 8.65625 13.95 9.69375C12.475 10.7312 10.825 11.25 9 11.25ZM9 10.125C10.5125 10.125 11.9031 9.71562 13.1719 8.89688C14.4406 8.07812 15.4062 6.9875 16.0687 5.625C15.4062 4.2625 14.4406 3.17188 13.1719 2.35312C11.9031 1.53437 10.5125 1.125 9 1.125C7.4875 1.125 6.09688 1.53437 4.82812 2.35312C3.55938 3.17188 2.5875 4.2625 1.9125 5.625C2.5875 6.9875 3.55938 8.07812 4.82812 8.89688C6.09688 9.71562 7.4875 10.125 9 10.125Z" fill="#FA5723"/>
+</svg>

package/static/svg/view_list.c4c9d31d.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none" opacity=".87"/><path d="M4 14h2c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1zm0 5h2c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1zM4 9h2c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1zm5 5h10c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1zm0 5h10c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1zM8 6v2c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1z"/></svg>

package/static/svg/visibility.2b9cb52f.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_5">
+	</g>
+	<path d="M12,4C7,4,2.73,7.11,1,11.5C2.73,15.89,7,19,12,19s9.27-3.11,11-7.5C21.27,7.11,17,4,12,4z M12,16.5c-2.76,0-5-2.24-5-5
+		s2.24-5,5-5s5,2.24,5,5S14.76,16.5,12,16.5z M12,8.5c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S13.66,8.5,12,8.5z"/>
+</g>
+</svg>

package/types.d.ts

@@ -1,593 +1,34 @@
-import * as React from "react";
-import { Plugin } from "@webiny/plugins/types";
-import { ReactElement, ReactNode } from "react";
-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;
-}
-export interface CmsEditorFieldTypePlugin extends Plugin {
-    /**
-     * a plugin type
-     */
-    type: "cms-editor-field-type";
-    field: {
-        /**
-         * A unique identifier of the field type (text, number, json, myField, ...).
-         *
-         * ```ts
-         * type: "myField"
-         * ```
-         */
-        type: string;
-        /**
-         * A display name for the field.
-         *
-         * ```ts
-         * label: "Field name"
-         * ```
-         */
-        label: string;
-        /**
-         * A list of available validators for the model field.
-         *
-         * ```ts
-         * validators: [
-         *     "required",
-         *     "gte",
-         *     "lte"
-         * ]
-         * ```
-         */
-        validators?: string[];
-        /**
-         * A list of available validators when a model field accepts a list (array) of values.
-         *
-         * ```ts
-         * listValidators: [
-         *     "minLength",
-         *     "maxLength"
-         * ]
-         * ```
-         */
-        listValidators?: string[];
-        /**
-         * An explanation of the field displayed beneath the label.
-         *
-         * ```ts
-         * description: "A short description of the field"
-         * ```
-         */
-        description: string;
-        /**
-         * A ReactNode to display the icon for the field.
-         *
-         * ```tsx
-         * icon: <MyIconComponent />
-         * ```
-         */
-        icon: React.ReactNode;
-        /**
-         * Is it allowed to have multiple values in this field?
-         *
-         * ```ts
-         * allowMultipleValues: true
-         * ```
-         */
-        allowMultipleValues: boolean;
-        /**
-         * Does this field type have a fixed list of values that can be selected?
-         *
-         * ```ts
-         * allowPredefinedValues: false
-         * ```
-         */
-        allowPredefinedValues: boolean;
-        /**
-         * A ReactNode label when multiple values are enabled.
-         */
-        multipleValuesLabel: React.ReactNode;
-        /**
-         * These are default values when the field is first created. This is a representation of the field that is stored in the database.
-         *
-         * ```ts
-         * createField: () => ({
-         *     type: "fieldType",
-         *     validation: [],
-         *     renderer: {
-         *         name: "fieldTypeRenderer"
-         *     }
-         * })
-         * ```
-         */
-        createField: () => Pick<CmsEditorField, "type" | "validation" | "renderer" | "settings">;
-        /**
-         * A ReactNode that you can add in the section below the help text when creating/editing field.
-         *
-         * ```tsx
-         * renderSettings: (params) => {
-         *     return <FieldSettingsComponent />;
-         * }
-         * ```
-         */
-        renderSettings?: (params: {
-            form: FormRenderPropParams;
-            afterChangeLabel: (value: string) => void;
-            uniqueFieldIdValidator: (fieldId: string) => void;
-            contentModel: CmsEditorContentModel;
-        }) => React.ReactNode;
-        /**
-         * A ReactNode that renders in the Predefined values tab.
-         *
-         * ```tsx
-         * renderPredefinedValues: (params) => {
-         *     const {form: {Bind}} = params;
-         *     return (
-         *         <Bind name="fieldProperty">
-         *             <InputComponent />
-         *         </Bind>
-         *     );
-         * }
-         * ```
-         */
-        renderPredefinedValues?: (params: {
-            form: FormRenderPropParams;
-            field: CmsEditorField;
-            getBind: (index?: number) => any;
-        }) => React.ReactElement;
-        /**
-         * Object wrapper for GraphQL stuff
-         */
-        graphql?: {
-            /**
-             * Define field selection.
-             *
-             * ```ts
-             * graphql: {
-             *     queryField: `
-             *         {
-             *             id
-             *             title
-             *             createdOn
-             *         }
-             *     `,
-             * }
-             * ```
-             */
-            queryField?: string | ((params: QueryFieldParams) => string);
-        };
-        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
-     */
-    type: "cms-editor-field-renderer";
-    renderer: {
-        /**
-         * Name of the renderer to match the one from `createField()` method in `CmsEditorFieldTypePlugin`.
-         *
-         * ```ts
-         * renderName: "myFieldTypeRenderer"
-         * ```
-         */
-        rendererName: string;
-        /**
-         * A display name for the field in the UI. It is a `ReactNode` type so you can return a component if you want to.
-         *
-         * ```tsx
-         * name: <MyFieldNameComponent />
-         * ```
-         */
-        name: React.ReactNode;
-        /**
-         * A description for the field in the UI. Works exactly like the `name` property.
-         *
-         * ```tsx
-         * name: <MyFieldDescriptionComponent />
-         * ```
-         */
-        description: React.ReactNode;
-        /**
-         * A method that determines if the field can be rendered by this plugin.
-         *
-         * ```ts
-         * canUse({ field }) {
-         *     return (
-         *         field.type === "myType" && !field.multipleValues
-         *     );
-         * }
-         * ```
-         */
-        canUse(props: {
-            field: CmsEditorField;
-        }): boolean;
-        /**
-         * Renders a field in the UI.
-         *
-         * ```tsx
-         * render({ field, getBind }) {
-         *     const Bind = getBind();
-         *
-         *     return (
-         *         <Bind>
-         *             {bind => {
-         *                 return (
-         *                     <Input
-         *                         value={bind.value}
-         *                         onChange={bind.onChange}
-         *                     />
-         *                 )
-         *             }}
-         *         </Bind>
-         *     );
-         * }
-         * ```
-         */
-        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;
-    type: string;
-    fieldId: CmsEditorFieldId;
-    storageId?: string;
-    label?: string;
-    helpText?: string;
-    placeholderText?: string;
-    validation?: CmsEditorFieldValidator[];
-    listValidation?: CmsEditorFieldValidator[];
-    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: {
-        name: string;
-    };
-};
-export declare type CmsEditorFieldId = string;
-export declare type CmsEditorFieldsLayout = CmsEditorFieldId[][];
-export interface CmsEditorContentModel {
-    id: string;
-    group: Pick<CmsGroup, "id" | "name">;
-    description?: string;
-    version: number;
-    layout?: CmsEditorFieldsLayout;
-    fields: CmsEditorField[];
-    lockedFields: CmsEditorField[];
-    name: string;
-    modelId: string;
-    titleFieldId: string;
-    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";
-export interface CmsEditorContentEntry {
-    id: string;
-    savedOn: string;
-    modelId: string;
-    createdBy: CmsCreatedBy;
-    meta: {
-        title: string;
-        publishedOn: string;
-        locked: boolean;
-        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: CmsContentEntryStatusType;
-        version: number;
-    };
-}
-export interface CmsEditorFieldValidator {
-    name: string;
-    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: CmsEditorFieldValidatorPluginValidator;
-}
-export declare type CmsEditorContentTab = React.FC<{
-    activeTab: boolean;
-}>;
-export interface CmsEditorFieldOptionPlugin extends Plugin {
-    type: "cms-editor-field-option";
-    render(): ReactElement;
-}
-export interface CmsContentDetailsPlugin extends Plugin {
-    render: (params: any) => ReactNode;
-}
-export interface CmsContentDetailsRevisionContentPlugin extends Plugin {
-    type: "cms-content-details-revision-content";
-    render(params: any): ReactElement;
-}
-export interface CmsEditorFieldValidatorPatternPlugin extends Plugin {
-    type: "cms-editor-field-validator-pattern";
-    pattern: {
-        name: string;
-        message: string;
-        label: string;
-    };
-}
-export interface CmsFieldValidator {
-    name: string;
-    message: any;
-    settings: any;
-}
-export interface CmsModelFieldValidatorPlugin<T = any> extends Plugin {
-    type: "cms-model-field-validator";
-    validator: {
-        name: string;
-        validate: (value: T, validator: CmsFieldValidator) => Promise<any>;
-    };
-}
-/**
- * @category Plugin
- * @category ContentModelField
- * @category FieldValidation
- */
-export interface CmsModelFieldValidatorPatternPlugin extends Plugin {
-    /**
-     * A plugin type
-     */
-    type: "cms-model-field-validator-pattern";
-    /**
-     * A pattern object for the validator.
-     */
-    pattern: {
-        /**
-         * name of the pattern.
-         */
-        name: string;
-        /**
-         * RegExp of the validator.
-         */
-        regex: string;
-        /**
-         * RegExp flags
-         */
-        flags: string;
-    };
-}
-export interface FieldLayoutPosition {
-    row: number;
-    index: number | null;
-}
-export interface CmsEditorFormSettingsPlugin extends Plugin {
-    type: "cms-editor-form-settings";
-    title: string;
-    description: string;
-    icon: React.ReactElement;
-    render(props: {
-        Bind: BaseBindComponent;
-        form: FormAPI;
-        formData: any;
-    }): React.ReactNode;
-    renderHeaderActions?(props: {
-        Bind: BaseBindComponent;
-        form: FormAPI;
-        formData: any;
-    }): React.ReactNode;
-}
-export interface CmsIcon {
-    /**
-     * [ pack, icon ], ex: ["fab", "cog"]
-     */
-    id: [IconPrefix, IconName];
-    /**
-     * Icon name
-     */
-    name: string;
-    /**
-     * SVG element
-     */
-    svg: ReactElement;
-}
-export interface CmsIconsPlugin extends Plugin {
-    type: "cms-icons";
-    getIcons(): CmsIcon[];
-}
-export interface UseContentModelEditorReducerState {
-    apolloClient: ApolloClient<any>;
-    id: string;
-}
-/**
- * Transform field value when sending data to the API.
- */
-export interface CmsFieldValueTransformer extends Plugin {
-    /**
-     * A plugin type.
-     */
-    type: "cms-field-value-transformer";
-    /**
-     * A field type for the value transformer. Or a list of field types.
-     */
-    fieldType: string | string[];
-    /**
-     * A transformer function that takes a value and returns a new one.
-     */
-    transform: (value: any, field: CmsEditorField) => any;
-}
-/**
- * Define a custom form layout renderer for a specific content model.
- */
-export interface CmsContentFormRendererPlugin extends Plugin {
-    /**
-     * A plugin type.
-     */
-    type: "cms-content-form-renderer";
-    /**
-     * Content model ID that will use this renderer.
-     */
-    modelId: string;
-    /**
-     * A function that will render a custom form layout.
-     */
-    render(props: {
-        /**
-         * Content model that is being rendered.
-         */
-        contentModel: CmsEditorContentModel;
-        /**
-         * Content entry data handled by the Form element.
-         */
-        data: Record<string, any>;
-        /**
-         * A component to bind data to the Form.
-         */
-        Bind: BindComponent;
-        /**
-         * Content model fields to render.
-         */
-        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;
-}
+import type { CmsContentEntry } from "@webiny/app-headless-cms-common/types/index.js";
+import type { FolderTableRow, RecordTableRow } from "@webiny/app-aco";
+import type { DragSourceMonitor, XYCoord } from "react-dnd";
+import type { DragDropManager, Identifier, Listener, Unsubscribe } from "dnd-core";
+export type * from "@webiny/app-headless-cms-common/types/index.js";
+export { isLayoutField, isLayoutDescriptor } from "@webiny/app-headless-cms-common/types/index.js";
 /***
- * ###### 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;
-};
-/**
- * After RequestReview and RequestChanges was removed, we need an option to add new status filters
- */
-export interface CmsEntryFilterStatusPlugin extends Plugin {
-    type: "cms.entry.filter.status";
-    label: string;
-    value: string;
+ * ###### TABLE ########
+ */
+export type EntryTableItem = RecordTableRow<CmsContentEntry>;
+export type TableItem = FolderTableRow | EntryTableItem;
+export declare class DragSourceMonitorImpl<DragObject = unknown, DropResult = unknown> implements DragSourceMonitor<DragObject, DropResult> {
+    private internalMonitor;
+    private sourceId;
+    constructor(manager: DragDropManager);
+    receiveHandlerId(sourceId: Identifier | null): void;
+    getHandlerId(): Identifier | null;
+    subscribeToStateChange(listener: Listener, options?: {
+        handlerIds: Identifier[] | undefined;
+    }): Unsubscribe;
+    subscribeToOffsetChange(listener: Listener): Unsubscribe;
+    canDrag(): boolean;
+    isDragging(): boolean;
+    getItemType(): Identifier | null;
+    getItem<T = DragObject>(): T;
+    getDropResult<T = DropResult>(): T | null;
+    didDrop(): boolean;
+    getInitialClientOffset(): XYCoord | null;
+    getInitialSourceClientOffset(): XYCoord | null;
+    getClientOffset(): XYCoord | null;
+    getDifferenceFromInitialOffset(): XYCoord | null;
+    getSourceClientOffset(): XYCoord | null;
+    getTargetIds(): Identifier[];
 }
-export {};

package/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export { isLayoutDescriptor, isLayoutField } from "@webiny/app-headless-cms-common/types/index.js";

package/utils/CmsModelFieldValidatorConfigAdapter.d.ts

@@ -0,0 +1,15 @@
+import type { CmsModelField, CmsModelFieldValidatorConfig, CmsModelFieldValidatorConfigAdapter as ICmsModelFieldValidatorConfigAdapter } from "../types.js";
+export declare class CmsModelFieldValidatorConfigAdapter implements ICmsModelFieldValidatorConfigAdapter {
+    private field;
+    private validator;
+    private plugin;
+    constructor(field: CmsModelField, validator: CmsModelFieldValidatorConfig);
+    isRequired(): boolean;
+    getName(): string;
+    getLabel(): string;
+    getDescription(): string;
+    getDefaultMessage(): string;
+    getDefaultSettings(): Record<string, any> | undefined;
+    getVariables(): import("~/types.js").CmsModelFieldValidatorVariable[];
+    getVariableDescription(variableName: string): string | undefined;
+}