payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/elements/StepNav/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/StepNav/types.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+require("./index.scss");
+const baseClass = 'table';
+const Table = ({ columns, data }) => {
+    if (columns && columns.length > 0) {
+        return (react_1.default.createElement("div", { className: baseClass },
+            react_1.default.createElement("table", { cellPadding: "0", cellSpacing: "0" },
+                react_1.default.createElement("thead", null,
+                    react_1.default.createElement("tr", null, columns.map((col, i) => (react_1.default.createElement("th", { key: i, id: `heading-${col.accessor}` }, col.components.Heading))))),
+                react_1.default.createElement("tbody", null, data && data.map((row, rowIndex) => (react_1.default.createElement("tr", { key: rowIndex, className: `row-${rowIndex + 1}` }, columns.map((col, colIndex) => (react_1.default.createElement("td", { key: colIndex, className: `cell-${col.accessor}` }, col.components.renderCell(row, row[col.accessor])))))))))));
+    }
+    return null;
+};
+exports.default = Table;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Table/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B,wBAAsB;AAEtB,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B,MAAM,KAAK,GAAoB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACnD,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;YACvB,yCACE,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,GAAG;gBAEf;oBACE,0CACG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,sCACE,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,WAAW,GAAG,CAAC,QAAQ,EAAE,IAE5B,GAAG,CAAC,UAAU,CAAC,OAAO,CACpB,CACN,CAAC,CACC,CACC;gBACR,6CACG,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CACnC,sCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,OAAO,QAAQ,GAAG,CAAC,EAAE,IAE/B,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC9B,sCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,QAAQ,GAAG,CAAC,QAAQ,EAAE,IAEhC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAC/C,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AACF,kBAAe,KAAK,CAAC"}

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

@@ -0,0 +1,38 @@
+@import '../../../scss/styles.scss';
+
+.table {
+  margin-bottom: $baseline;
+  overflow: auto;
+  max-width: 100%;
+
+  thead {
+    color: var(--theme-elevation-400);
+
+    th {
+      font-weight: normal;
+      text-align: left;
+    }
+  }
+
+  th,
+  td {
+    padding: base(.75);
+    min-width: 150px;
+  }
+
+  tbody {
+    tr {
+      &:nth-child(odd) {
+        background: var(--theme-elevation-50);
+      }
+    }
+  }
+
+  @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 type Column = {
+    accessor: string;
+    components: {
+        Heading: React.ReactNode;
+        renderCell: (row: any, data: any) => React.ReactNode;
+    };
+};
+export type Props = {
+    columns: Column[];
+    data: unknown[];
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Table/types.ts"],"names":[],"mappings":""}

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,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const File_1 = __importDefault(require("../../graphics/File"));
+const useThumbnail_1 = __importDefault(require("../../../hooks/useThumbnail"));
+require("./index.scss");
+const baseClass = 'thumbnail';
+const Thumbnail = (props) => {
+    const { doc, doc: { filename, }, collection, size, } = props;
+    const thumbnailSRC = (0, useThumbnail_1.default)(collection, doc);
+    const classes = [
+        baseClass,
+        `${baseClass}--size-${size || 'medium'}`,
+    ].join(' ');
+    return (react_1.default.createElement("div", { className: classes },
+        thumbnailSRC && (react_1.default.createElement("img", { src: thumbnailSRC, alt: filename })),
+        !thumbnailSRC && (react_1.default.createElement(File_1.default, null))));
+};
+exports.default = Thumbnail;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Thumbnail/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,+DAA8C;AAC9C,+EAAuD;AAEvD,wBAAsB;AAEtB,MAAM,SAAS,GAAG,WAAW,CAAC;AAE9B,MAAM,SAAS,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EACJ,GAAG,EACH,GAAG,EAAE,EACH,QAAQ,GACT,EACD,UAAU,EACV,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,IAAA,sBAAY,EAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAEnD,MAAM,OAAO,GAAG;QACd,SAAS;QACT,GAAG,SAAS,UAAU,IAAI,IAAI,QAAQ,EAAE;KACzC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,OAAO;QACpB,YAAY,IAAI,CACf,uCACE,GAAG,EAAE,YAAY,EACjB,GAAG,EAAE,QAAkB,GACvB,CACH;QACA,CAAC,YAAY,IAAI,CAChB,8BAAC,cAAW,OAAG,CAChB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,SAAS,CAAC"}

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 type Props = {
+    doc: Record<string, unknown>;
+    collection: SanitizedCollectionConfig;
+    size?: 'small' | 'medium' | 'large' | 'expand';
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Thumbnail/types.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbnailCard = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Thumbnail_1 = __importDefault(require("../Thumbnail"));
+require("./index.scss");
+const baseClass = 'thumbnail-card';
+const ThumbnailCard = (props) => {
+    const { className, onClick, doc, collection, thumbnail, label, alignLabel, onKeyDown, } = props;
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const classes = [
+        baseClass,
+        className,
+        typeof onClick === 'function' && `${baseClass}--has-on-click`,
+        alignLabel && `${baseClass}--align-label-${alignLabel}`,
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, onClick: typeof onClick === 'function' ? onClick : undefined, onKeyDown: typeof onKeyDown === 'function' ? onKeyDown : undefined },
+        react_1.default.createElement("div", { className: `${baseClass}__thumbnail` },
+            thumbnail && thumbnail,
+            !thumbnail && (collection && doc) && (react_1.default.createElement(Thumbnail_1.default, { size: "expand", doc: doc, collection: collection }))),
+        react_1.default.createElement("div", { className: `${baseClass}__label` },
+            label && label,
+            !label && doc && (react_1.default.createElement(react_1.Fragment, null, typeof (doc === null || doc === void 0 ? void 0 : doc.filename) === 'string' ? doc === null || doc === void 0 ? void 0 : doc.filename : `[${t('untitled')}]`)))));
+};
+exports.ThumbnailCard = ThumbnailCard;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ThumbnailCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ThumbnailCard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,iDAA+C;AAE/C,6DAAqC;AAErC,wBAAsB;AAEtB,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAE5B,MAAM,aAAa,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EACJ,SAAS,EACT,OAAO,EACP,GAAG,EACH,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,EACV,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,SAAS,CAAC,CAAC;IAExC,MAAM,OAAO,GAAG;QACd,SAAS;QACT,SAAS;QACT,OAAO,OAAO,KAAK,UAAU,IAAI,GAAG,SAAS,gBAAgB;QAC7D,UAAU,IAAI,GAAG,SAAS,iBAAiB,UAAU,EAAE;KACxD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,SAAS,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAElE,uCAAK,SAAS,EAAE,GAAG,SAAS,aAAa;YACtC,SAAS,IAAI,SAAS;YACtB,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,IAAI,CACpC,8BAAC,mBAAS,IACR,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,GACtB,CACH,CACG;QACN,uCAAK,SAAS,EAAE,GAAG,SAAS,SAAS;YAClC,KAAK,IAAI,KAAK;YACd,CAAC,KAAK,IAAI,GAAG,IAAI,CAChB,8BAAC,gBAAQ,QACN,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAA,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAChE,CACZ,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,aAAa,iBA+CxB"}

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

@@ -0,0 +1,28 @@
+@import '../../../scss/styles.scss';
+
+.thumbnail-card {
+  @include shadow;
+  background: var(--theme-input-bg);
+
+  &__label {
+    padding: base(.5);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-weight: 600;
+  }
+
+  &--has-on-click {
+    cursor: pointer;
+  }
+
+  &--align-label-center {
+    text-align: center;
+  }
+
+  &__thumbnail {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export type Props = {
+    className?: string;
+    collection?: SanitizedCollectionConfig;
+    doc?: Record<string, unknown>;
+    onClick?: () => void;
+    onKeyDown?: () => void;
+    thumbnail?: React.ReactNode;
+    label?: string;
+    alignLabel?: 'left' | 'center';
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/elements/ThumbnailCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ThumbnailCard/types.ts"],"names":[],"mappings":""}

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,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+require("./index.scss");
+const Tooltip = (props) => {
+    const { className, children, show: showFromProps = true, delay = 350, } = props;
+    const [show, setShow] = react_1.default.useState(showFromProps);
+    (0, react_1.useEffect)(() => {
+        let timerId;
+        // do not use the delay on transition-out
+        if (delay && showFromProps) {
+            timerId = setTimeout(() => {
+                setShow(showFromProps);
+            }, delay);
+        }
+        else {
+            setShow(showFromProps);
+        }
+        return () => {
+            if (timerId)
+                clearTimeout(timerId);
+        };
+    }, [showFromProps, delay]);
+    return (react_1.default.createElement("aside", { className: [
+            'tooltip',
+            className,
+            show && 'tooltip--show',
+        ].filter(Boolean).join(' ') }, children));
+};
+exports.default = Tooltip;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAGzC,wBAAsB;AAEtB,MAAM,OAAO,GAAoB,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,KAAK,GAAG,GAAG,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAuB,CAAC;QAE5B,yCAAyC;QACzC,IAAI,KAAK,IAAI,aAAa,EAAE;YAC1B,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,OAAO,CAAC,aAAa,CAAC,CAAC;YACzB,CAAC,EAAE,KAAK,CAAC,CAAC;SACX;aAAM;YACL,OAAO,CAAC,aAAa,CAAC,CAAC;SACxB;QAED,OAAO,GAAG,EAAE;YACV,IAAI,OAAO;gBAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,yCACE,SAAS,EAAE;YACT,SAAS;YACT,SAAS;YACT,IAAI,IAAI,eAAe;SACxB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAE1B,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

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

@@ -0,0 +1,45 @@
+@import '../../../scss/styles.scss';
+
+$caretSize: 6;
+
+.tooltip {
+  opacity: 0;
+	background-color: var(--theme-elevation-800);
+	position: absolute;
+	z-index: 2;
+	bottom: 100%;
+	left: 50%;
+	transform: translate3d(-50%, calc(#{$caretSize}px * -1), 0);
+	padding: base(.2) base(.4);
+	color: var(--theme-elevation-0);
+	line-height: base(.75);
+	font-weight: normal;
+	white-space: nowrap;
+	border-radius: 2px;
+  visibility: hidden;
+
+  &::after {
+    content: ' ';
+    display: block;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translate3d(-50%, 100%, 0);
+    width: 0;
+    height: 0;
+    border-left: #{$caretSize}px solid transparent;
+    border-right: #{$caretSize}px solid transparent;
+    border-top: #{$caretSize}px solid var(--theme-elevation-800);
+  }
+
+  &--show {
+    visibility: visible;
+    opacity: 1;
+    transition: opacity .2s ease-in-out;
+    cursor: default;
+  }
+
+  @include mid-break {
+    display: none;
+  }
+}

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Tooltip/types.ts"],"names":[],"mappings":""}

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,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ThumbnailCard_1 = require("../ThumbnailCard");
+require("./index.scss");
+const baseClass = 'upload-gallery';
+const UploadGallery = (props) => {
+    const { docs, onCardClick, collection } = props;
+    if (docs && docs.length > 0) {
+        return (react_1.default.createElement("ul", { className: baseClass }, docs.map((doc) => (react_1.default.createElement("li", { key: String(doc.id) },
+            react_1.default.createElement(ThumbnailCard_1.ThumbnailCard, { doc: doc, collection: collection, onClick: () => onCardClick(doc) }))))));
+    }
+    return null;
+};
+exports.default = UploadGallery;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/UploadGallery/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AAEjD,wBAAsB;AAEtB,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAEnC,MAAM,aAAa,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEhD,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3B,OAAO,CACL,sCAAI,SAAS,EAAE,SAAS,IACrB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YACrB,8BAAC,6BAAa,IACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,GAC/B,CACC,CACN,CAAC,CACC,CACN,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

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%;
+  }
+
+  .thumbnail-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 type Props = {
+    docs?: Record<string, unknown>[];
+    collection: SanitizedCollectionConfig;
+    onCardClick: (doc: any) => void;
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/UploadGallery/types.ts"],"names":[],"mappings":""}

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,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Button_1 = __importDefault(require("../Button"));
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+require("./index.scss");
+const baseClass = 'versions-count';
+const VersionsCount = ({ collection, global, id }) => {
+    const { routes: { admin } } = (0, Config_1.useConfig)();
+    const { versions } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { t } = (0, react_i18next_1.useTranslation)('version');
+    let versionsURL;
+    if (collection) {
+        versionsURL = `${admin}/collections/${collection.slug}/${id}/versions`;
+    }
+    if (global) {
+        versionsURL = `${admin}/globals/${global.slug}/versions`;
+    }
+    const versionCount = (versions === null || versions === void 0 ? void 0 : versions.totalDocs) || 0;
+    return (react_1.default.createElement("div", { className: baseClass },
+        versionCount === 0 && t('versionCount_none'),
+        versionCount > 0 && (react_1.default.createElement(Button_1.default, { className: `${baseClass}__button`, buttonStyle: "none", el: "link", to: versionsURL }, t(versionCount === 1 ? 'versionCount_one' : 'versionCount_many', { count: versionCount })))));
+};
+exports.default = VersionsCount;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/VersionsCount/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,mDAAmD;AACnD,uDAA+B;AAE/B,+DAA+D;AAE/D,wBAAsB;AAEtB,MAAM,SAAS,GAAG,gBAAgB,CAAC;AAEnC,MAAM,aAAa,GAAoB,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,SAAS,CAAC,CAAC;IAExC,IAAI,WAAmB,CAAC;IAExB,IAAI,UAAU,EAAE;QACd,WAAW,GAAG,GAAG,KAAK,gBAAgB,UAAU,CAAC,IAAI,IAAI,EAAE,WAAW,CAAC;KACxE;IAED,IAAI,MAAM,EAAE;QACV,WAAW,GAAG,GAAG,KAAK,YAAY,MAAM,CAAC,IAAI,WAAW,CAAC;KAC1D;IAED,MAAM,YAAY,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,KAAI,CAAC,CAAC;IAE9C,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACtB,YAAY,KAAK,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC;QAC5C,YAAY,GAAG,CAAC,IAAI,CACnB,8BAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,UAAU,EACjC,WAAW,EAAC,MAAM,EAClB,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,WAAW,IAEd,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CACnF,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,aAAa,CAAC"}

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 type Props = {
+    collection?: SanitizedCollectionConfig;
+    global?: SanitizedGlobalConfig;
+    id?: string | number;
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/VersionsCount/types.ts"],"names":[],"mappings":""}

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,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const types_1 = require("./types");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
+const ViewDescription = (props) => {
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const { description, } = props;
+    if ((0, types_1.isComponent)(description)) {
+        const Description = description;
+        return react_1.default.createElement(Description, null);
+    }
+    if (description) {
+        return (react_1.default.createElement("div", { className: "view-description" }, typeof description === 'function' ? description() : (0, getTranslation_1.getTranslation)(description, i18n)));
+    }
+    return null;
+};
+exports.default = ViewDescription;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ViewDescription/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,mCAA6C;AAC7C,yEAAsE;AACtE,wBAAsB;AAEtB,MAAM,eAAe,GAAoB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAClC,MAAM,EACJ,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,IAAI,IAAA,mBAAW,EAAC,WAAW,CAAC,EAAE;QAC5B,MAAM,WAAW,GAAG,WAAW,CAAC;QAChC,OAAO,8BAAC,WAAW,OAAG,CAAC;KACxB;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CACL,uCACE,SAAS,EAAC,kBAAkB,IAE3B,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAA,+BAAc,EAAC,WAAW,EAAE,IAAI,CAAC,CAClF,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}