payload 0.19.2 → 0.20.2-beta.0

package/dist/admin/components/elements/WhereBuilder/field-types.js

@@ -1,114 +0,0 @@
-const boolean = [
-    {
-        label: 'equals',
-        value: 'equals',
-    },
-    {
-        label: 'is not equal to',
-        value: 'not_equals',
-    },
-];
-const base = [
-    ...boolean,
-    {
-        label: 'is in',
-        value: 'in',
-    },
-    {
-        label: 'is not in',
-        value: 'not_in',
-    },
-    {
-        label: 'exists',
-        value: 'exists',
-    },
-];
-const numeric = [
-    ...base,
-    {
-        label: 'is greater than',
-        value: 'greater_than',
-    },
-    {
-        label: 'is less than',
-        value: 'less_than',
-    },
-    {
-        label: 'is less than or equal to',
-        value: 'less_than_equal',
-    },
-    {
-        label: 'is greater than or equal to',
-        value: 'greater_than_equals',
-    },
-];
-const geo = [
-    ...boolean,
-    {
-        label: 'exists',
-        value: 'exists',
-    },
-    {
-        label: 'near',
-        value: 'near',
-    },
-];
-const like = {
-    label: 'is like',
-    value: 'like',
-};
-const contains = {
-    label: 'contains',
-    value: 'contains',
-};
-const fieldTypeConditions = {
-    text: {
-        component: 'Text',
-        operators: [...base, like, contains],
-    },
-    email: {
-        component: 'Text',
-        operators: [...base, contains],
-    },
-    textarea: {
-        component: 'Text',
-        operators: [...base, like, contains],
-    },
-    code: {
-        component: 'Text',
-        operators: [...base, like, contains],
-    },
-    richText: {
-        component: 'Text',
-        operators: [...base, like, contains],
-    },
-    number: {
-        component: 'Number',
-        operators: [...base, ...numeric],
-    },
-    date: {
-        component: 'Date',
-        operators: [...base, ...numeric],
-    },
-    point: {
-        component: 'Point',
-        operators: [...geo],
-    },
-    upload: {
-        component: 'Text',
-        operators: [...base],
-    },
-    relationship: {
-        component: 'Relationship',
-        operators: [...base],
-    },
-    select: {
-        component: 'Text',
-        operators: [...base],
-    },
-    checkbox: {
-        component: 'Text',
-        operators: boolean,
-    },
-};
-export default fieldTypeConditions;

package/dist/admin/components/elements/WhereBuilder/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const WhereBuilder: React.FC<Props>;
-export default WhereBuilder;

package/dist/admin/components/elements/WhereBuilder/index.js

@@ -1,78 +0,0 @@
-import React, { useState, useReducer } from 'react';
-import queryString from 'qs';
-import { useHistory } from 'react-router-dom';
-import useThrottledEffect from '../../../hooks/useThrottledEffect';
-import Button from '../Button';
-import reducer from './reducer';
-import Condition from './Condition';
-import fieldTypes from './field-types';
-import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
-import { useSearchParams } from '../../utilities/SearchParams';
-import validateWhereQuery from './validateWhereQuery';
-import './index.scss';
-const baseClass = 'where-builder';
-const reduceFields = (fields) => flattenTopLevelFields(fields).reduce((reduced, field) => {
-    if (typeof fieldTypes[field.type] === 'object') {
-        const formattedField = {
-            label: field.label,
-            value: field.name,
-            ...fieldTypes[field.type],
-            props: {
-                ...field,
-            },
-        };
-        return [
-            ...reduced,
-            formattedField,
-        ];
-    }
-    return reduced;
-}, []);
-const WhereBuilder = (props) => {
-    const { collection, modifySearchQuery = true, handleChange, collection: { labels: { plural, } = {}, } = {}, } = props;
-    const history = useHistory();
-    const params = useSearchParams();
-    const [conditions, dispatchConditions] = useReducer(reducer, params.where, (whereFromSearch) => {
-        if (modifySearchQuery && validateWhereQuery(whereFromSearch)) {
-            return whereFromSearch.or;
-        }
-        return [];
-    });
-    const [reducedFields] = useState(() => reduceFields(collection.fields));
-    useThrottledEffect(() => {
-        const currentParams = queryString.parse(history.location.search, { ignoreQueryPrefix: true, depth: 10 });
-        const newWhereQuery = {
-            ...typeof (currentParams === null || currentParams === void 0 ? void 0 : currentParams.where) === 'object' ? currentParams.where : {},
-            or: conditions,
-        };
-        if (handleChange)
-            handleChange(newWhereQuery);
-        if (modifySearchQuery) {
-            history.replace({
-                search: queryString.stringify({
-                    ...currentParams,
-                    page: 1,
-                    where: newWhereQuery,
-                }, { addQueryPrefix: true }),
-            });
-        }
-    }, 500, [conditions, modifySearchQuery, handleChange]);
-    return (React.createElement("div", { className: baseClass },
-        conditions.length > 0 && (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: `${baseClass}__label` },
-                "Filter",
-                ' ',
-                plural,
-                ' ',
-                "where"),
-            React.createElement("ul", { className: `${baseClass}__or-filters` }, conditions.map((or, orIndex) => (React.createElement("li", { key: orIndex },
-                orIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, "Or")),
-                React.createElement("ul", { className: `${baseClass}__and-filters` }, Array.isArray(or === null || or === void 0 ? void 0 : or.and) && or.and.map((_, andIndex) => (React.createElement("li", { key: andIndex },
-                    andIndex !== 0 && (React.createElement("div", { className: `${baseClass}__label` }, "And")),
-                    React.createElement(Condition, { value: conditions[orIndex].and[andIndex], orIndex: orIndex, andIndex: andIndex, key: andIndex, fields: reducedFields, dispatch: dispatchConditions }))))))))),
-            React.createElement(Button, { className: `${baseClass}__add-or`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => dispatchConditions({ type: 'add', field: reducedFields[0].value }) }, "Or"))),
-        conditions.length === 0 && (React.createElement("div", { className: `${baseClass}__no-filters` },
-            React.createElement("div", { className: `${baseClass}__label` }, "No filters set"),
-            React.createElement(Button, { className: `${baseClass}__add-first-filter`, icon: "plus", buttonStyle: "icon-label", iconPosition: "left", iconStyle: "with-border", onClick: () => dispatchConditions({ type: 'add', field: reducedFields[0].value }) }, "Add filter")))));
-};
-export default WhereBuilder;

package/dist/admin/components/elements/WhereBuilder/index.scss

@@ -1,31 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.where-builder {
-  background: $color-background-gray;
-  padding: base(.5) $baseline $baseline;
-
-  &__label {
-    margin: base(.5) 0;
-  }
-
-  &__or-filters,
-  &__and-filters {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
-  &__add-or,
-  &__add-first-filter {
-
-    &.btn {
-      margin-bottom: 0;
-    }
-  }
-
-  &__add-first-filter {
-    &.btn {
-      margin-top: 0;
-    }
-  }
-}

package/dist/admin/components/elements/WhereBuilder/reducer.d.ts

@@ -1,4 +0,0 @@
-import { Action } from './types';
-import { Where } from '../../../../types';
-declare const reducer: (state: Where[], action: Action) => Where[];
-export default reducer;

package/dist/admin/components/elements/WhereBuilder/reducer.js

@@ -1,65 +0,0 @@
-const reducer = (state, action) => {
-    const newState = [
-        ...state,
-    ];
-    const { orIndex, andIndex, } = action;
-    switch (action.type) {
-        case 'add': {
-            const { relation, field } = action;
-            if (relation === 'and') {
-                newState[orIndex].and.splice(andIndex, 0, { [field]: {} });
-                return newState;
-            }
-            return [
-                ...newState,
-                {
-                    and: [{
-                            [field]: {},
-                        }],
-                },
-            ];
-        }
-        case 'remove': {
-            newState[orIndex].and.splice(andIndex, 1);
-            if (newState[orIndex].and.length === 0) {
-                newState.splice(orIndex, 1);
-            }
-            return newState;
-        }
-        case 'update': {
-            const { field, operator, value } = action;
-            if (typeof newState[orIndex].and[andIndex] === 'object') {
-                newState[orIndex].and[andIndex] = {
-                    ...newState[orIndex].and[andIndex],
-                };
-                const [existingFieldName, existingCondition] = Object.entries(newState[orIndex].and[andIndex])[0] || [undefined, undefined];
-                if (operator) {
-                    newState[orIndex].and[andIndex] = {
-                        [existingFieldName]: {
-                            [operator]: Object.values(existingCondition)[0],
-                        },
-                    };
-                }
-                if (field) {
-                    newState[orIndex].and[andIndex] = {
-                        [field]: {
-                            [Object.keys(existingCondition)[0]]: Object.values(existingCondition)[0],
-                        },
-                    };
-                }
-                if (value !== undefined) {
-                    newState[orIndex].and[andIndex] = {
-                        [existingFieldName]: {
-                            [Object.keys(existingCondition)[0]]: value,
-                        },
-                    };
-                }
-            }
-            return newState;
-        }
-        default: {
-            return newState;
-        }
-    }
-};
-export default reducer;

package/dist/admin/components/elements/WhereBuilder/types.d.ts

@@ -1,43 +0,0 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import { Field } from '../../../../fields/config/types';
-import { Operator, Where } from '../../../../types';
-export declare type Props = {
-    collection: SanitizedCollectionConfig;
-    handleChange?: (where: Where) => void;
-    modifySearchQuery?: boolean;
-};
-export declare type FieldCondition = {
-    label: string;
-    value: string;
-    operators: {
-        label: string;
-        value: Operator;
-    }[];
-    component?: string;
-    props: Field;
-};
-export declare type Relation = 'and' | 'or';
-export declare type ADD = {
-    type: 'add';
-    field: string;
-    relation?: Relation;
-    andIndex?: number;
-    orIndex?: number;
-};
-export declare type REMOVE = {
-    type: 'remove';
-    andIndex: number;
-    orIndex: number;
-};
-export declare type UPDATE = {
-    type: 'update';
-    andIndex: number;
-    orIndex: number;
-    operator?: string;
-    field?: string;
-    value?: unknown;
-};
-export declare type Action = ADD | REMOVE | UPDATE;
-export declare type State = {
-    or: Where[];
-};

package/dist/admin/components/elements/WhereBuilder/types.js

@@ -1 +0,0 @@
-export {};

package/dist/admin/components/elements/WhereBuilder/validateWhereQuery.d.ts

@@ -1,3 +0,0 @@
-import { Where } from '../../../../types';
-declare const validateWhereQuery: (whereQuery: any) => whereQuery is Where;
-export default validateWhereQuery;

package/dist/admin/components/elements/WhereBuilder/validateWhereQuery.js

@@ -1,8 +0,0 @@
-const validateWhereQuery = (whereQuery) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (((_a = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_c = (_b = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.and) && ((_f = (_e = (_d = whereQuery === null || whereQuery === void 0 ? void 0 : whereQuery.or) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.and) === null || _f === void 0 ? void 0 : _f.length) > 0) {
-        return true;
-    }
-    return false;
-};
-export default validateWhereQuery;

package/dist/admin/components/elements/elements.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/admin/components/elements/elements.spec.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import Separator from './Paginator/Separator';
-describe('Elements', () => {
-    describe('Paginator', () => {
-        it('separator - renders dash', () => {
-            const { getByText } = render(React.createElement(Separator, null));
-            const linkElement = getByText(/—/i); // —
-            expect(linkElement).toBeInTheDocument();
-        });
-    });
-});

package/dist/admin/components/forms/DraggableSection/ActionPanel/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const ActionPanel: React.FC<Props>;
-export default ActionPanel;

package/dist/admin/components/forms/DraggableSection/ActionPanel/index.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import Button from '../../../elements/Button';
-import Popup from '../../../elements/Popup';
-import BlockSelector from '../../field-types/Blocks/BlockSelector';
-import './index.scss';
-const baseClass = 'action-panel';
-const ActionPanel = (props) => {
-    const { addRow, removeRow, label = 'Row', blockType, blocks = [], rowIndex, isHovered, hasMaxRows, } = props;
-    const classes = [
-        baseClass,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "right", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__remove-row`, round: true, buttonStyle: "none", icon: "x", iconPosition: "left", iconStyle: "with-border", onClick: () => removeRow(rowIndex) })) },
-            "Remove\u00A0",
-            label),
-        !hasMaxRows && (React.createElement(React.Fragment, null, blockType === 'blocks'
-            ? (React.createElement(Popup, { buttonType: "custom", size: "large", horizontalAlign: "right", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border" })), render: ({ close }) => (React.createElement(BlockSelector, { blocks: blocks, addRow: addRow, addRowIndex: rowIndex, close: close, parentIsHovered: isHovered, watchParentHover: true })) }))
-            : (React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "center", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border", onClick: () => addRow(rowIndex) })) },
-                "Add\u00A0",
-                label))))));
-};
-export default ActionPanel;

package/dist/admin/components/forms/DraggableSection/ActionPanel/index.scss

@@ -1,12 +0,0 @@
-@import '../../../../scss/styles';
-
-.action-panel {
-
-  &__remove-row {
-    margin: 0 0 base(.3);
-  }
-
-  &__add-row {
-    margin: base(.3) 0 0;
-  }
-}

package/dist/admin/components/forms/DraggableSection/ActionPanel/types.d.ts

@@ -1,11 +0,0 @@
-import { Block } from '../../../../../fields/config/types';
-export declare type Props = {
-    label: string;
-    addRow?: (index: number, blockType?: string) => void;
-    removeRow?: (index: number) => void;
-    blockType?: string;
-    isHovered: boolean;
-    rowIndex: number;
-    blocks?: Block[];
-    hasMaxRows?: boolean;
-};

package/dist/admin/components/forms/DraggableSection/ActionPanel/types.js

@@ -1 +0,0 @@
-export {};

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const PositionPanel: React.FC<Props>;
-export default PositionPanel;

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import Button from '../../../elements/Button';
-import './index.scss';
-const baseClass = 'position-panel';
-const PositionPanel = (props) => {
-    const { moveRow, positionIndex, rowCount, readOnly } = props;
-    const adjustedIndex = positionIndex + 1;
-    const classes = [
-        baseClass,
-        `${baseClass}__${readOnly ? 'read-only' : ''}`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-backward ${positionIndex === 0 ? 'first-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex - 1) })),
-        (adjustedIndex && typeof positionIndex === 'number')
-            && (React.createElement("div", { className: `${baseClass}__current-position` }, adjustedIndex >= 10 ? adjustedIndex : `0${adjustedIndex}`)),
-        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-forward ${(positionIndex === rowCount - 1) ? 'last-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex + 1) }))));
-};
-export default PositionPanel;

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.scss

@@ -1,21 +0,0 @@
-@import '../../../../scss/styles';
-
-.position-panel {
-  &__move-backward {
-    transform: rotate(.5turn);
-    margin: 0;
-    opacity: 0;
-  }
-
-  &__move-forward {
-    margin: 0;
-    opacity: 0;
-  }
-
-  &__current-position {
-    text-align: center;
-    color: $color-gray;
-  }
-
-  padding-right: base(.5);
-}

package/dist/admin/components/forms/DraggableSection/PositionPanel/types.d.ts

@@ -1,6 +0,0 @@
-export declare type Props = {
-    moveRow: (fromIndex: number, toIndex: number) => void;
-    positionIndex: number;
-    rowCount: number;
-    readOnly: boolean;
-};

package/dist/admin/components/forms/DraggableSection/PositionPanel/types.js

@@ -1 +0,0 @@
-export {};

package/dist/admin/components/forms/DraggableSection/SectionTitle/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const SectionTitle: React.FC<Props>;
-export default SectionTitle;

package/dist/admin/components/forms/DraggableSection/SectionTitle/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import useField from '../../useField';
-import Pill from '../../../elements/Pill';
-import './index.scss';
-const baseClass = 'section-title';
-const SectionTitle = (props) => {
-    const { label, path, readOnly } = props;
-    const { value, setValue } = useField({ path });
-    const classes = [
-        baseClass,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Pill, { pillStyle: "light-gray", className: `${baseClass}__pill` }, label),
-        React.createElement("input", { className: `${baseClass}__input`, id: path, value: value || '', placeholder: "Untitled", type: "text", name: path, onChange: setValue, readOnly: readOnly })));
-};
-export default SectionTitle;

package/dist/admin/components/forms/DraggableSection/SectionTitle/index.scss

@@ -1,37 +0,0 @@
-@import '../../../../scss/styles';
-
-.section-title {
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  &__input {
-    flex-grow: 1;
-    color: $color-dark-gray;
-    background-color: transparent;
-    font-family: $font-body;
-    font-weight: 600;
-    font-size: base(.75);
-    padding: base(.1) base(.2);
-    margin-left: base(.5);
-    margin-right: base(.5);
-    border: none;
-
-    &:hover {
-      box-shadow: inset 0px -2px 0px -1px $color-light-gray;
-    }
-
-    &:hover,
-    &:focus {
-      outline: 0;
-    }
-
-    &:focus {
-      box-shadow: none;
-    }
-  }
-
-  &__pill {
-    flex-shrink: 0;
-  }
-}

package/dist/admin/components/forms/DraggableSection/SectionTitle/types.d.ts

@@ -1,5 +0,0 @@
-export declare type Props = {
-    path: string;
-    label: string;
-    readOnly: boolean;
-};

package/dist/admin/components/forms/DraggableSection/SectionTitle/types.js

@@ -1 +0,0 @@
-export {};

package/dist/admin/components/forms/DraggableSection/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const DraggableSection: React.FC<Props>;
-export default DraggableSection;

package/dist/admin/components/forms/DraggableSection/index.js

@@ -1,40 +0,0 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { Draggable } from 'react-beautiful-dnd';
-import ActionPanel from './ActionPanel';
-import SectionTitle from './SectionTitle';
-import PositionPanel from './PositionPanel';
-import Button from '../../elements/Button';
-import { NegativeFieldGutterProvider } from '../FieldTypeGutter/context';
-import FieldTypeGutter from '../FieldTypeGutter';
-import RenderFields from '../RenderFields';
-import HiddenInput from '../field-types/HiddenInput';
-import './index.scss';
-import { fieldAffectsData } from '../../../../fields/config/types';
-const baseClass = 'draggable-section';
-const DraggableSection = (props) => {
-    const { moveRow, addRow, removeRow, rowIndex, rowCount, parentPath, fieldSchema, label, blockType, fieldTypes, id, setRowCollapse, isCollapsed, permissions, readOnly, hasMaxRows, } = props;
-    const [isHovered, setIsHovered] = useState(false);
-    const classes = [
-        baseClass,
-        isCollapsed ? 'is-collapsed' : 'is-open',
-        (isHovered && !readOnly) && 'is-hovered',
-    ].filter(Boolean).join(' ');
-    return (React.createElement(Draggable, { draggableId: id, index: rowIndex, isDragDisabled: readOnly }, (providedDrag) => (React.createElement("div", { ref: providedDrag.innerRef, className: classes, onMouseLeave: () => setIsHovered(false), onMouseOver: () => setIsHovered(true), onFocus: () => setIsHovered(true), ...providedDrag.draggableProps },
-        React.createElement("div", { className: `${baseClass}__content-wrapper` },
-            React.createElement(FieldTypeGutter, { variant: "left", dragHandleProps: providedDrag.dragHandleProps },
-                React.createElement(PositionPanel, { moveRow: moveRow, rowCount: rowCount, positionIndex: rowIndex, readOnly: readOnly })),
-            React.createElement("div", { className: `${baseClass}__render-fields-wrapper` },
-                blockType === 'blocks' && (React.createElement("div", { className: `${baseClass}__section-header` },
-                    React.createElement(HiddenInput, { name: `${parentPath}.${rowIndex}.id`, value: id }),
-                    React.createElement(SectionTitle, { label: label, path: `${parentPath}.${rowIndex}.blockName`, readOnly: readOnly }),
-                    React.createElement(Button, { icon: "chevron", onClick: () => setRowCollapse(id, !isCollapsed), buttonStyle: "icon-label", className: `toggle-collapse toggle-collapse--is-${isCollapsed ? 'collapsed' : 'open'}`, round: true }))),
-                React.createElement(AnimateHeight, { height: isCollapsed ? 0 : 'auto', duration: 200 },
-                    React.createElement(NegativeFieldGutterProvider, { allow: false },
-                        React.createElement(RenderFields, { readOnly: readOnly, fieldTypes: fieldTypes, key: rowIndex, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldSchema: fieldSchema.map((field) => ({
-                                ...field,
-                                path: `${parentPath}.${rowIndex}${fieldAffectsData(field) ? `.${field.name}` : ''}`,
-                            })) })))),
-            React.createElement(FieldTypeGutter, { variant: "right", className: "actions", dragHandleProps: providedDrag.dragHandleProps }, !readOnly && (React.createElement(ActionPanel, { addRow: addRow, removeRow: removeRow, rowIndex: rowIndex, label: label, isHovered: isHovered, hasMaxRows: hasMaxRows, ...props }))))))));
-};
-export default DraggableSection;