payload 1.6.4-beta.0 → 1.6.5

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

@@ -0,0 +1,70 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Submit_1 = __importDefault(require("../../forms/Submit"));
+const context_1 = require("../../forms/Form/context");
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const Locale_1 = require("../../utilities/Locale");
+require("./index.scss");
+const baseClass = 'save-draft';
+const SaveDraft = () => {
+    const { serverURL, routes: { api } } = (0, Config_1.useConfig)();
+    const { submit } = (0, context_1.useForm)();
+    const { collection, global, id } = (0, DocumentInfo_1.useDocumentInfo)();
+    const modified = (0, context_1.useFormModified)();
+    const locale = (0, Locale_1.useLocale)();
+    const { t } = (0, react_i18next_1.useTranslation)('version');
+    const canSaveDraft = modified;
+    const saveDraft = (0, react_1.useCallback)(() => {
+        const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`;
+        let action;
+        let method = 'POST';
+        if (collection) {
+            action = `${serverURL}${api}/${collection.slug}${id ? `/${id}` : ''}${search}`;
+            if (id)
+                method = 'PATCH';
+        }
+        if (global) {
+            action = `${serverURL}${api}/globals/${global.slug}${search}`;
+        }
+        submit({
+            action,
+            method,
+            skipValidation: true,
+            overrides: {
+                _status: 'draft',
+            },
+        });
+    }, [submit, collection, global, serverURL, api, locale, id]);
+    return (react_1.default.createElement(Submit_1.default, { className: baseClass, type: "button", buttonStyle: "secondary", onClick: saveDraft, disabled: !canSaveDraft }, t('saveDraft')));
+};
+exports.default = SaveDraft;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/SaveDraft/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,iDAA+C;AAC/C,mDAAmD;AACnD,gEAA4C;AAC5C,sDAAoE;AACpE,+DAA+D;AAC/D,mDAAmD;AAEnD,wBAAsB;AAEtB,MAAM,SAAS,GAAG,YAAY,CAAC;AAE/B,MAAM,SAAS,GAAa,GAAG,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAO,GAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,8BAAe,GAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAA,yBAAe,GAAE,CAAC;IACnC,MAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,SAAS,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,QAAQ,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACjC,MAAM,MAAM,GAAG,WAAW,MAAM,0CAA0C,CAAC;QAC3E,IAAI,MAAM,CAAC;QACX,IAAI,MAAM,GAAG,MAAM,CAAC;QAEpB,IAAI,UAAU,EAAE;YACd,MAAM,GAAG,GAAG,SAAS,GAAG,GAAG,IAAI,UAAU,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC;YAC/E,IAAI,EAAE;gBAAE,MAAM,GAAG,OAAO,CAAC;SAC1B;QAED,IAAI,MAAM,EAAE;YACV,MAAM,GAAG,GAAG,SAAS,GAAG,GAAG,YAAY,MAAM,CAAC,IAAI,GAAG,MAAM,EAAE,CAAC;SAC/D;QAED,MAAM,CAAC;YACL,MAAM;YACN,MAAM;YACN,cAAc,EAAE,IAAI;YACpB,SAAS,EAAE;gBACT,OAAO,EAAE,OAAO;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;IAE7D,OAAO,CACL,8BAAC,gBAAU,IACT,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,WAAW,EACvB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,YAAY,IAEtB,CAAC,CAAC,WAAW,CAAC,CACJ,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

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

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

@@ -0,0 +1,105 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Search_1 = __importDefault(require("../../icons/Search"));
+const useDebounce_1 = __importDefault(require("../../../hooks/useDebounce"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'search-filter';
+const SearchFilter = (props) => {
+    const { fieldName = 'id', fieldLabel = 'ID', modifySearchQuery = true, listSearchableFields, handleChange, } = props;
+    const params = (0, SearchParams_1.useSearchParams)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [previousSearch, setPreviousSearch] = (0, react_1.useState)('');
+    const placeholder = (0, react_1.useRef)(t('searchBy', { label: (0, getTranslation_1.getTranslation)(fieldLabel, i18n) }));
+    const debouncedSearch = (0, useDebounce_1.default)(search, 300);
+    (0, react_1.useEffect)(() => {
+        const newWhere = { ...typeof (params === null || params === void 0 ? void 0 : params.where) === 'object' ? params.where : {} };
+        const fieldNamesToSearch = [fieldName, ...(listSearchableFields || []).map(({ name }) => name)];
+        fieldNamesToSearch.forEach((fieldNameToSearch) => {
+            const hasOrQuery = Array.isArray(newWhere.or);
+            const existingFieldSearchIndex = hasOrQuery ? newWhere.or.findIndex((condition) => {
+                var _a;
+                return (_a = condition === null || condition === void 0 ? void 0 : condition[fieldNameToSearch]) === null || _a === void 0 ? void 0 : _a.like;
+            }) : -1;
+            if (debouncedSearch) {
+                if (!hasOrQuery)
+                    newWhere.or = [];
+                if (existingFieldSearchIndex > -1) {
+                    newWhere.or[existingFieldSearchIndex][fieldNameToSearch].like = debouncedSearch;
+                }
+                else {
+                    newWhere.or.push({
+                        [fieldNameToSearch]: {
+                            like: debouncedSearch,
+                        },
+                    });
+                }
+            }
+            else if (existingFieldSearchIndex > -1) {
+                newWhere.or.splice(existingFieldSearchIndex, 1);
+            }
+        });
+        if (debouncedSearch !== previousSearch) {
+            if (handleChange)
+                handleChange(newWhere);
+            if (modifySearchQuery) {
+                history.replace({
+                    search: qs_1.default.stringify({
+                        ...params,
+                        page: 1,
+                        where: newWhere,
+                    }),
+                });
+            }
+            setPreviousSearch(debouncedSearch);
+        }
+    }, [debouncedSearch, previousSearch, history, fieldName, params, handleChange, modifySearchQuery, listSearchableFields]);
+    (0, react_1.useEffect)(() => {
+        if ((listSearchableFields === null || listSearchableFields === void 0 ? void 0 : listSearchableFields.length) > 0) {
+            placeholder.current = listSearchableFields.reduce((prev, curr, i) => {
+                if (i === listSearchableFields.length - 1) {
+                    return `${prev} ${t('or')} ${(0, getTranslation_1.getTranslation)(curr.label || curr.name, i18n)}`;
+                }
+                return `${prev}, ${(0, getTranslation_1.getTranslation)(curr.label || curr.name, i18n)}`;
+            }, placeholder.current);
+        }
+    }, [t, listSearchableFields, i18n]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("input", { className: `${baseClass}__input`, placeholder: placeholder.current, type: "text", value: search || '', onChange: (e) => setSearch(e.target.value) }),
+        react_1.default.createElement(Search_1.default, null)));
+};
+exports.default = SearchFilter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/SearchFilter/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+@import '../../../scss/styles';
+
+.search-filter {
+  position: relative;
+
+  svg {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: base(.5);
+  }
+
+  &__input {
+    @include formInput;
+  }
+}

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

@@ -0,0 +1,9 @@
+import { FieldAffectingData } from '../../../../fields/config/types';
+import { Where } from '../../../../types';
+export type Props = {
+    fieldName?: string;
+    fieldLabel?: string;
+    modifySearchQuery?: boolean;
+    listSearchableFields?: FieldAffectingData[];
+    handleChange?: (where: Where) => void;
+};

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

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

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

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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import './index.scss';
+type ShimmerEffectT = {
+    animationDelay?: string;
+    height?: number | string;
+    width?: number | string;
+};
+export declare const ShimmerEffect: React.FC<ShimmerEffectT>;
+type StaggeredShimmersT = {
+    count: number;
+    shimmerDelay?: number | string;
+    height?: number | string;
+    width?: number | string;
+    className?: string;
+    shimmerItemClassName?: string;
+    renderDelay?: number;
+};
+export declare const StaggeredShimmers: React.FC<StaggeredShimmersT>;
+export {};

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

@@ -0,0 +1,49 @@
+"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 });
+exports.StaggeredShimmers = exports.ShimmerEffect = void 0;
+const React = __importStar(require("react"));
+const useDelay_1 = require("../../../hooks/useDelay");
+require("./index.scss");
+const ShimmerEffect = ({ animationDelay = '0ms', height = '60px', width = '100%' }) => {
+    return (React.createElement("div", { className: "shimmer-effect", style: {
+            height: typeof height === 'number' ? `${height}px` : height,
+            width: typeof width === 'number' ? `${width}px` : width,
+        } },
+        React.createElement("div", { className: "shimmer-effect__shine", style: {
+                animationDelay,
+            } })));
+};
+exports.ShimmerEffect = ShimmerEffect;
+const StaggeredShimmers = ({ count, className, shimmerItemClassName, width, height, shimmerDelay = 25, renderDelay = 500 }) => {
+    const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay;
+    const [hasDelayed] = (0, useDelay_1.useDelay)(renderDelay, true);
+    if (!hasDelayed)
+        return null;
+    return (React.createElement("div", { className: className }, [...Array(count)].map((_, i) => (React.createElement("div", { key: i, className: shimmerItemClassName },
+        React.createElement(exports.ShimmerEffect, { animationDelay: `calc(${i} * ${shimmerDelayToPass})`, height: height, width: width }))))));
+};
+exports.StaggeredShimmers = StaggeredShimmers;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ShimmerEffect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,sDAAmD;AAEnD,wBAAsB;AAOf,MAAM,aAAa,GAA6B,CAAC,EAAE,cAAc,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE;IACrH,OAAO,CACL,6BACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;YAC3D,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;SACxD;QAED,6BACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE;gBACL,cAAc;aACf,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,aAAa,iBAiBxB;AAWK,MAAM,iBAAiB,GAAiC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,WAAW,GAAG,GAAG,EAAE,EAAE,EAAE;IACjK,MAAM,kBAAkB,GAAG,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IACjG,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,mBAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAEjD,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,IAEnB,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,6BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,oBAAoB;QAE/B,oBAAC,qBAAa,IACZ,cAAc,EAAE,QAAQ,CAAC,MAAM,kBAAkB,GAAG,EACpD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,iBAAiB,qBAwB5B"}

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

@@ -0,0 +1,27 @@
+.shimmer-effect {
+  position: relative;
+  overflow: hidden;
+  background-color: var(--theme-elevation-50);
+
+  &__shine {
+    position: absolute;
+    scale: 1.5;
+    width: 100%;
+    height: 100%;
+    transform: translateX(-100%);
+    animation: shimmer 1.75s infinite;
+    opacity: .75;
+    background: linear-gradient(100deg,
+        var(--theme-elevation-50) 0%,
+        var(--theme-elevation-50) 15%,
+        var(--theme-elevation-150) 50%,
+        var(--theme-elevation-50) 85%,
+        var(--theme-elevation-50) 100%)
+  }
+}
+
+@keyframes shimmer {
+  100% {
+    transform: translate3d(100%, 0, 0);
+  }
+}

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

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

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

@@ -0,0 +1,70 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Button_1 = __importDefault(require("../Button"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'sort-column';
+const SortColumn = (props) => {
+    const { label, name, disable = false, } = props;
+    const params = (0, SearchParams_1.useSearchParams)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const { sort } = params;
+    const desc = `-${name}`;
+    const asc = name;
+    const ascClasses = [`${baseClass}__asc`];
+    if (sort === asc)
+        ascClasses.push(`${baseClass}--active`);
+    const descClasses = [`${baseClass}__desc`];
+    if (sort === desc)
+        descClasses.push(`${baseClass}--active`);
+    const setSort = (0, react_1.useCallback)((newSort) => {
+        history.push({
+            search: qs_1.default.stringify({
+                ...params,
+                sort: newSort,
+            }, { addQueryPrefix: true }),
+        });
+    }, [params, history]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("span", { className: `${baseClass}__label` }, (0, getTranslation_1.getTranslation)(label, i18n)),
+        !disable && (react_1.default.createElement("span", { className: `${baseClass}__buttons` },
+            react_1.default.createElement(Button_1.default, { round: true, buttonStyle: "none", className: ascClasses.join(' '), onClick: () => setSort(asc) },
+                react_1.default.createElement(Chevron_1.default, null)),
+            react_1.default.createElement(Button_1.default, { round: true, buttonStyle: "none", className: descClasses.join(' '), onClick: () => setSort(desc) },
+                react_1.default.createElement(Chevron_1.default, null))))));
+};
+exports.default = SortColumn;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/SortColumn/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,uDAA8C;AAC9C,4CAA6B;AAC7B,iDAA+C;AAE/C,kEAA0C;AAC1C,uDAA+B;AAC/B,+DAA+D;AAC/D,yEAAsE;AAEtE,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EACJ,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,GAC7B,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,IAAA,8BAAe,GAAE,CAAC;IACjC,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAElC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAExB,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACxB,MAAM,GAAG,GAAG,IAAI,CAAC;IAEjB,MAAM,UAAU,GAAG,CAAC,GAAG,SAAS,OAAO,CAAC,CAAC;IACzC,IAAI,IAAI,KAAK,GAAG;QAAE,UAAU,CAAC,IAAI,CAAC,GAAG,SAAS,UAAU,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,CAAC,GAAG,SAAS,QAAQ,CAAC,CAAC;IAC3C,IAAI,IAAI,KAAK,IAAI;QAAE,WAAW,CAAC,IAAI,CAAC,GAAG,SAAS,UAAU,CAAC,CAAC;IAE5D,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAO,EAAE,EAAE;QACtC,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,YAAW,CAAC,SAAS,CAAC;gBAC5B,GAAG,MAAM;gBACT,IAAI,EAAE,OAAO;aACd,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;SAC7B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,wCAAM,SAAS,EAAE,GAAG,SAAS,SAAS,IAAG,IAAA,+BAAc,EAAC,KAAK,EAAE,IAAI,CAAC,CAAQ;QAC3E,CAAC,OAAO,IAAI,CACX,wCAAM,SAAS,EAAE,GAAG,SAAS,WAAW;YACtC,8BAAC,gBAAM,IACL,KAAK,QACL,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;gBAE3B,8BAAC,iBAAO,OAAG,CACJ;YACT,8BAAC,gBAAM,IACL,KAAK,QACL,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAE5B,8BAAC,iBAAO,OAAG,CACJ,CACJ,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,51 @@
+@import '../../../scss/styles.scss';
+
+.sort-column {
+  &__label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__buttons {
+    flex-shrink: 0;
+  }
+
+  &__label,
+  &__buttons,
+  .btn {
+    vertical-align: middle;
+    display: inline-block;
+  }
+
+  &__label {
+    cursor: default;
+  }
+
+  button.btn {
+    margin: 0;
+    opacity: .3;
+
+    &.sort-column--active {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    &:hover {
+      opacity: .7;
+    }
+  }
+
+  &__asc {
+    svg {
+      transform: rotate(180deg);
+    }
+  }
+
+  &:hover {
+    .btn {
+      opacity: .4;
+      visibility: visible;
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+export type Props = {
+    label: Record<string, string> | string;
+    name: string;
+    disable?: boolean;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,89 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const qs_1 = __importDefault(require("qs"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const ReactSelect_1 = __importDefault(require("../ReactSelect"));
+const sortableFieldTypes_1 = __importDefault(require("../../../../fields/sortableFieldTypes"));
+const SearchParams_1 = require("../../utilities/SearchParams");
+const types_1 = require("../../../../fields/config/types");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'sort-complex';
+const SortComplex = (props) => {
+    const { collection, modifySearchQuery = true, handleChange, } = props;
+    const history = (0, react_router_dom_1.useHistory)();
+    const params = (0, SearchParams_1.useSearchParams)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
+    const [sortOptions, setSortOptions] = (0, react_1.useState)();
+    const [sortFields] = (0, react_1.useState)(() => collection.fields.reduce((fields, field) => {
+        if ((0, types_1.fieldAffectsData)(field) && sortableFieldTypes_1.default.indexOf(field.type) > -1) {
+            return [
+                ...fields,
+                { label: (0, getTranslation_1.getTranslation)(field.label || field.name, i18n), value: field.name },
+            ];
+        }
+        return fields;
+    }, []));
+    const [sortField, setSortField] = (0, react_1.useState)(sortFields[0]);
+    const [initialSort] = (0, react_1.useState)(() => ({ label: t('descending'), value: '-' }));
+    const [sortOrder, setSortOrder] = (0, react_1.useState)(initialSort);
+    (0, react_1.useEffect)(() => {
+        if (sortField === null || sortField === void 0 ? void 0 : sortField.value) {
+            const newSortValue = `${sortOrder.value}${sortField.value}`;
+            if (handleChange)
+                handleChange(newSortValue);
+            if (params.sort !== newSortValue && modifySearchQuery) {
+                history.replace({
+                    search: qs_1.default.stringify({
+                        ...params,
+                        sort: newSortValue,
+                    }, { addQueryPrefix: true }),
+                });
+            }
+        }
+    }, [history, params, sortField, sortOrder, modifySearchQuery, handleChange]);
+    (0, react_1.useEffect)(() => {
+        setSortOptions([{ label: t('ascending'), value: '' }, { label: t('descending'), value: '-' }]);
+    }, [i18n, t]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: `${baseClass}__wrap` },
+                react_1.default.createElement("div", { className: `${baseClass}__select` },
+                    react_1.default.createElement("div", { className: `${baseClass}__label` }, t('columnToSort')),
+                    react_1.default.createElement(ReactSelect_1.default, { value: sortField, options: sortFields, onChange: setSortField })),
+                react_1.default.createElement("div", { className: `${baseClass}__select` },
+                    react_1.default.createElement("div", { className: `${baseClass}__label` }, t('order')),
+                    react_1.default.createElement(ReactSelect_1.default, { value: sortOrder, options: sortOptions, onChange: (incomingSort) => {
+                            setSortOrder(incomingSort || initialSort);
+                        } }))))));
+};
+exports.default = SortComplex;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/SortComplex/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+@import '../../../scss/styles.scss';
+
+.sort-complex {
+  background: var(--theme-elevation-100);
+  padding: base(0.5);
+  display: flex;
+
+  &__wrap {
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  &__select {
+    width: 50%;
+    margin-bottom: base(0.5);
+    padding: 0 base(0.5);
+    flex-grow: 1;
+  }
+
+  &__label {
+    color: var(--theme-elevation-400);
+    margin: base(0.5) 0;
+  }
+
+  @include mid-break {
+    &__wrap {
+      display: block;
+    }
+
+    &__select {
+      margin: 0 0 base(0.5);
+      width: 100%;
+    }
+  }
+}

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

@@ -0,0 +1,7 @@
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export type Props = {
+    collection: SanitizedCollectionConfig;
+    sort?: string;
+    handleChange?: (sort: string) => void;
+    modifySearchQuery?: boolean;
+};

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

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