payload 0.20.0 → 0.20.1

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

@@ -0,0 +1,35 @@
+@import '../../../scss/styles.scss';
+
+.table {
+  margin-bottom: $baseline;
+  overflow: auto;
+  max-width: 100%;
+
+  thead {
+    color: $color-gray;
+
+    th {
+      font-weight: normal;
+      text-align: left;
+    }
+  }
+
+  th, td {
+    padding: base(.75);
+    min-width: 150px;
+  }
+
+  tbody {
+    tr {
+      &:nth-child(odd) {
+        background: $color-background-gray;
+      }
+    }
+  }
+
+  @include mid-break {
+    th, td {
+      max-width: 70vw;
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type Column = {
+    accessor: string;
+    components: {
+        Heading: React.ReactNode;
+        renderCell: (row: any, data: any) => React.ReactNode;
+    };
+};
+export declare type Props = {
+    columns: Column[];
+    data: unknown[];
+};

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import FileGraphic from '../../graphics/File';
+import useThumbnail from '../../../hooks/useThumbnail';
+import './index.scss';
+const baseClass = 'thumbnail';
+const Thumbnail = (props) => {
+    const { doc, doc: { filename, }, collection, size, } = props;
+    const thumbnailSRC = useThumbnail(collection, doc);
+    const classes = [
+        baseClass,
+        `${baseClass}--size-${size || 'medium'}`,
+    ].join(' ');
+    return (React.createElement("div", { className: classes },
+        thumbnailSRC && (React.createElement("img", { src: thumbnailSRC, alt: filename })),
+        !thumbnailSRC && (React.createElement(FileGraphic, null))));
+};
+export default Thumbnail;

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

@@ -0,0 +1,47 @@
+@import '../../../scss/styles.scss';
+
+.thumbnail {
+  min-height: 100%;
+  flex-shrink: 0;
+  align-self: stretch;
+  overflow: hidden;
+
+  img, svg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  &--size-expand {
+    max-height: 100%;
+    width: 100%;
+    padding-top: 100%;
+    position: relative;
+
+    img, svg {
+      position: absolute;
+      top: 0;
+    }
+  }
+
+  &--size-large {
+    max-height: base(9);
+    width: base(9);
+  }
+
+  &--size-medium {
+    max-height: base(7);
+    width: base(7);
+  }
+
+  &--size-small {
+    max-height: base(5);
+    width: base(5);
+  }
+
+  @include large-break {
+    .thumbnail {
+      width: base(5);
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    doc: Record<string, unknown>;
+    collection: SanitizedCollectionConfig;
+    size?: 'small' | 'medium' | 'large' | 'expand';
+};

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.scss';
+const Tooltip = (props) => {
+    const { className, children } = props;
+    const classes = [
+        'tooltip',
+        className,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("aside", { className: classes },
+        children,
+        React.createElement("span", null)));
+};
+export default Tooltip;

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

@@ -0,0 +1,27 @@
+@import '../../../scss/styles.scss';
+
+.tooltip {
+	background-color: $color-dark-gray;
+  position: absolute;
+  z-index: 2;
+	bottom: 100%;
+	left: 50%;
+	transform: translate3d(-50%, -20%, 0);
+	padding: base(.2) base(.4);
+	color: white;
+  line-height: base(.75);
+  font-weight: normal;
+  white-space: nowrap;
+  border-radius: 2px;
+
+	span {
+		position: absolute;
+		transform: translateX(-50%);
+		top: calc(100% - #{base(.0625)});
+		left: 50%;
+		height: 0;
+		width: 0;
+		border: 10px solid transparent;
+		border-top-color: $color-dark-gray;
+	}
+}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type Props = {
+    className?: string;
+    children: React.ReactNode;
+};

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

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

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

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

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

@@ -0,0 +1,17 @@
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+import React from 'react';
+import Thumbnail from '../Thumbnail';
+import './index.scss';
+const baseClass = 'upload-card';
+const UploadCard = (props) => {
+    const { className, onClick, doc, collection, } = props;
+    const classes = [
+        baseClass,
+        className,
+        typeof onClick === 'function' && `${baseClass}--has-on-click`,
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes, onClick: typeof onClick === 'function' ? onClick : undefined },
+        React.createElement(Thumbnail, { size: "expand", doc: doc, collection: collection }),
+        React.createElement("div", { className: `${baseClass}__filename` }, typeof (doc === null || doc === void 0 ? void 0 : doc.filename) === 'string' ? doc === null || doc === void 0 ? void 0 : doc.filename : '[Untitled]')));
+};
+export default UploadCard;

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

@@ -0,0 +1,19 @@
+@import '../../../scss/styles.scss';
+
+.upload-card {
+  @include shadow;
+  background: white;
+  max-width: base(9);
+  margin-bottom: base(.5);
+
+  &__filename {
+    padding: base(.5);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &--has-on-click {
+    cursor: pointer;
+  }
+}

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

@@ -0,0 +1,7 @@
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    className?: string;
+    collection: SanitizedCollectionConfig;
+    doc: Record<string, unknown>;
+    onClick?: () => void;
+};

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import UploadCard from '../UploadCard';
+import './index.scss';
+const baseClass = 'upload-gallery';
+const UploadGallery = (props) => {
+    const { docs, onCardClick, collection } = props;
+    if (docs && docs.length > 0) {
+        return (React.createElement("ul", { className: baseClass }, docs.map((doc, i) => (React.createElement("li", { key: i },
+            React.createElement(UploadCard, { doc: doc, ...{ collection }, onClick: () => onCardClick(doc) }))))));
+    }
+    return null;
+};
+export default UploadGallery;

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

@@ -0,0 +1,32 @@
+@import '../../../scss/styles.scss';
+
+.upload-gallery {
+  list-style: none;
+  padding: 0;
+  margin: base(2) -#{base(.5)};
+  width: calc(100% + #{$baseline});
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    min-width: 0;
+    width: 16.66%;
+  }
+
+  .upload-card {
+    margin: base(.5);
+    max-width: initial;
+  }
+
+  @include mid-break {
+    li {
+      width: 33.33%;
+    }
+  }
+
+  @include small-break {
+    li {
+      width: 50%;
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    docs?: Record<string, unknown>[];
+    collection: SanitizedCollectionConfig;
+    onCardClick: (doc: any) => void;
+};

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

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

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

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

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { useConfig } from '../../utilities/Config';
+import Button from '../Button';
+import { useDocumentInfo } from '../../utilities/DocumentInfo';
+import { shouldIncrementVersionCount } from '../../../../versions/shouldIncrementVersionCount';
+import './index.scss';
+const baseClass = 'versions-count';
+const VersionsCount = ({ collection, global, id }) => {
+    var _a, _b, _c;
+    const { routes: { admin } } = useConfig();
+    const { versions, publishedDoc, unpublishedVersions } = useDocumentInfo();
+    // Doc status could come from three places:
+    // 1. the newest unpublished version (a draft)
+    // 2. the published doc's status, in the event that the doc is published and there are no newer versions
+    // 3. if there is no published doc, it's a draft
+    const docStatus = ((_c = (_b = (_a = unpublishedVersions === null || unpublishedVersions === void 0 ? void 0 : unpublishedVersions.docs) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.version) === null || _c === void 0 ? void 0 : _c._status) || (publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc._status) || 'draft';
+    let versionsURL;
+    let entity;
+    if (collection) {
+        versionsURL = `${admin}/collections/${collection.slug}/${id}/versions`;
+        entity = collection;
+    }
+    if (global) {
+        versionsURL = `${admin}/globals/${global.slug}/versions`;
+        entity = global;
+    }
+    let initialVersionsCount = 0;
+    if (shouldIncrementVersionCount({ entity, versions, docStatus })) {
+        initialVersionsCount = 1;
+    }
+    const versionCount = ((versions === null || versions === void 0 ? void 0 : versions.totalDocs) || 0) + initialVersionsCount;
+    return (React.createElement("div", { className: baseClass },
+        versionCount === 0 && 'No versions found',
+        versionCount > 0 && (React.createElement(Button, { className: `${baseClass}__button`, buttonStyle: "none", el: "link", to: versionsURL },
+            versionCount,
+            ' ',
+            "version",
+            versionCount > 1 && 's',
+            ' ',
+            "found"))));
+};
+export default VersionsCount;

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

@@ -0,0 +1,9 @@
+@import '../../../scss/styles.scss';
+
+.versions-count__button {
+  font-weight: 600;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}

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

@@ -0,0 +1,7 @@
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { SanitizedGlobalConfig } from '../../../../globals/config/types';
+export declare type Props = {
+    collection?: SanitizedCollectionConfig;
+    global?: SanitizedGlobalConfig;
+    id?: string | number;
+};

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

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

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { isComponent } from './types';
+import './index.scss';
+const ViewDescription = (props) => {
+    const { description, } = props;
+    if (isComponent(description)) {
+        const Description = description;
+        return React.createElement(Description, null);
+    }
+    if (description) {
+        return (React.createElement("div", { className: "view-description" }, typeof description === 'function' ? description() : description));
+    }
+    return null;
+};
+export default ViewDescription;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type DescriptionFunction = () => string;
+export declare type DescriptionComponent = React.ComponentType;
+declare type Description = string | DescriptionFunction | DescriptionComponent;
+export declare type Props = {
+    description?: Description;
+};
+export declare function isComponent(description: Description): description is DescriptionComponent;
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export function isComponent(description) {
+    return React.isValidElement(description);
+}

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import DatePicker from '../../../DatePicker';
+const baseClass = 'condition-value-date';
+const DateField = ({ onChange, value }) => (React.createElement("div", { className: baseClass },
+    React.createElement(DatePicker, { onChange: onChange, value: value })));
+export default DateField;

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

@@ -0,0 +1,4 @@
+export declare type Props = {
+    onChange: () => void;
+    value: Date;
+};

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

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

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+const baseClass = 'condition-value-number';
+const NumberField = ({ onChange, value }) => (React.createElement("input", { placeholder: "Enter a value", className: baseClass, type: "number", onChange: (e) => onChange(e.target.value), value: value }));
+export default NumberField;

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

@@ -0,0 +1,5 @@
+@import '../../../../../scss/styles.scss';
+
+.condition-value-number {
+  @include formInput;
+}

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

@@ -0,0 +1,4 @@
+export declare type Props = {
+    onChange: (e: string) => void;
+    value: string;
+};

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

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

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

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